Картрированные изображения

Очень мощным средством организации гипертекстовых ссылок является

так называемые ``картрированые изображения'' (imagemaps). Они представляют

собой изображения с чувствительными областями, то есть, выделение различных

частей изображения указательным устройством приводит к движению по

гипертексту в различных ``направлениях''.

Картрированные изображения бывают двух типов: обрабатываемые на сервере

(server-side) или на клиенте (client-side).

Для создания карт на стороне клиента используется тег HTML под названием

<MAP>. Синтаксис тега таков:

...

</MAP>

где параметры тега <AREA> могут быть такими:

SHAPE - определяет форму активной области для карты. Может принимать значения RECT, CIRCLE, POLY, DEFAULT, соответствующие областям

прямоугольной, круглой, многоугольной и области по умолчанию соответственно.

Все типы областей, кроме DEFAULT, требуют указания координат в атрибуте

COORDS.

COORDS - определяет координаты областей. В зависимости от типа области может иметь вид: для прямоугольной--значения координат верхнего левого

и правого нижнего углов, (``x1,y1,x2,y2''); для круговой--координаты

центра и радиус (``x,y,r''); для многоугольной--список координат вершин

(``x1,y1,x2,y2,x3,y3,...'');

HREF - определяет URL, на который ссылается данная область.

NOREF - указывает, что область ``мертва'', то есть за ней не скрывается ссылка.

Чтобы использовать локальную карту на изображении в параметре USEMAP

тега <IMG> необходимо указать имя карты.

Например:

<AREA SHAPE="RECT" COORDS="420,220,520,260" HREF=\\

"http://www.some.com/rect/">

<AREA SHAPE="CIRCLE" COORDS="320,150,30" HREF=\\

"http://www.some.com/circle">

<AREA SHAPE="POLY" COORDS="150,450,300,450,225,240" \\

HREF="http://www.some.com/poly">

<AREA SHAPE="DEFAULT" HREF="http://www.some.com/">

</MAP>

......

<IMG SRC="picture.gif" BORDER="0" WIDTH="640" \\

HEIGHT="480" USEMAP="#mymap">

даст примерно слежующую карту на изображении:

Рис. 2.2.1: Пример карты на изображении

Для того, чтобы создать карту, обрабатываемую на сервере, необходимо

административное вмешательство, так как на сервере придется изменять

файл конфигурации для CGI-модуля обработки информации от карты.

При использовании различных Web-серверов формат описания карты

на сервере может варьироваться. Два наиболее распространенных формата

произошли от HTTP-серверов NCSA и CERN. Приведем пример использования

карты с сервером NCSA httpd.

На стороне сервера, файл (например) /usr/local/etc/httpd/conf/imagemap.conf:

# This is a map for NCSA server

test_map : /home/joe/public_html/maps/test.map

Использовать эту карту можно примерно таким образом:

<A HREF="http://www.myhost.domain/cgi-bin/imagemap/test_map">

<IMG SRC="test_img.gif" WIDTH="320" \

HEIGHT=200 ISMAP></A>

Ключевым в данном примере является слово ISMAP, которое указывает браузеру,

что при активации изображения необходимо послать серверу информацию

о координатах курсора указательного устройства относительно изображения,

после чего ждать от сервера ответа в виде URL, на который браузер должен

``перейти''.

Видно, что для реализации карты, обрабатываемой сервером, требуется

больше шагов, но иногда без карт такого рода просто не обойтись: например,

когда требуется ТОЧНО знать координаты внутри изображения (скажем, когда

обрабатывается какая-либо шкала).

Для создания карт существует множество программ для различных OS,

например ImageMap компании .

Эта программа существует в версиях для MS Windows и для Linux.