Рейтинг@Mail.ru

Найти в Google:

Пользовательского поиска

Как сделать гиперссылку с помощью графических изображений

декабря 30, 2009

Итак, о том как сделать гиперссылку с помощью графических изображений.  Одним из видов графических гиперссылок, которые можно применить в редакторе Dreamweaver, являются так называемые карты — изображения. Суть этого метода состоит в том, что на графических изображениях можно создавать так называемые активные области, которые в принципе, и служат гиперссылками. Давайте на конкретном примере создания навигации по сайту посмотрим:

Как сделать гиперссылку с помощью графических изображений:

Запускаем редактор Dreamweaver и открываем страницу, созданную ранее. Активируем вставленное в контейнер изображение панели навигации, щелкнув на нем мышкой. Обратите внимание на свойства изображения, которые четко видны в нижнем доке, особенно на левую часть:

Как сделать гиперссылку с помощью графических изображений

Прежде всего, обратите внимание на кнопки под надписью Карта. С помощью кнопок Инструмент «Прямоугольная активная область», Инструмент «Овальная активная область» и Инструмент «Многоугольная активная область» создаются активные области разной формы на изображении. Копка со стрелкой служит для управления созданными активными областями. Так как кнопки у нас прямоугольные, то естественно, мы выбираем первую кнопку. Активируем ее, щелкнув мышкой. Теперь при наведении курсора на изображение – он принимает вид крестика. Поставим крестик на верхний левый угол кнопки. Зажимаем левую клавишу мышки и, не отпуская, тянем курсор вправо и в низ. За ним потянется рамка голубого цвета. Откадрируем ее по размеру кнопки. Отпускаем мышку. Появляется предложение описать карту. Ну, опишем. Жмем ОК. В окошке Альтернатива напишем название кнопки и нажмем Enter:

Как сделать гиперссылку с помощью графических изображений

Зацепив курсором мышки синий квадратик активной области, можно подкорректировать ее размер. А зацепив саму область – ее можно перетащить в любое нужное место. В окошке Карта – задается имя карты ссылки. Если вы не планируете создание на странице еще одной или более карт, то можно оставить имя по умолчанию. В противном случае задайте имя карты, маленькими латинскими буквами. Окошко Ссылка — естественно для ссылки на нужную страницу. Легче всего выбрать ее, щелкнув по «конверту» справа от окна. И все. Ссылка готова. Если теперь открыть страницу браузером, и навести курсор на кнопку, то он примет вид руки, как и положено, для гиперссылки, щелкнув на которой можно перейти на заданную страницу.
Аналогично создаются гиперссылки и для других кнопок создаваемой навигации по сайту. Но это еще не все. Есть еще один вариант как сделать гиперссылку с помощью замещающих изображений. Очень интересный вариант, даже интереснее, чем карты– ссылки.

Об этом на странице Еще раз о создании гиперссылок в редакторе Dreamweaver


Кстати, тоже интересно:
Один комментарий
  1. Алексей пишет:

    у меня нет меню свойства опции карта((( что делать?

Оставить комментарий

XHTML: Можно использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Карта сайта