Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
WEB-Дизайн ч3.pdf
Скачиваний:
29
Добавлен:
21.05.2015
Размер:
578.81 Кб
Скачать

1.3.4. Клиентский вариант

Клиентский вариант позволяет разместить все данные об активных областях карты-изображения в самом HTML-документе. В этом случае количество обращений к серверу сильно сокращается, а конфигурировать саму карту-изображение можно параллельно с изменением HTML-кода.

Размещать файл конфигурации на web-сервере не нужно – координаты активных областей указываются в самом документе, куда встроен графический объект для карты-изображения. При использовании клиентского варианта (Client-Side Imagemap) в тег <IMG> добавляется параметр

USEMAP.

В связи с тем что клиентский вариант на сегодня распространен более широко и к тому же более доступен, подробно рассмотрим процесс конфигурации карты-изображения на примере Client-Side Imagemap.

Для определения конфигурации активных областей карты-изобра- жения используется специальный тег-контейнер <МАР> с параметром NAME, который должен соответствовать свойству параметра USEMAP в теге

<IMG>.

Необходимо отметить, что описание карты-изображения следует сразу же после указания тега рисунка <IMG>:

<IMG SRC="picture.gif" USEMAP="#mymap"> <MAP NAME="mymap">

Координаты активных областей...

</MAP>

Описание активных областей карты-изображения осуществляется с помощью тега <AREA>, не требующего за собой закрывающего тега.

Тег <AREA> может включать следующие параметры:

SHAPE – определяет форму активной области (значения такие же, как в формате CERN серверного варианта);

COORDS – осуществляет выбор конкретной активной области и содержит значения пар координат. Начало координат размещается в верхнем левом углу графического изображения, которому соответствует начальное значение0, 0;

TARGET – используется при работе с фреймами;

ALT – действие параметра аналогично использованию его в обычных гиперссылках на основе графических указателей (альтернативный текст);

HREF – наличие гиперссылки для данной области;

NOHREF – отсутствие гиперссылки для данной области.

Пример карты-изображения (клиентский вариант) приведен в листинге1.4.

17

Листинг 1.4. Пример карты-изображения (клиентский вариант)

<HTML>

<HEAD>

<TITLE>Пример карты-изображения (клиентский вариант)</TITLE> </HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#00FF00" ALINK="#00FFFF" VLINK="BLUE">

<IMG SRC="images\imagemap.jpg" BORDER="1" WIDTH="461" ALT="" USEMAP="#gift">

<MAP NAME="gift">

<AREA SHAPE="rect" COORDS="85, 35 235, 235" HREF="kefir.html" ALT="Кефир">

<AREA SHAPE="rect" COORDS="270, 110 420, 210" HREF="ahs_tray.html" ALT="Пепельница">

</MAP>

</BODY>

</HTML>

В завершение следует добавить, что возможно совмещение серверного и клиентского вариантов карты-изображения. В этом случае в теге рисунка <IMG> необходимо указывать оба параметра – ISMAP и USEMAP. При этом следует помнить, что параметр USEMAP будет доминирующим. Такой комбинированный вариант можно применять во избежание трудностей, связанных с отсутствием поддержки данной технологии некоторыми браузерами (хотя таких – считанные единицы). Если браузер не поддерживает Client-Side Imagemap, то параметр USEMAP проигнорируется, а реализован будет серверный вариант (при наличии конфигурационного файла на сервере и поддержке последнимCGI).

18

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]