Министерство образования Республики Беларусь
Учреждение образования
Белорусский Государственный Университет
Информатики и Радиоэлектроники
Факультет компьютерного проектирования
Кафедра проектирования информационно-компьютерных систем
Отчет
По разработке сайта компании по продаже и обслуживанию медицинского оборудования
Магистрант гр. 7M1101 |
|
Лешкович С.А. |
Проверил |
|
Пискун Г.А. |
Минск 2017
Оглавление
Введение 3
1 Теоретическая часть 4
1.1 Тег 4
1.2 Атрибут 5
1.3 Структура HTML-документа 7
2 Практическая часть 9
2.1 Главная страница 9
2.2 Страница «Плазменные стерилизаторы воздуха» 10
Заключение 10
Список используемой литературы 11
Введение
В данной работе описан разработанный сайт на языке HTML.Чтобы разработать веб-сайт, необходимо продумать структуру узла и решить какая информация должна находиться на домашней странице и на других важных страницах, решить какой язык использовать для решения тех или иных проблем.. Обязательно определиться, для кого в первую очередь предназначен узел, какова главная цель и как часто будет обновляться материал.
С помощью текстового редактора или редактора веб-страниц необходимо создать страницы для узла (или хотя бы некоторые из них) и сохранить в виде HTML-файлов. Используя графический редактор, создать иллюстрации или использовать уже существующие.
Просмотреть готовые HTML-файлы посредством браузера. Проверить, грамотно ли набран текст, как функционируют ссылки, и обратить внимание на внешний вид графического материала. Повторять вышеуказанные действия до тех пор, пока узел не станет вполне приемлемым для публикации.
1 Теоретическая часть
HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.[1].
Будучи универсальным средством, HTML вместе с протоколом передачи гипертекста (Hypertext Transfer Protocol - HTTP) позволяет решать задачи перевода документов между разными компьютерами, платформами и сетями, обеспечивая широкую доступность документов[2].
Основной конструкцией языка HTML является элемент. Элемент - это контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая web-страница представляет собой ряд элементов. Одна из идей гипертекста - возможность вложения различных элементов.
Начальный или конечный маркер элемента называется тегом. Теги определяют границы действия элементов и отделяют элементы друг от друга.
1.1 Тег
Тег в HTML (языках семейства XML) — элемент языка разметки гипертекста. Текст, содержащийся между начальным и конечным тегом, отображается и размещается в соответствии со свойствами, указанными в начальном теге.[3]
Общий синтаксис написания тегов следующий:
- левой угловой скобки < (такой же, как символ «меньше чем»);
- необязательного слэша /, который означает, что тег является конечным тегом, закрывающим некоторую структуру;
- имени тега, например TITLE или PRE;
- необязательных атрибутов (тег может быть без атрибутов или сопровождаться одним или несколькими атрибутами);
- правой угловой скобки > (такой же, как символ «больше чем»).
Примеры:
<тег атрибут1="значение" атрибут2="значение">
<тег атрибут1="значение" атрибут2="значение">...</тег>
Как видно из данного примера, теги бывают двух типов — одиночные и парные (контейнеры). Одиночный тег используется самостоятельно, а парный может включать внутри себя другие теги или текст. У тегов допустимы различные атрибуты, которые разделяются между собой пробелом. Впрочем, есть теги без всяких дополнительных атрибутов. Условно атрибуты можно подразделить на обязательные, они непременно должны присутствовать, и необязательные, их добавление зависит от цели применения тега.
Парные теги, называемые по-другому контейнеры, состоят из двух частей — открывающий и закрывающий тег. Открывающий тег обозначается как и одиночный — <тег>, а в закрывающем используется слэш — </тег>. Допускается вкладывать в контейнер другие теги, однако следует соблюдать их порядок. Так, на рисунке 1.1 демонстрируется, как можно и нельзя добавлять один контейнер внутрь другого.
а
б
Рисунок 1.1. Вложение тегов, а — правильное, б — неверное.
Если связать открывающий и закрывающий тег между собой скобкой, как показано на рисунке 1.1, то несколько скобок обозначающих разные контейнеры, не должны пересекаться между собой (рисунок 1.1а). Любое пересечение условных скобок (рисунок 1.1б) говорит о том, что правильная последовательность тегов нарушена.