Тема 17. Проектирование и сопровождение сайтов в Интернете
В 1969 году Тед Нельсон (Ted Nelson) предложил поистине революционную идею гипертекста, которой было суждено перевернуть весь информационный мир. По его замыслу, каждый термин в произвольно взятой информационной статье может быть связан с другой статьёй, подробно раскрывающей смысл этого термина, причём эта дополнительная статья в свою очередь также может содержать отсылки к другим материалам. В результате родилась идея «информационной сети», удачно реализованная в конце 80-х годов в виде Интернета, использующая специальный язык HTML (HypertextMarkupLanguage – язык гипертекстовой маркировки).
HTML и Интернет
Язык HTML – средство формирования гипертекстовых документов.
Гипертекстовый документ – файл, содержащий различные виды информации и имеющий в своей структуре ссылки (гиперссылки) на другие файлы или сам являющийся документом, на который есть ссылка в другом файле, расположенном на некотором сервере в любой точке планеты. Гипертекстовый документ, размещённый на сервере с использованием WWW, называют Web-страницей (веб-страницей).
Гиперссылка может представлять электронный адрес, текст, рисунок и т.п. Обычно фрагмент текста, являющийся гиперссылкой, выделяют цветом (отличным от основного) и подчёркиванием. Признаком наличия гиперссылки является изменение вида курсора мыши, оказавшегося на ней. Он становится похожим на ладонь руки с указательным пальцем.
Гипертекстовые ссылки встроены в текст документа и хранятся как его часть. Благодаря этому языку можно не только формировать гипертекстовые документы, но и осуществлять связь текста и изображения с документами, расположенными на другом веб-сервере. Гипертекстовая структура позволяет сократить путь к интересующей пользователя информации, даёт возможность ему самому решать, на что обратить внимание в каждом конкретном случае. Как правило, при такой структуре даже связанная информация подаётся маленькими порциями, что ускоряет переход к нужному фрагменту.
Структура гипертекстовых (HTML) документов формируется с помощью последовательности тегов – элементов языка HTML, включающих тексты в формате ASCII.
Тег или тэг (англ. «Tag») является признаком объекта, управляющим кодом. Любая страница начинается с тега <HTML> и заканчивается тегом </HTML>. Легко заметить, что теги представляют собой некоторые операторы (команды, дескрипторы), заключенные в скобки типа «< >», причём ими начинается и заканчивается целая страница или некоторый фрагмент. В конце команды ставится слеж «/» с именем, используемым в её начале. Таким образом, первый дескриптор включает некоторое действие, а второй – его выключает. Это правило касается парных дескрипторов. Существуют операторы, не требующие их выключения (закрытия).
В качестве примера приведём запись следующих заголовков «Министерство культуры и науки Российской Федерации» и «Московский государственный университет», последовательно размещённых на одной странице. Она может выглядеть следующим образом:
<HTML>
<HEAD>
<TITLE> Министерство культуры и науки Российской Федерации </ TITLE>
</HEAD>
<BODY>
Московский государственный университет
</BODY>
</HTML>
Ссылка обозначается парными тегами <a> и </a>. Кроме парных бывают разовые теги, например, для обозначения перехода на другую строку в одном абзаце используется непарный тег <br>. Для указания признака объекта и (или) его состояния к тегам добавляются атрибуты. Так, для ссылок в качестве атрибута используется адрес фрагмента текста в документе или собственно документа. Таким образом, команда на переход к другому ресурсу будет выглядеть следующим образом: <ahref=”URL”>имя ссылки</a>.
Чтобы при установке мыши на пиктограмме появлялся поясняющий текст, следует в тэг (<a href=...) включить параметр (title="текст пояснения"), например,
<a href="help-1.htm" title= «Помощь и полезные советы»>.
В таком тексте не должно быть кавычек, символов «<» (меньше), «>» (больше), "/" и т.п. Их заменяют записями типа " < >.
Кроме того, используется CGI (CommonGatewayInterface – общий шлюзовой интерфейс) – программа для связи HTML-браузеров с другими ПП и (или) текстами, находящимися на серверной стороне.