Иногда возникает потребность ограничивать различные ссылки на одном графическом изображении. Можно, конечно, в этом случае «разрезать» изображение на несколько необходимых частей и каждой дать гиперссылку на соответствующий файл. Но при этом разрушается целостность композиции. Что же делать?

Существует возможность установить несколько гиперссылок с одного рисунка, не «разрезая» его.

Такое изображение называется картой графических ссылок (imagemaps). Imagemaps – размеченная графика, располагающая фиксированными чувствами к щелчку мыши по областям.

Щелчок на подобной области дает web – браузеру обновленный URL и загружается новая страничка, либо в результате щелчка на сервер посылаются координаты позиции щелчка, а сервер определяет в какой области он будет выполнен, и предпринимает необходимые действия.

Imagemaps – иллюстрация встраивается в web – документ традиционными способами с помощью <img>, который дополнительно содержит ismap – атрибут.

Пример: HTNL – код, ссылающийся на файл на сервере может выглядеть так:

<a href = “cgi/imagemap/file.map”>

<img src = “graphic.gif ismap”> </a>

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

При этом для каждой отдельной области предусматривается строка, в которой находятся сведения о форме области, ее координатах и URL в текстовой форме.

1.                простейшая форма области – прямоугольник (rectangle);

2.                пары координат дают сведения о положении верхнего левого и нижнего правого угла;

3.                форма области circle означает окружность; первые два числа соответствуют координатам цента окружности, третьим числом является радиус;

4.                форма области polygon соответствует многоугольнику; здесь указано столько координатных пар, сколько требуется для обозначения чувствительной к щелчкам мыши области.

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

Для автономной imagemaps – иллюстрации <img> содержит как минимум, кроме атрибута src, атрибут usemap .

Синтаксис: <img usemap=ссылка>

Атрибут usemapсообщает веб – браузеру, что в этом HTML – документе определены позиции, на которые следует выполнить переход при щелчках мыши на заданных областях иллюстрации. При этом в качестве ссылки используют имя, определенное в map – дескрипторе, т.е. фактически – имя части HTML – файла, содержащей описание координатных областей.

Пример: HTML – код, ссылающийся на часть HTML – документа, содержащую определенные координатные области иллюстрации:

<img src= “frafic.gif” usemap=”#coordinates”>

В отличии от серверного варианта обслуживания imagemaps – иллюстрации (атрибут ismap) здесь <a> не нужен.

HTML – документ, в который встраивается imagemaps – графика, ориентированная на локальную обработку, должна содержать описание «чувствительных» к щелчкам мыши областей.

1.              описание может находиться в любой части документа и ограничивается <map>, <map>.

2.              для каждой отдельной «чувствительной к щелчку мыши» области между <map>, <map> вставляется <area> с необходимыми атрибутами.

<map> имеет атрибут – name=»Имя описания»