Создание изображения-карты с помощью программы CuteMAP
Запустите программу редактирования карт. Начните описание новой карты, выполнив последовательность команд File => New Map и указав изображение, с которым собираетесь работать, в диалоговом окне Open (Открыть). Интерфейс программы CuteMAP состоит из трех панелей (рис. 3.9). Изображение размещается в самой большой из них, ниже располагается окно просмотра соответствующего текста документа. Слева от панели изображения находится панель данных, которая используется для записи URL, альтернативного текста для пояснения изображения, а также всех данных, имеющих отношение к каждой активной зоне.
Описание карты предлагается начать с острова Кауаи (Kauai), который находится в левом верхнем углу изображения. Рядом с очертаниями острова достаточно свободного места, поэтому активную зону целесообразно сформировать с помощью прямоугольника. Выберите из инструментальной линейки (рис. 3.10) инструмент для маркировки Rectangle. Значок указателя примет форму креста (рис. 3.11).
Установите указатель в том месте, где планируете поместить левый верхний угол прямоугольника. Нажмите на левую кнопку мыши и продолжайте вести курсор в сторону нижнего правого угла прямоугольника, затем отпустите кнопку. Область, соответствующая активной зоне, будет помечена красной сеткой. В панели данных обязательно укажите URL и вариант текста для ссылки связи. В разрабатываемом проекте необходимо указать соответственно kaua i . html nlsland of Kauai (рис. 3.11).
Повторите перечисленные действия для всех островов, отображенных на рисунке. При этом старайтесь выбирать тип активной зоны таким образом, чтобы геометрические фигуры не перекрывались. Например, для острова Оаху (Oahu), находящегося справа от Кауаи, лучше всего подойдет круг. Оптимальной формой активной зоны для островов Молокаи (Molokai) и Гавайи (Hawaii) будет прямоугольник. Для острова Мауи (Maui) в качестве активной зоны удобнее применить многоугольник: он не будет накладываться на активную зону Молокаи.
Чтобы построить активную зону в форме многоугольника, выберите инструмент Polygon. Щелкните мышью в исходной точке построения фигуры, каждый новый угол многоугольника отмечайте таким же щелчком. При перемещении маркера, после того как вы выбрали два угла зоны, геометрическая фигура будет изменять очертания и автоматически создавать новые углы. Сама структура похожа на резиновую полоску, натянутую на колышки. Для завершения построения щелкните правой кнопкой мыши у последнего угла.
Текст на языке HTML, соответствующий описанным операциям, указывается в панели кодов под изображением. Программа позволяет скопировать данные в буфер обмена, чтобы при необходимости импортировать их в текстовый редактор. Полный текст приведен в листинге 3.1.
Внимание!
В большинстве доступных программ редактирования карт (в этом смысле CuteMAP не является исключением) нет настроек для генерации тэгов в нужном регистре и проверки правильности для XHTML. При непосредственном импорте результатов в текстовый редактор вам придется внести некоторые исправления в описание. Это вызвано главным образом нарушениями синтаксиса, связанными с регистром символов. Элементы следует описывать самостоятельно, копируя их координаты.
ЛИСТИНГ 3.1. Карта штата Гавайи
<img src="hawaii.gif" usemap="#hawaii.gif" width="504" height="386"
border="0" alt="Image map for the state of Hawaii" /> <map name="hawaii.gif">
<area shape="rect" coords="2, 14, 66, 69" href="kauai.html" alt ="Island of Kauai" />
<area shape="circle" coords="178, 104, 43" href="oahu.html" alt ="Island of Oahu" />
---
<area shape="rect" coords="238, 122, 303, 147"
href="molokai.html"
alt ="Island of Molokai" />
<area shape="poly" coords="297. 157. 315. 138. 398, 173, 336, 214" href="maui.html" alt ="Island of Maui" />
<area shape="rect" coords="354, 223, 501, 374" href="hawaii.html"
alt="Island of Hawaii" />
</map>
Опубликовал vovan666
April 05 2013 12:35:02 ·
0 Комментариев ·
3897 Прочтений ·
• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •
Комментарии
Нет комментариев.
Добавить комментарий
Рейтинги
Рейтинг доступен только для пользователей.
Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.
Нет данных для оценки.
Гость
Вы не зарегистрированны? Нажмите здесь для регистрации.
Главная
Каталог файлов
