INTERNET-WEB.RU
Обучение работе с ПК
Операционные системы
Флеш (Flash)

Рисунок как карта ссылок

HTML позволяет использовать рисунок в качестве «карты ссылок». В этом случае разные области на рисунке будут соответствовать различным гипертекстовым ссылкам: после щелчка по рисунку, в зависимости от того, в какую область рисунка вы попадете, будут сформированы отличающиеся гипертекстовые ссылки и загружены различные документы.

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

Первый способ предъявляет минимальные требования к программе, используемой для просмотра документа, но увеличивает нагрузку на сервер, повышает объем передаваемой по сети информации и замедляет реакцию информационного сервера на действия пользователя. Поэтому на практике используется только способ, когда ссылка на документ формируется непосредственно в программе просмотра.

Для этого в документ Интернета включают перечень областей рисунка с соответствующими им гиперссылками. Чтобы браузер «понял», что рисунок надо рассматривать в качестве карты ссылок, в тэг описания рисунка включается параметр USEMAP с указанием имени этого перечня. Перечень в приципе может быть помещен в текущий документ (в этом случае параметр будет употреблен в виде USEMAP = "#имя_карты_ссылок") или сохранен в другом файле (USEMAP = "и!1Е#имя_карты_ссылок").

Карта ссылок заключается в тэги <МАР NAME = имя_карты_ссылок>...< /МАР> и представляет собой перечень пар: область рисунка URL документа, который должен быть загружен при щелчке мышью по данной области. Синтаксис таких описаний следующий:


Method — это тип области рисунка. Возможно несколько вариантов.



Positiondata — это набор координат для каждой фигуры (правила задания координат приведены в таблице сверху).

Примеры использования записи координат.


В описания желательно включать и ссылку, которая будет выполняться, если будет произведен щелчок мышью по области, не описанной ни в одной из ссылок default area).

Параметры единиц, использованных в тэге, — пиксели. Правильно поставить эти координаты можно, только воспользовавшись одной из программ редактирования рисунков, которая может показывать текущее положение курсора.

Существуют различные программы, с помощью которых можно быстро составить карту ссылок для любого рисунка. Их можно найти, воспользовавшись любой из поисковых систем Интернета.



© 2009 internet-web.ru. All Rights Reserved