2015-02-14
216
Карта-изображение — это особое графическое изображение, разбитое на независимые области, к каждой из которых привязана своя гиперссылка. Когда пользователь щелкает мышью внутри такой области, происходит переход по интернет-адресу, указанному в соответствующей гиперссылке.
Чтобы создать карту-изображение, нужно иметь:
□ само графическое изображение;
□ список, описывающий геометрическую форму и размеры каждой из составляющих карту-изображение областей, а также привязанные к ним гиперссылки. Этот список называется списком областей.
Для создания карт-изображений используется такой код HTML:
<МАР NAME="mymap">
<AREA COORDS="130,116,214,182" HREF="https://www.macromedia.com/flash/">
<AREA COORDS="180,244,252,300" HREF="https://www.macromedia.com/dreamweaver/">
<AREA COORDS="280,34,376,52" HREF="https://www.macromedia.com/fireworks/">
</MAP>
<IMG SRC="mymap.gif" USEMAP="#mymap" WIDTH=550 HEIGHT=400 BORDER=Q>
Описание списка областей находится внутри парного тега <МАР>. Графическое изображение задается, как обычно, тегом <IMG>, а для привязки к нему списка областей используется атрибут USEMAP этого тега. Описание списка областей в коде HTML должно всегда предшествовать тегу, задающему изображение.
Обычно карты-изображения создаются с помощью специальных программ, позволяющих нарисовать нужные области прямо на изображении. После этого остается задать для каждой области гиперссылку и вставить сформированный утилитой код HTML в Web-страницу. Вручную же создавать карты-изображения очень хлопотно.
Но если у нас есть пакет Macromedia Flash, никакие дополнительные программы нам не нужны.
Чтобы создать в среде Flash карту-изображение, сначала создадим новый документ. В единственном ключевом кадре анимации нарисуем нужное нам изображение и присвоим этому кадру имя #Static. (Если этого не сделать, Flash создаст изображение на основе текущего кадра.)
Нарисовав изображение, создадим еще один ключевой кадр. В этом кадре создадим набор кнопок, местоположение и форма которых должны в точности соответствовать нужным нам областям карты-изображения. К каждой из этих кнопок привяжем сценарий, обрабатывающий событие press или release и содержащий действие getURL. Например, сценарий может быть таким:
on (release) {
getURL("https://www.macromedia.com");
}
Присвоим кадру, содержащему набор кнопок, имя #Мар. (Если этого не сделать, Flash для создания областей использует последний кадр фильма.)
Теперь остается опубликовать Web-страницу с картой-изображением. Откроем диалоговое окно Publish Settings и включим в состав публикации файл HTML и файл нужного графического формата (GIF, JPEG или PNG), который и будет изображением. Нужно обязательно проверить, не содержат ли имена этих файлов русские буквы (что недопустимо).
Теперь осталось перейти на вкладку HTML и выбрать в раскрывающемся списке Template пункт Image Мар. И после задания других параметров публикации можно нажать кнопку Publish. Все — Web-страница с картой-изображением готова!
