|
|
Онлайн учебник по HTML и JAVASCRIPT Элементы языков HTML и JAVASCRIPTГрафические ссылки в HTMLСтруктура графической ссылки имеет вид: <А НREF="адрес_ссылки"> <IMG SRS="имя_графического_файла"> Например, следующий тег описывает ссылку на HTML-файл докум2. htm, при этом ссылка на экране будет представлена картинкой из файла Iogotip.gif: <А НREF="докум2.htm"> <IMG SRC="logotip.gif " К графической ссылке можно добавить поясняющий текст, как это сделано ниже: <А НREF="докум2.htm"> <IMG
SRC="logotip.gif "></A> Щелкните здесь
В рассмотренных выше графических ссылках одной картинке соответствовал
один адрес ссылки. Однако имеется и другая возможность. Она заключается
в том, чтобы одной картинке сопоставить несколько ссылок, привязав каждую
из них к некоторой области графического изображения. Такие области называют
горячими, а сам технологический прием —
графической картой ссылок или сегментированной графикой. Горячие
области графической карты могут иметь различную форму: прямоугольную,
многоугольную или в виде окружности. Это очень удобный прием оформления
группы ссылок, однако при выборе картинки, служащей основой карты ссылок,
следует стремиться к тому, чтобы границы горячих областей были хорошо
очерченными и не пересекались.Кроме того, необходимо позаботиться о том,
чтобы пользователь понял, что имеет дело с картой ссылок, а не просто
с графическим фоном. Для этого можно использовать поясняющие тексты. При
наведении на горячую область курсор мыши изменяет свою форму, как и при
использовании обычных ссылок. При щелчке на горячей области ее границы
становятся видимыми.
После закрывающего тега </МАР> следует указать тег, вставляющий графическое изображение и реализующий привязку карты к нему, — это уже известный тег <IMG>, в котором помимо прочих возможных атрибутов используется атрибут связи с картой: USEMAP="#имя_карты" В качестве имени карты указывается аргумент атрибута
NAME тэга <МАР>. <HTML> Графические карты ссылок обычно используются для создания красочных меню, а также в тех случаях, когда внешний вид страницы формируется с помощью графического редактора (например, Adobe Photoshop), в котором можно создать картинку со всеми необходимыми надписями и художественными элементами, — это альтернатива использованию множества тегов, вставляющих различные элементы. Основная трудность здесь состоит в определении координат горячих областей. Однако если известны ширина и высота всего изображения, то координаты горячих областей можно рассчитать, хотя бы приблизительно, а затем уточнить опытным путем при отладке. Работа существенно упрощается при использовании такого средства проектирования Web-страниц, как FrontPage.
|
|
|