Название урока: Создание мэп-карты в GIMP.
Ссылка на форум: http://onepiecenewgen.rolka.su
На ForumDesign TS уже есть описание процесса создания мэп-карты, с которым можно ознакомиться здесь. Этот же урок рассчитан на пользователей GIMP’а.
1. Откройте в GIMP готовую картинку с уже наложенными надписями (заказать можно здесь)
2. Далее выберите в меню пункт «Фильтры» > «Веб» > «Карта изображения»
Откроется окно создания мэп-карты.
Рассмотрим окно поподробнее. Кнопка с лупой позволит нам увеличить изображение, если понадобится более точное выделение небольшой области. Кнопки слева от изображения регулируют форму области выделения – прямоугольник, круг и многоугольник.
Для моей карты больше подойдет прямоугольный вариант, поэтому я выбрала первый режим.
3. Увеличим изображение и приступим непосредственно к выделению областей-ссылок.
Выделение здесь работает так же, как и в фотошопе: кликнув один раз по левому верхнему углу будущего выделения, нужно провести мышкой до правого нижнего угла и кликнуть еще раз для закрепления области. После этого откроется окно, в которое мы и будем вводить ссылку на нужную нам тему.
4. Повторим действие для следующей ссылки.
И так до тех пор, пока все нужные области-ссылки не будут созданы. Справа мы видим список ссылок, которые, при желании, сможет отредактировать.
5. Остается лишь сохранить нашу карту в нужную папку в расширении .map
6. Далее открываем получившийся файл через блокнот и копируем получившийся код.
<img src="map.png" width="400" height="250" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR: Eri-->
<area shape="rect" coords="51,88,162,115" href="https://forumd.ru/viewforum.php?id=86" />
<area shape="rect" coords="50,115,211,144" href="https://forumd.ru/viewforum.php?id=69" />
<area shape="rect" coords="50,145,152,171" href="https://forumd.ru/viewforum.php?id=70" />
<area shape="rect" coords="84,124,158,140" nohref="nohref" />
</map>Выделенную курсивом часть кода можно спокойно удалить.
7. Карта закончена, получившийся код вы можете вставить в объявление или любое другое нужное вам место, где работает html.