Краткие итоги, Структура Web-страницы - Основные понятия Web-дизайна

Web-дизайн - новый жанр изобразительного искусства, использующий собственные средства, закономерности и приемы.

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

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

Документы, составленные с помощью языка HTML, имеют определенную стандартизированную структуру (см. следующий рисунок).

Начинается и завершается любая HTML-страница парой тегов <html> и </html>. Эти теги сигнализируют браузерам о том, что данная программа написана на языке HTML. Все, что находится между этими тегами, называется документом (Web-страницей, программой).

Заметим, что некотрые HTML-редакторы самой первой строкой страницы автоматически вставляют идентификатор (указатель) используемой версии языка HTML. Например, виртуальный поисковый сайт

<!DOCTYPE HTML PUBLIC "'-//W3C//DTD HTML 4.01 Transitional//EN">

Такую строку порой называют прологом.

Между тегами <head > и </head> помещаются сведения о названии данной страницы и служебная информация (используемая кодировка, ключевые слова, название редактора, с помощью которого сделана страничка). Для примера название этой Web-страницы выбрано "Пробная страница". Название страницы окаймлено тегами <title> и </title>. Следует иметь в виду то, что текст, размещенный между этими тегами, не отображается в окне браузера. Название страницы появляется в строке заголовка браузера при просмотре данной страницы, а также в названиях избранных закладок Между тeгами <head> и </head> размещается служебная информация. Для этого используются метатеги.

С помощью метатегов дают информацию поисковым системам о содержимом данной страницы. Метатеги могут содержать информацию об авторе, авторских правах, электронном адресе. Метатеги могут управлять автоматической перезагрузкой на другую страницу.

Содержимое страницы, воссоздаваемое на экране монитора (основная часть, тело), располагается между тегами <body> и </body>. В данном случае (см. рисунок) пользователи на экранах своих мониторов увидят всего два слова: "Проба", причем второе слово будет изображено полужирным шрифтом. Кроме того, на рисунке видны теги <р> и </р>, каждая пара которых выделяет новый абзац в документе.

Заметим, что исключением из этого правила является порядок создания фреймов. В этих случаях вместо тега body используется тег frameset.

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

Увидеть, как выглядит HTML-код конкретной Web-страницы, довольно просто. Для этого достаточно в браузере MS Internet Explorer 6 0 последовательно выполнить команды: Вид -> Просмотр HTML-кода.

Краткие итоги

В структуре HTML-страницы нужно выделять три крупных блока: один блок с помощью тегов <html> и </html> показывает границы всего документа.

Теги <head > и </head> выделяют второй блок со служебной информацией.

В контейнере, созданном тегами <body> и </body> (третий блок), содержится информация, отображаемая в окне браузера.

Похожие статьи




Краткие итоги, Структура Web-страницы - Основные понятия Web-дизайна

Предыдущая | Следующая