Гиперссылка из картинки | Как создать свой сайт

Как сделать картинку гиперссылкой

Дек-30-2009 Автор: VeryOldMan

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

Итак, как сделать картинку гиперссылкой:

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

Гиперссылка из картинки

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

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

Гиперссылка из картинки

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

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

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






Комментариев (1)
  1. Алексей Пишет,

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

Добавить комментарий