Разработка INTRANET приложений


Карты изображений - часть 4


  • Создание изображения при помощи программы рисования и задание размера изображения с учетом того, как оно должно выглядеть в броузере. При создании и редактировании изображений рекомендуется устанавливать разрешение экрана равным 640х480 точек на дюйм.
  • Написание кода HTML для документа, в который планируется поместить карту изображения.
  • Подготовка файла с картой. Точные координаты еще неизвестны, но этого пока и не нужно - для начала можно ввести любые.
  • Запись HTML-документа, графики и файла с картой в соответствующие каталоги на Web-сервере.
  • Загрузка документа в броузер Web. Когда пользователь помещает курсор на карте изображения, броузер показывает координаты курсора. Необходимо просто перемещать курсор и запоминать координаты (x,y) для тех областей, которые пользователь хочет определить. Кроме того, необходимо решить, какая форма (круг, прямоугольник и т.д.) наиболее подходит для каждой области. Нужно записать координаты, загрузить файл с картой в какой-нибудь текстовый редактор и отредактировать его в соответствии с выписанными координатами.
  • Тестирование отредактированного файла с картой из Web-броузера в целях проверки правильности вызова документов при щелчке на той или иной области изображений.
  • Данный пример подходит к требованиям InternetInformaitionServer компании Microsoft. Не всякий сервер поддерживает карты изображений, так что это необходимо проверить в документации Web-сервера. Разные Web-серверы используют разные каталоги по умолчанию для хранения таких файлов, как карты изображений.

    Приведенное выше описание карты изображений соответствует формату группы CERN, другой распространенный формат - от центра NCSA.

    В настоящее время помимо серверной поддержки карт изображений (способ ISMAP) броузеры могут описывать с помощью HTML 3.2 и обрабатывать карты на стороне клиента (способ USEMAP). Клиентский вариант обработки карт более эффективен, не требует вызова программы на сервере и сокращает время отклика на действия пользователя.

    Для задания карты изображений используется контейнер MAP и тег AREA. Контейнер MAP содержит описание активных областей и ссылок. Имя контейнера служит для указания его в атрибуте USEMAP тега включения изображения IMG. Тег AREA определяет форму области (атрибут SHAPE), координаты характерных ее точек (COORDS) и гиперссылки (HREF).

    Для нашего примера описание карты изображений будет иметь следующий вид:

    <IMG SRC=imagemap.gif USEMAP=#MY_MAP> <MAP NAME=MY_MAP> <AREA SHAPE=circle COОRDS="110,107,204,107" HREF=/samples/circle.htm> <AREA SHAPE=oval COORDS="15,215,197,274" HREF=/samples/oval.htm> <AREA SHAPE=poly COORDS="248,23,462,54,334,78, 342,184,510,184,502,244,226,278" HREF=/samples/polygon.htm> <AREA SHAPE=rect COORDS="356,110,516,173" HREF=/samples/rect.htm> </MAP>

    Другой способ поддержки карт на клиенте, не нашедший широкого распространения, основан на применении контейнера FIG и расширении гиперссылки за счет указания формы области.




    - Начало -  - Назад -  - Вперед -



    Книжный магазин