3.4. Этап создания элементов навигации сайта
Этот этап является одним из
важнейших этапов в создании интерактивных документов, так как он позволяет
объединить в единое целое несколько отдельных HTML-документов и организовать
навигацию по сайту.
Само название – HTML, язык
разметки гипертекста – указывает на принцип организации таких документов.
Значение ссылок в мире Интернета трудно переоценить. Работая в Web-пространстве,
очень трудно найти ту или иную нужную страницу. Поэтому гиперссылки являются
единственной возможностью перейти от одного документа к другому.
Гипертекстовый документ – это
документ, содержащий ссылки на другие документы, позволяющие при помощи нажатия
кнопки мыши быстро перемещаться от одного документа к другому. За основу гипертекста
взят принцип организации энциклопедических словарей, в статьях которых есть
ссылки на другие источники.
Существует много типов
мультимедийных объектов, которые могут быть размещены на Web-странице.
Ссылка состоит из двух частей.
Первая из них – это то, что можно увидеть на Web-странице; она называется указателем
ссылки (anchor). Вторая часть, дающая инструкцию браузеру,
называется адресной частью ссылки (URL-адрес). Если щелкнуть мышью по указателю
ссылки, браузер загружает документ, адрес которого дается URL-адресом. Это не что
иное, как адрес Web-страницы.
Указание адреса может быть
относительным или абсолютным.
Если в URL-адресе не указывается
полный путь к файлу, то такая ссылка называется относительной. В этом случае
определение местоположения файлов выполняется с учетом местоположения документа, в
котором имеется такая ссылка.
Указателем ссылки может быть слово,
группа слов или изображение. Внешний вид ссылки зависит от его типа, способов
создания и установок программы просмотра читателя. Указатели бывают двух типов –
текстовые и графические.
Текстовые указатели обычно
представляют собой слово или несколько слов, выделенных на экране подчеркиванием.
Цвет текстового указателя может регулироваться автором и установками программы
просмотра.
При создании сайта были использованы
текстовые и графические ссылки. Текстовые ссылки с названиями уроков методического
пособия расположены на странице «Содержание». Их дизайн выполнен в коричневом цвете.
Программный код ссылки имеет следующий вид:
<a href="lesson1.html"><font color="#705123">Смешивание РНР и HTML</font></a>
Тэг <a href="lesson1.html"></a>
является URL-адресом гиперссылки. Этот адрес уникален для каждой гиперссылки сайта
(рис. 5 на стр. 11).
На Web-страницах изображения часто используют для организации меню. Щелчок на
разных участках изображения приводит в действие разные гипертекстовые ссылки.
Наиболее удобным путем реализации такого элемента навигации является разрезание
изображения на отдельные фрагменты (slice). После того как изображение разрезано,
его можно "собрать" на странице, используя HTML-код. По такой технологии
создавлась стартовая страница мето-дического пособия (рис. 3), а также шаблон
остальных страниц сайта(рис. 4), содержащих текстовую и графическую информацию.
Для каждого фрагмента можно назначить индивидуальные параметры оптимизации, так
как все фрагменты сохраняются в отдельных файлах.
В последнее время в web-дизайне все чаще используются языки программирования и
языки сценариев: Java, JavaScript. Наибольшую популярность приобрел язык JavaScript,
поскольку он поддерживается подавляющим большинством новых браузеров на всех
платформах и нетребует значительных ресурсов компьютера. С помощью Java-Script
программируются самые разнообразные интерактивные элементы: кнопки, меню, формы и
т.д.
|
