web-str

Карты — это замечательный способ сделать различные части одного графического изображения гиперссылками на различные документы.

Карта (ее иногда называют карта-меню) может иметь вид набора кнопок и значков, нарисованных художником-дизайнером, или списка текстовых пунктов меню. А может выглядеть и как настоящая карта: щелкаете по кружочку, обозначающему город и отправляетесь на виртуальную экскурсию по нему.

Все карты одинаково появляются на свет — Вы создаете изображение, содержащее кнопки, или иные приспособления для перемещения, а затем с помощью программ создания карт-меню размечаете на этом изображении активные области, связывая с каждой областью некоторую Web-страницу.

Реакция на щелчок мышью на данной карте-изображении будет зависеть от координат курсора в момент щелчка.

Чтобы изображение стало картой, нужно к флагу <IMG ...> добавить специальный атрибут ISMAP или USMAP и пояснить, что данное изображение является картой.

В отличие от рассмотренных нами ранее «пассивных» изображений, в данном случае при помощи атрибута USEMAP="#map" мы сообщаем программе просмотра, что она должна интерпретировать это изображение как карту и искать информацию о разбиении этого изображения на активные области по символическому имени карты map.

Имя карты может состоять из латинских букв и цифр и не должно содержать пробелов, прописные и строчные буквы различаются. Обратите внимание на обязательный значок # в атрибуте USEMAP="#map" . Перед этим значком может находиться URL файла, если карта описана в нем отдельно от файла того документом, с которым эта карта используется.

Описание активных областей изображения-карты начинается флагом

<МАР NAME="имя_карты"> и заканчивается флагом </МАР>. Каждая область описывается при помощи флага

<AREA SHAPE="форма" COORDS= "список координат" HREF="url">,

где форма может принимать одно из четырех значений: rect — прямоугольник,

poly — многоугольник, circle — окружность,

default — «по умолчанию», то есть все части изображения, оставшиеся не описанными. Атрибут COORDS задает список координат. Для прямоугольной области — это

координаты левого верхнего и правого нижнего углов, для многоугольной —координаты каждого из углов, для окружности — координата центра и радиус.

Все координаты отсчитываются в пикселях от левого верхнего угла экрана.

Атрибут HREF="url" задает URL или путь к файлу с документом, на который данная область рисунка ссылается. Если вместо HREF="url" записано NOHREF, то данная область не является якорем гиперссылки, и щелчок на ней будет проигнорирован.

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

<IMG SRC="computr.gif" border=0 alt=”компьютер” USEMAP=#comp1 > <MAP NAME=”comp1”>

<AREA SHAPE=”rect” COORDS=”12,0,80,50” HREF=”blowup.avi”>

<AREA SHAPE=”rect” COORDS=”0,65,95,85” HREF=”demo2.htm” target=_blank>

</MAP>

Существуют специальные программы, которые существенно облегчают разметку и даже автоматически генерируют описание карты. Одна из лучших программ такого рода — MapEdit. Другая программа для разметки — Map This.

Необходимо учитывать, что карты поддерживаются не всеми программами просмотра, к тому же, пользователи часто отключают загрузку изображений, в результате чего карты не появляются на экране. Поэтому следует дублировать все гиперссылки, созданные при помощи карт, обычными гиперссылками.