Краткое руководство по Dreamweaver 4 (6. Создание гиперссылок)
Автор：Eve Cole
Время обновления：2009-05-30 18:35:55
6. Создайте гиперссылки
Гиперссылка (Link), называемая ссылкой, представляет собой одностороннюю связь между страницами. Нажимая на ссылки, мы можем переходить с одной страницы на другую. Мы можем создавать ссылки в тексте и изображениях.
1. Текстовая ссылка
Выделите текст на странице, на которую необходимо связать ссылку, как показано ниже:
В разделе «Ссылка» на панели свойств введите адрес ссылки. Когда зритель щелкнет ссылку, браузер вернется на страницу. Например, здесь заполнено: http://www.goeway.com.
Если вы хотите, чтобы страница открывалась в новом окне, вы можете выбрать «_balnk» в Target.
Если вы хотите создать ссылку на файл на веб-сайте, вы можете нажать
:
На рисунке выше мы связываем текст с файлом index2.htm. Обратите особое внимание на параметр «Относительно к» внизу, который означает выбор формы относительного пути. По умолчанию используется «Документ», вы также можете выбрать «Корень сайта». Разница в том, что «Документ» означает, что относительный путь рассчитывается от этой страницы, а корень сайта рассчитывается из корневого каталога (т. е. «/»), как показано ниже:
Кроме того, если вы используете ссылку, созданную в режиме корня сайта, обычно возникает ошибка при открытии страницы для просмотра непосредственно на локальном жестком диске, но в режиме предварительного просмотра Dreamweaver и после загрузки на сайт проблем не будет. сервер.
2. Ссылка на изображение
Процесс создания ссылки на изображение аналогичен процессу создания текстовой ссылки, поэтому я не буду описывать его подробно. Но что особенно важно отметить, так это то, что после добавления ссылок некоторые изображения будут иметь синюю рамку. Чтобы удалить рамку, просто установите для границы значение 0.
3. Ссылка на горячую зону
Для ссылки на изображение, представленной ранее, одно изображение может соответствовать только одной ссылке. Может ли одно изображение соответствовать нескольким ссылкам? Ответ — да. После выбора изображения вы увидите опцию «Карта» на панели свойств:
в:
Создайте прямоугольную горячую зону,
Создание горячих зон прототипа,
Создайте полигональные горячие зоны. Например, если мы нажмем сейчас, курсор изменится на крестик, и на картинке можно будет нарисовать синюю прямоугольную хот-зону:
Соответствующая панель свойств на данный момент:
Аналогичным образом введите адрес ссылки в поле «Ссылка» («#» представляет собой пустую ссылку), а «Alt» — это текст, отображаемый, когда указатель мыши указывает на активную точку, аналогично «Alt» на рисунке. мы можем пройти
Выберите другую горячую зону и отрегулируйте количество тепла, регулируя контрольные точки в четырех углах горячей зоны. Через горячую зону мы можем сделать ссылку на глазах орангутанга и ссылку на рту, чтобы ссылаться на разные страницы.
Советы по ссылкам
1. Если вы хотите создать ссылку на адрес электронной почты, введите ссылку: «mailto: адрес», например mailto:[email protected]. При нажатии на ссылку программа электронной почты по умолчанию будет Например, Outlook, отправьте электронное письмо на адрес [email protected].
2. Если ссылка ведет на файл, который не может быть открыт браузером, например exe, Zip и т.п., то при нажатии на ссылку пользователем появится диалоговое окно с вопросом, где сохранить файл на жестком диске. . Это достигается функцией загрузки файлов.
