Структура веб-страницы
Оценка 4.8

Структура веб-страницы

Оценка 4.8
docx
16.11.2021
Структура веб-страницы
Л2-001515.docx

Структура веб-страницы

Каждая веб-страница включает в себя определенный набор стандартных, необходимых для каждого ресурса сети Internet элементов.

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

Если владельцы сайта являются участниками баннерообменной сети, то, как правило, под заголовком документа предусматривается пространство для размещения рекламного баннера. Расположение баннера именно в этой части веб-страницы в большинстве случаев является обязательным требованием для участия в обмене рекламными баннерами.

Большую часть страницы занимает текстовое поле или контент (content – содержание) — участок, предназначенный для размещения данных, составляющих смысловое содержание страницы: информа­ционного текста и иллюстраций к нему.

Необходимыми составляющими веб-страницы являются элементы навигации, позволяющие переходить с данной страницы на другие страницы сайта. Они представляют собой гиперссылки, которые могут иметь вид текстовых строк или же гра­фических объектов – кнопок. Кнопки подразделяются на пассивные и активные. Активные элементы управления реагируют на движения мыши, выполняя при наведении на них какие-либо действия: изменение формы или цвета, имитацию эффекта «нажатия», и т. д. Для удобства пользователей элементы навигации принято располагать у левой границы страницы или же под заголовком.

При отображении веб-страницы на экране монитора браузер производит ее форматирование, анализируя специальные маркеры – теги, которые записаны вместе с содержательным текстом в текстовом формате. В настоящее время существует несколько языков разметки гипертекстовых документов, но наиболее известным и распространенным является HTML (HyperText Markup Language - язык гипертекстовой разметки). Директивы этого языка принято называть, как уже отмечалось, тегами (tag – отметка). Файлы HTML – это обычные текстовые файлы, имеющие расширение HTM или HTML. В них помещается текст содержания страницы и теги, определяющие ее форматирование при отображении. Тег имеет вид строки символов, заключенной в угловые скобки, соответствующие символам меньше и больше: «<» и «>». При отображении HTML-документа с помощью браузера теги не показываются, а показывается только текст - все элементы страницы, не заключенные в угловые скобки, браузер интерпретирует как содержательный текст и отображает на экране. Язык HTML имеет особенность, отличающую его от других языков программирования: подавляющее большинство тегов этого языка являются парными. Каждая пара состоит из открывающего и закрывающего тега. Закрывающий тег отличается от открывающего добавлением символа «/» в первую позицию. Все элементы документа, находящиеся между открывающим и закрывающим тегом, интерпретируются браузером по правилам, соответствующим данному тегу. Элемент кода HTML- страницы с открывающимся и закрывающимся тегом в общем виде можно представить следующим образом:

<тег атрибут=”параметр”> содержательная часть </тег>.

Тег определяет правила отображения содержательной части, а атрибуты параметры этого отображения.

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

Для создания и редактирования файлов HTML можно использовать программу Блокнот, входящую в состав Windows, а для просмотра результатов создания Web-страниц – браузер  Microsoft Internet Explorer. Следует отметить, что к настоящему моменту времени разработано большое число специальных редакторов для разработки веб-страниц. Например, Macromedia HomeSite, Microsoft FrontPage и др. Основные теги языка HTML приведены в таблице 12.2.

Таблица 12.2

Основные теги языка HTML

Тэг

Описание

<HTML>… текст документа

</HTML>

определяет HTML-документ, содержит HTML-текст

<HEAD>… описание заголовка

</HEAD>

определяет заголовок

<TITLE>это заглавие документа </TITLE>

указывает заглавие документа

<BODY>… текст документа

</BODY>

определяет тело документа

<BR>

перевод строки

<P>…</P>

перевод и добавление пустой строки

<B>…</B>

выделение полужирным шрифтом

<I>…</I>

выделение курсивом

<U>…</U>

выделение подчеркиванием

От <H1> до <H6>

использование стилей заголовка

<FONT>

задание размера, гарнитуры и цвета шрифта

<ALIGN=CENTER>

<ALIGN=RIGHT>

<ALIGN=LEFT>

выравнивание по центру, по правому краю, по левому краю

<IMG>

вставка изображений в документ

<TABLE>текст</TABLE>

объявление таблицы

<TR>текст</TR>

тэг строки

<TD>текст</TD>

тэг данных

 

 

 

 

Общий вид HTML-файла:

<HTML>

<HEAD>

<TITLE> это заглавие документа </TITLE>

</HEAD>

<BODY>

текст документа

</BODY>

</HTML>


 

Структура веб-страницы Каждая веб-страница включает в себя определенный набор стандартных, необходимых для каждого ресурса сети

Структура веб-страницы Каждая веб-страница включает в себя определенный набор стандартных, необходимых для каждого ресурса сети

Закрывающий тег отличается от открывающего добавлением символа «/» в первую позицию

Закрывающий тег отличается от открывающего добавлением символа «/» в первую позицию

TABLE>текст</TABLE> объявление таблицы <TR>текст</TR> тэг строки <TD>текст</TD> тэг данных

TABLE>текст</TABLE> объявление таблицы <TR>текст</TR> тэг строки <TD>текст</TD> тэг данных
Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.