Дескрипторы HTML сообщают Web-броузеру ин-
формацию о структуре и особенностях форматирования Web-страницы. Каждый дескриптор содержит определенную инструкцию и заключен в угловые скобки, “<�” и “>”. Большинство дескрипторов состоит
из открывающей и закрывающей частей, и воздействуют на текст, помещенный внутри. Их называют еще «контейнерами» например: . Хотя при
наборе дескрипторов допускается вводить буквы
различных регистров, большинство Web-дизайне-
ров предпочитают использовать символы верхнего
регистра, чтобы выделить инструкции HTML на
фоне остального текста.

Большинство дескрипторов обладает дополнительными
атрибутами, позволяющими указывать значения
необязательных параметров. Например, дескриптор допускает задание атрибута COLOR, с помощью которого можно изменить цвет текста.
Многим атрибутам поставлены в соответствие на-
боры мнемонических описаний допустимых значений. Например, для атрибута COLOR поддерживается значение red и др.

Web-броузеры. Различные Web-броузеры отображают одну и ту же

Web-страницу, в общем случае, не обязательно

одинаково. Каждый броузер обладает особенностями в отношении интерпретации определенных
дескрипторов. Кроме того, полный набор стандартных инструкций HTML некоторыми броузерами
просто не поддерживается.

Многие компании-производители Web-броузеров,
такие как Netscape или Microsoft, разрабатывают
собственные дескрипторы и/или дополнительные
атрибуты, которые не воспринимаются программами других поставщиков. Если броузер не в состоянии корректно обработать информацию, обозначенную неким специальным образом, она
обычно игнорируется (однако возможен случай когда броузер вообще закрывается после некорректной обработки данных). Подобные дескрипторы и
атрибуты относят к так называемым расширениям стандарта HTML.

Просмотр HTML - кода WEB страницы. Знакомство с HTML-кодом Web-страниц, созданных другими, — прекрасное средство обучения и заимствования готовых решений.

Гиперссылки на самые популярные
Web-сайты вы сможете найти по адресам coolsi-
teoftheday.com и www.l00hot.com. Просматривая законченный код HTML (см. рис.1-1), вы сможете узнать, как дескрипторы языка применяются более опытными коллегами и получите представление о приемах использования HTML. Изучение образцов кода HTML — это еще и способ преодоления разнообразных проблем, с которыми вы неминуемо столкнетесь на поприще
Web-дизайна. Например, если вы испытываете
затруднения с созданием таблицы, достаточно
просто посмотреть, как с этой задачей справились другие.

Хотя, как кажется на первый взгляд, можно ис-

пользовать готовый код непосредственно, никогда так не поступайте без предварительного раз-

решения автора!

Создание WEB-страницы. Многие разработчики для создания Web-страниц пользуются текстовыми редакторами или процессорами. Среди множества редакторов можно назвать, например, приложение Блокнот (см. рис. 1-2) для Windows и SimpleText для платформы Macintosh. В

Рис. 1-1. Внешний вид броузера MIE.


семействе текстовых процессоров особую популярность заслужили Microsoft WordPad, Microsoft Word и Corel WordPerfect. Приступая к созданию Web-страницы, первым делом введите необходимый текст. Не форматируйте его средствами редактора или процессора. С этой целью позже вы должны будете воспользоваться дескрипторами HTML, содержащими




Рис. 1-2. Внешний вид кода HTML в редакторе блокнот.


инструкции по заданию требуемых параметров форматирования и структурирования страницы.

Поэтому настоятельно рекомендуется использовать редактор БЛОКНОТ либо WORDPAD. Все дальнейшие рекомендации и примеры будут приводиться в отношении редактора “БЛОКНОТ”.

Завершив ввод текста Web-страницы, сохраните
его в виде текстового документа. В качестве расширения имени файла используйте одно из следующих — “.html” или “.htm” (см. рис. 1-3).




Рис. 1-3. Изменение расширения текстового файла на файл html.


Никаких особых правил именования файлов Web-страниц не существует — действуйте, как обычно, руководствуясь

требованиями операционной системы. Файл

главной страницы Web-сайта обычно носит на-
звание index. html. Следует обратить внимание, что изменение расширения файла можно также производить в окне свойств сохраненного текста, для чего убедитесь, что в ниспадающем меню Сервис – свойства папки - вид снята галочка для атрибута «скрывать расширения для зарегистрированных типов файлов» (см. рис. 1-4). Сохранив сделанные изменения Вашего текстового файла, нажмите на кнопку «ОК», получите WEB-документ.




Рис. 1-4. Изменение типа рсширения файлов.


Если набранный текст Web-страницы вы-
ходит за границы окна текстового редактора или процессора, обычно требуется «заставить» программу осуществлять автоматический перенос целых слов. Чтобы
выполнить подобную операцию в Word-
Pad, выберите команду меню Вид>Пара-
метры. В диалоговом окне «Параметры» перейдите на вкладку Текст и в группе опций «перенос, по словам» выберите значение «
в границах окна».

Для создания Web-страниц могут оказаться, полезны и специализированные
HTML-редакторы, такие как BBEdit или
Home Site (или Macromedia Dreamveaver MX). В подобных приложениях предусмотрены специальные команды меню
и/или панели инструментов, позволяющие непосредственно задавать различные дескрипторы HTML. Программы
BBEdit и Home Site доступны на Web-сай-
тах www.barebones.com и www.allaire.com
соответственно.

Средства визуального проектирования (на-
пример, Microsoft FrontPage, HoTMe-
tal PRO или Dreamweaver) позволяют создавать Web-страни-
цы таким образом, чтобы полностью
исключить необходимость набора дескрипторов HTML вручную. Подобные

программы выполняют все необходимые операции автоматически, по мере

"рисования" Web-страницы. Microsoft
FrontPage вы сможете получить, обратив-
шись по адресу www.microsoft.com/frontpa-
ge, а приложение HoTMetal PRO доступно
на сайте www. softguard.com.

Ход работы:

1. 
   Ознакомиться с данной инструкцией.
   
2. 
   Набрать ниже приведенный текст (как шаблон для дальнейших работ) в графическом редакторе Блокнот:
   

doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">

тег начала Web страницы; комментарий, на странице не отображается-->

>тег названия страницы-->





тег включения аннотации (description), ключевых слов (keywords), сведений о авторе (author) и пр. в страницу, чтобы программы-роботы не обнаруживали страницу, следует набрать – META NAME=”robots” CONTENT=”noindex”, “nofollow”-->

тег комментария, на странице не отображается-->

Задание основных параметров написания страницы-->

тег основного тела страницы-->



Проба сил в HTML