- •1.1. ХАРАКТЕРИСТИКА ГРАФИЧЕСКИХ СТАНДАРТОВ
- •1.2. ВСТАВКА ГРАФИКИ В HTML-ДОКУМЕНТ
- •1.3. КАРТЫ-ИЗОБРАЖЕНИЯ
- •1.3.2. Конфигурация карт-изображений
- •1.3.3. Серверный вариант
- •1.3.4. Клиентский вариант
- •2.1. ПОНЯТИЕ ФРЕЙМА
- •2.2. ОБЛАСТИ ПРИМЕНЕНИЯ ФРЕЙМОВ
- •2.3. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ ФРЕЙМОВ
- •2.4. ПРАВИЛА ОПИСАНИЯ ФРЕЙМОВ
- •2.5. ВЗАИМОДЕЙСТВИЕ МЕЖДУ ФРЕЙМАМИ
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