Создание map-карты в фотошопе.
урок для adobe photoshop cs2
1. Для начала, сделаем заготовку нашей карты. А именно изображение с названием ссылок. #пример
2. «Телепортируемся» из фотошопа в ImegeReady с помощью волшебной кнопки
http://i081.radikal.ru/1001/e6/77926c14bddat.jpg
3. Window/Окно - Image Map/ Карта изображений.
http://s004.radikal.ru/i208/1001/52/e66209bc00bbt.jpg
4. Перед нами предстоит такое окно.
http://s002.radikal.ru/i200/1001/99/0fe3ae296a50t.jpg
С slice переходим на image map(как на на русском не знаю. во всяком случае, со скрином разберётесь.)
http://s005.radikal.ru/i212/1001/91/8418a45f6a49t.jpg
5. Выбираем инструмент Rectangle Image Map Tool
http://s001.radikal.ru/i195/1001/dc/7ce157ee66ebt.jpg
6. Выделяем область одной из названия ссылок.
http://s47.radikal.ru/i118/1001/fb/a349339e01a6t.jpg
7. Возвращаемся обратно к нашему окну. Работаем мы с вами только с URL и Alt[по желанию]. В URL вы вставляете ссылку на тему с сюжетом/правилами/шаблоном/ остальным. В alt - обозначение. Тобишь, выделенная надпись "шаблон" вы сможете именовать шаблон анкеты. Как бы, пояснение.
http://s005.radikal.ru/i211/1001/60/4f9bb1b66c16t.jpg
8. Тоже самое проделываем с остальными.
9. Когда всё будет готово, жмём на кнопку с изображением символа браузера. Может быть опера, может эксплоуер, может мозилла. Зависит от того какой браузер у вас установлен.
http://s004.radikal.ru/i208/1001/77/b9fa8856b95ct.jpg
10. Перед вами выйдет примерно такое окно. Копируем только то, что указано на скрине.
http://s005.radikal.ru/i210/1001/6f/5102fb9fad6ct.jpg
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-верх/низ, в форму ответа. Дело ваше.