Карты изображений (карты ссылок) позволяют пользователю связывать ссылки на другие документы с отдельными частями изображений. Щелкая мышью на частях изображения, так называемых активных (горячих) областях, пользователь может выполнять те или иные действия, переходить к другим документам и т.п.
Указатель мыши после наведения на активную область приобретает форму руки с вытянутым указательным пальцем, как и в случае текстовой ссылки.
Активные области могут мыть прямоугольными, многоугольными или круглыми. Выбирая изображение, которое планируется сделать картой гипрессылок, следует побеспокоиться о том, чтобы активные области не пересекались.
Для того, чтобы посетитель сайта понял, что это карта гиперссылок, а не просто красивая картинка, желательно дать пояснительные тексты.
Графическую карту ссылок создают при помощи тегов <IMG>, <MAP>, <AREA>.
В теге <IMG> определяют атрибут SRC для того, чтобы задать изображение, и атрибут USEMAP, значением которого является имя карты (должно начинаться с символа #).
Саму карту создают при помощи тега <MAP> с атрибутом NAME, который содержит имя карты (определено в атрибуте USEMAP, но без символа #) и тега </MAP>. Между ними записывают теги <AREA>, которые задают параметры активных областей. При этом используют такие атрибуты:
- HREF - определяет гиперссылку, связанную с областью;
- SHAPE - определяет форму области, его значениями могут бть:
rect - прямоугольник;
polygone или poly - многоугольник;
circle - круг;
- COORDS - содержит координаты области в виде, взятых в кавычки чисел, разделенных запятой.
Для прямоугольника задают четые числа - координаты верхнего левого и нижнего правого углов, для многоугольника - последовательно координаты каждого угла, для круга - координаты центра и радиус.
Для определения координат необходимо поработать над изображением в любом графическом редакторе.
Немає коментарів:
Дописати коментар