1. Общие принципы проектирования html-документа

1.1. Технология подготовки гипертекстового документа

Web-технология позволяет объединить в одном документе самые разные формы представления информации — текст, таблицы, графику, звук и многое другое, а также соединить в гипертекстовую систему различные документы. Способ представления документа — текстовый файл: такой файл можно создать в любом текстовом редакторе на любой аппаратной платформе в среде любой операционной системы. Для проектирования Web-страниц используется язык разметки гипертекста HTML (Hyper Text Markup Language). Термин HTML используется для обозначения как типа документа (*.html), так и языка разметки документов данного типа. Web-страницы просматриваются при помощи клиентской программы просмотра гипертекста — Web-броузера. В этом случае копия Web-страницы создается на диске компьютера пользователя. В технической литературе для обозначения гипертекстовых страниц используются синонимы: Web-страницы, HTML-страница, HTML-документ. Совокупность семантически связанных Web-страниц образуют Web-сайт (site). Сайт в частном случае может состоять и из одной страницы.

Для подготовки Web-сайта необходимо выполнить следующие работы:

• определить совокупность документов, предполагаемых к размещению в сети Internet, в рамках выбранной темы;

• преобразовать тексты, предназначенные для размещения в неупакованном виде, в формат стандартного текстового файла без управляющих символов;

• преобразовать рисунки, содержащиеся в документах, в формат, поддерживаемый средствами просмотра WWW (gif, jpeg, png). Важным требованием к размещаемым рисункам — компактность. Для представления условных схем рекомендуется использовать рисунки с фиксированным количеством цветов (формат GIF — Graphics Interchange Format) и размером не более 640 на 480 точек. Для фотографий следует выбрать формат JPEG — Joint Photographic Experts Group. Все форматы имеют встроенные системы “сжатия” информации;

- составить или выбрать документ, кратко характеризующий общее направление выбранных документов. Этот документ будем называть “корневым”. В корневом документе необходимо выделить:

- ключевые слова;

- указания на другие документы, разделы;

- указания на разработчиков;

- для остальных документов определить заголовки, названия и номера разделов, ключевые слова;

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

- с помощью программы редактирования текстов добавить в подготовленные документы элементы языка разметки HTML для создания гипертекстовой системы:

• добавить ключевые слова и заголовок документа;

• поместить в текст рисунки;

• выделить заголовки и названия разделов;

• организовать ссылки на поясняющие документы и обратные ссылки на корневой документ для остальных текстов;

• поместить ссылки на другие серверы, содержащие информацию, связанную с представляемой;

• разместить подготовленные тексты и рисунки в каталоге на WWW-сервере и протестировать структуру гипертекстовых связей.