Создание map-карты в фотошопе.
урок для adobe photoshop cs2
1. Для начала, сделаем заготовку нашей карты. А именно изображение с названием ссылок. #пример
2. «Телепортируемся» из фотошопа в ImegeReady с помощью волшебной кнопки
3. Window/Окно - Image Map/ Карта изображений.
4. Перед нами предстоит такое окно.
С slice переходим на image map(как на на русском не знаю. во всяком случае, со скрином разберётесь.)
5. Выбираем инструмент Rectangle Image Map Tool
6. Выделяем область одной из названия ссылок.
7. Возвращаемся обратно к нашему окну. Работаем мы с вами только с URL и Alt[по желанию]. В URL вы вставляете ссылку на тему с сюжетом/правилами/шаблоном/ остальным. В alt - обозначение. Тобишь, выделенная надпись "шаблон" вы сможете именовать шаблон анкеты. Как бы, пояснение. 
8. Тоже самое проделываем с остальными.
9. Когда всё будет готово, жмём на кнопку с изображением символа браузера. Может быть опера, может эксплоуер, может мозилла. Зависит от того какой браузер у вас установлен. 
10. Перед вами выйдет примерно такое окно. Копируем только то, что указано на скрине.
11. Далее заливаем само изображение с названием ссылок на какой либо хостинг. Допустим, на http://tinypic.com/
12. Копируем в наш код. Ставим заместо
<img src="images/Untitled-1.gif" width="740" height="400" border="0" alt="" usemap="#Untitled_1_Map">
<map name="Untitled_1_Map">
<area shape="rect" alt="сюжет" coords="141,234,288,275" href="#">
<area shape="rect" alt="правила" coords="36,173,232,214" href="#">
<area shape="rect" alt="шаблон анкеты" coords="49,25,360,72" href="http://*****.***.ru/*******">
</map
ссылку с нашим изображением.
13. Карта готова. Ставить её можно куда угодно, в объявление, в html-верх/низ, в форму ответа. Дело ваше.
