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