6. Создание закладок и гиперссылок Цель – подготовить

6. Создание закладок и гиперссылок
Цель – подготовить преподавателя к построению эффективной системы навигации в
электронном учебном издании посредством представления информации в виде
нелинейной гипертекстовой структуры.
После изучения данного раздела Вы сможете:



Организовывать переходы по гиперссылкам между разными html-страницами и
внутри одних и тех же страниц.
Связывать элементы пособия с текстовыми, графическими документами, с webстраницами в интернете.
Создавать удобную систему навигации по пособию.
Гиперссылка – фрагмент документа, который является указателем на другой объект
(файл, приложение) или на другой элемент (текст, изображение, примечание) [1].
Закладка – фрагмент текста, который является указателем на другой фрагмент этого же
документа.
6.1 Создание ссылок
Для создания гиперссылки по тексту либо по картинке необходимо сначала этот объект
выделить. Затем на панели Свойства соответствующего элемента следует заполнить поле
Ссылка – задать адрес того документа, на который требуется сослаться. Для этого:
- если документ, на который ссылаются, хранится на компьютере пользователя, то для
автоматического формирования адреса этого документа нужно нажать на кнопку Поиск
файла (рис. 6.1) и выбрать нужный файл.
Рисунок 6.1 Создание гиперссылки на локальный документ
- если документ, на который ссылаются, является интернет-страницей, то в поле Ссылка
необходимо прописать адрес этой web-страницы (рис. 6.2).
Рисунок 6.2 Создание гиперссылки на интернет-страницу
Чтобы посмотреть, как работают созданные гиперссылки, необходимо рабочий htmlдокумент открыть с помощью браузера.
По умолчанию все ссылки имеют единый формат: синий подчеркнутый текст (или, если
ссылка по рисунку, синюю рамку рисунка). Для изменения стандартного формата
гиперссылок создается новый стиль css для ссылок (см. Форматирование текста).
Для того чтобы гиперссылка открывалась в новой вкладке, устанавливается параметр
Цель на панели Свойства (при выделении ссылки). По умолчанию установлено значение
_parent, т.е. ссылка открывается там, где она находится. При задании значения _blank
ссылка откроется в новой вкладке.
6.2 Создание закладок
Закладки используется в том случае, когда необходимо перейти к определенной части
документа (например, на середину страницы).
Чтобы с фрагмента одной html-страницы (назовем его «начальным») сослаться на
определенное место в другой html-странице (назовем его «конечным»), необходимо
выполнить следующую последовательность действий. Определить курсор в «конечном»
месте страницы, затем на Панели приложений выбрать команду Вставка, далее – опцию
Именованная привязка, в диалоговом окне присвоить имя привязке (якорю) и нажать ОК.
После чего нужно выделить «начальный» фрагмент текста (тот, который станет ссылкой),
на панели Свойства через кнопку Поиск файла (рис. 6.1) выбрать документ, который
содержит «конечное» место. Затем в поле Ссылка к появившемуся адресу файла без
пробелов дописать # и имя привязки.
Если требуется с одного места страницы перейти по гиперссылке к другому месту этой же
страницы, то процедура создания закладки аналогична, только при выделении
«начального» фрагмента в поле Ссылка достаточно указать # и имя привязки без
указания адреса самого файла.
6.3 Практикум
Задание 1. Организуйте переходы между страницами модуля учебного издания, создав
навигационную панель внизу каждой страницы. Эта панель может содержать следующие
кнопки перехода: Вверх (переход на начало страницы), Назад (переход на предыдущую
страницу), Вперед (переход на следующую страницу).
Задание 2. В оглавлении пособия названия глав и параграфов сделайте ссылками на
соответствующие файлы с содержанием этих глав и параграфов.
Задание 3. Замените «объемные» изображения по тексту пособия ссылками на
отдельные файлы с этими изображениями.
Библиографический список
1. http://ru.wikipedia.org
2. http://www.cap-design.ru/dreamweaver