ВУЗ:
Составители:
Рубрика:
Imagemap, Image Map, Area Map, Clickable Map, Sensitive Map – все эти англоязычные термины используются в спра-
вочной литературе для обозначения одной и той же возможности – использования встроенного в HTML-документ изображе-
ния, для которого определены "горячие" (или активные) точки или области, имеющие ссылки на различные URL-адреса. Бу-
дем описывать эту возможность словосочетанием "карта-изображение", подразумевая под этим совокупность нескольких
компонентов, обеспечивающих реализацию данной концепции. Основными компонентами являются: само изображение, ко-
торое будем называть опорным для данной карты-изображения, описание конфигурации активных областей, а также соот-
ветствующее программное обеспечение.
Карта-изображение фактически представляет собой обычное встроенное графическое изображение на Web-странице.
Эти изображения могут иметь любой допустимый формат (GIF или JPG). При этом в формате GIF может использоваться
прозрачный цвет, а также режим чередования строк. Для того чтобы изображение могло использоваться в качестве опорного
для карты-изображения, формально не накладывается никаких дополнительных ограничений.
Конфигурация карты-изображения записывается в виде обычного текста, который в зависимости от используемого
формата может быть сохранен в отдельном файле или являться частью HTML-документа. Описание конфигурации содержит
координаты для каждой из активных областей изображения, а также URL-адреса, связанные с каждой из этих областей. Ак-
тивные области могут иметь форму прямоугольников, кругов и многоугольников. Допускается любая комбинация этих фи-
гур. Также может задаваться одно значение URL-адреса, определенное для случая, когда пользователь выполняет щелчок в
пределах изображения, но вне любой из заданных активных областей.
Концепция карты-изображения на Web-страницах может быть реализована в двух различных вариантах – серверный
вариант (server-side imagemap) и клиентский вариант (client-side imagemap). Последнее название часто используют в виде
аббревиатуры CSIM. Исторически первым появился и получил распространение серверный вариант карт-изображений. Сер-
верный вариант может быть реализован в двух различных форматах, которые получили свое наименование по названиям
организаций-разработчиков – NCSA и CERN.
В последнее время все большее развитие получает клиентский вариант. Данный вариант имеет свои неоспоримые пре-
имущества и становится все более популярным.
В использовании карт-изображений есть как положительные, так и отрицательные моменты. Большинство из них носит
эстетический характер, но некоторые имеют и технические аспекты. Для создания хороших Web-страниц важно понимать
преимущества и недостатки карт-изображений.
Карты-изображения наиболее удобно использовать в следующих ситуациях:
– для представления пространственных связей, например географических координат, которые было бы трудно задать
отдельными кнопками или текстом;
– в качестве меню верхнего уровня, появляющегося на каждой странице. Наличие такого меню предоставляет возмож-
ность перехода в интересующий раздел сервера с любой страницы и в любой момент. Создание общего графического меню
позволит сократить время разработки HTML-документов, поскольку будет использоваться один и тот же файл описания
ссылок. Вместо того, чтобы на каждой странице устанавливать связи с различными частями начальной страницы, достаточно
сослаться на общее меню. Такое меню также облегчит навигацию для пользователя.
К недостаткам карт-изображений можно отнести следующие:
– если не предусмотрено альтернативное текстовое меню, то не остается никаких средств навигации для пользователей,
которые не могут загрузить графику или отключили ее загрузку;
– картам-изображениям свойственны общие недостатки, присущие использованию изображений на Web-страницах, а
именно, значительное увеличение времени загрузки по сравнению с чисто текстовыми документами;
– неудачно спроектированные изображения могут внести путаницу. Иногда бывает трудно определить области, являю-
щиеся активными на изображении. Особенно это трудно сделать в серверном варианте. При реализации клиентского вариан-
та ситуация упрощается, так как есть возможность перемещать мышь в пределах изображения и следить за появляющимися
адресами ссылок в нижней части окна браузера;
– при использовании карт-изображений браузер не имеет возможности отмечать другим цветом уже пройденные ссыл-
ки так, как это делается для текстовых ссылок.
В данном пособии рассмотрим особенности разработки клиентского варианта карты изображений.
Клиентский вариант карты-изображения позволяет разместить всю информацию о конфигурации карты в HTML-файле,
в который встроено изображение. В случае же применения серверного варианта браузер посылает запрос на сервер для по-
лучения адреса выбранной ссылки и ждет ответа с требуемой информацией. Это может потребовать дополнительных затрат
времени на ожидание. При клиентском варианте число обращений к серверу уменьшается, и увеличивается скорость доступа
к информации. В этом варианте также для редактирования конфигурации карты нет необходимости обращения к серверу,
поэтому вся работа по созданию карты-изображения может быть выполнена локально, одновременно с редактированием
HTML-файла.
Для указания того, что встроенное изображение является опорным для карты, используется атрибут usemap тега <IMG>.
Значением атрибута usemap является ссылка на описание конфигурации карты.
Например:
<IMG src=logo.gif usemap=#logo>
В этом примере изображение, хранящееся в файле с именем logo.gif, является опорным для карты-изображения, реали-
зуемой в клиентском варианте.
Описание конфигурации активных областей должно располагаться в том же файле, что и данная строка HTML-кода, и
иметь для данного примера имя logo.
Для описания конфигурации областей карты-изображения используется специальный тег <МАР>, единственным атри-
бутом которого является name. Значение атрибута name определяет имя, которое должно соответствовать имени в usemap.
Страницы
- « первая
- ‹ предыдущая
- …
- 43
- 44
- 45
- 46
- 47
- …
- следующая ›
- последняя »
