4. Разработка Web - сайтов

Web - страницы - это файлы, использующие языки HTML (Hyper Техt MarkupLanguage - язык разметки гипертекста), XML и др. Web - страницы публикуются в Интернете путем размещения таких файлов на серверах (Web - узлах). Далее будет рассматриваться только язык HTML. Содержание Web - страниц может быть разным и посвященным совершенно произвольным темам, но все они используют одну и ту же основу - язык HTML. Документы HTML имеют расширения *.HTМ или *.HTML.

Web – узел представляет собой папку, в которой размещены файлы, содержащие информацию по какой-либо теме в виде текста, рисунков, изображений и звуковых эффектов.

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

Ниже рассматриваются основные понятия языка HTML.

1. Элемент - это конструкция языка HTML, или контейнер, содержащий данные. Web-страница представляет собой набор элементов.

2. Тег (или дескриптор) - это стартовый и конечный маркеры элемента. Тег представляет собой набор символов, который начинается с символа «меньше» (<), и заканчиваются символом «больше» (>). Пару этих символов называют угловыми скобками. После открывающей угловой скобки идет ключевое слово, определяющее тег. В общем случае тег имеет следующий синтаксис:

<Имя_HTML_тега [атрибуты]>,

где «Имя_HTML_тега» определяет объект, а необязательные атрибуты устанавливают его свойства и методы. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, например: <HTML>. Конечный тег всегда снабжается косой чертой: </HTML>.

3. Гиперссылка - фрагмент текста, который является указателем на другой файл или объект. Гиперссылки позволяют переходить от одного документа к другому.

4. Гипертекст - это текст, в котором встроены специальные коды, управляющие дополнительными элементами, такими как форматирование, иллюстрации, мультимедийные вставки и гиперссылки на другие документы.

5. Фрейм - область гипертекстового документа со своими полосами прокрутки.

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

7. Скрипт - программа, включенная в состав Web-страницы для расширения ее возможностей.

8. Загрузка (DownLoad) - копирование документа с Web-сервера на компьютер клиента. UpLoad - копирование документа c компьютера клиента на Web-сервер - используется при создании собственной Web-страницы (т.е. при ее опубликовании).

Рeгистр букв в названиях тегов не имеет значения - можно использовать как строчные, так и прописные буквы, хотя общепринято использовать прописные буквы, чтобы теги отличались от обычного документа.

4.1. Структура документа html

Документ HTML состоит из основного текста документа и тегов разметки. Документ HTML - это обычный текстовый файл, для создания которого можно использовать любой текстовый редактор.

Все документы HTML имеют строго заданную структуру. Документ должен начинаться с тега <HTML> и заканчиваться соответствующим закрывающим тегом </HTML>. Эта пара тегов сообщает браузеру, что перед ним действительно документ HTML.

В общем случае документ HTML состоит из раздела заголовков и тела документа.

Раздел заголовков заключен между тегами <HEAD> и </HEAD> и содержит информацию в целом о документе. Этот раздел должен содержать внутри себя теги <TITLE> и </TITLE>, между которыми размещают официальный заголовок документа, который далее будет отображаться в строке заголовка окна браузера.

Сам документ располагается в теле документа, который размещается между тегами <BODY> и </BODY>.

Элемент <BODY> может содержать большое количество атрибутов, которые определяют общий облик WEB - документа. Эти атрибуты перечислены в таблице 4.1.

Таблица 4.1.

Атрибут	Назначение
ALINK	Определяет цвет активной ссылки.
BACKGROUND	Указывает на URL-адрес изображения, которое используется в качестве фонового.
BGCOLOR	Определяет цвет фона документа.
LEFTMARGIN	Устанавливает границу левого поля в пикселах.
LINK	Определяет цвет еще не просмотренной ссылки.
ТЕХТ	Определяет цвет текста.
TOPMARGIN	Устанавливает границу верхнего поля в пикселах.
VLINK	Определяет цвет уже просмотренной ссылки.