Планирование уроков на учебный год (по учебнику Н.Д. Угриновича)



Урок 30
Публикации в сети. Структура web-страницы и web-сайта, инструменты для их создания



§ 6.4. Разработка Web-сайтов с использованием языка разметки гипертекста HTML



Содержание урока

6.4.1. Web-страницы и Web-сайты

6.4.2. Структура Web-страницы

Практическая работа 6.3

Лабораторная работа № 19 «Конструируем структуру web-сайта. Создаем макеты страниц»


6.4.2. Структура Web-страницы


Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.

HTML-код страницы помещается внутрь контейнера <HTML> </HTML>. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web-страница разделяется на две логические части: заголовок и содержание.

Заголовок Web-страницы заключается в контейнер <HEAD> </HEAD> и содержит название страницы и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения.

Название страницы помещается в контейнер <TITLE> </TITLE> и при просмотре отображается в верхней строке окна браузера.

Отображаемое в браузере содержание страницы помещается в контейнер <BODY> </BODY>.

Созданную Web-страницу необходимо сохранить в виде файла с расширением htm. В качестве расширения файла Web-страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.

Необходимо различать имя файла index.htm, под которым Web-страница хранится в файловой системе, и имя Web-страницы, например «Компьютер», которое высвечивается в верхней строке окна браузера.

Имя Web-страницы должно соответствовать ее содержанию, так как оно в первую очередь анализируется поисковыми системами.

Контрольные вопросы


1. Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы?

Cкачать материалы урока




Наверх