• Welcome to Форум сети SamaraLan.

Как сделать "интерактивную карту"

Автор vitek163, 26 ноября 2007, 18:47:55

0 Пользователи и 1 Гость просматривают эту тему.

vitek163

то есть как чтобы был один рисунок, а его части выполняли роли гиперссылок
+1


Нас невозможно сбить с пути, нам пофигу куда идти!

digger

Цитата: vitek163 от 26 ноября 2007, 18:47:55то есть как чтобы был один рисунок, а его части выполняли роли гиперссылок
Режешь картинку на части, потом каждый кусочек делаешь ссылкой

weend

#2
Карта ссылок - это изображение, разбитое на определенные зоны, каждая из которых представляет собой гиперссылку. После щелчка кнопкой мыши в пределах зоны браузер открывает страницу, отвечающую этой зоне.
Для удобства выбора зоны изображение должно состоять, по возможности, из четко разграниченных областей.
Прежде чем создавать карту ссылок, надо в графическом редакторе определить координаты крайних точек зон. Зоны могут быть трех типов.
Прямоугольная зона (rect). В этом случае задаются координаты двух точек - левого верхнего угла, правого нижнего угла.
Многоугольник (poly). В этом случае задаются координаты каждой точки многоугольника.
Круг (circle). В этом случае задается координата центра круга и его радиус.
Для создания карты ссылок необходимо вставить нужное изображение с помощью дескриптора [IMG], затем, при помощи атрибута USEMAP, присвоить ему имя. После этого можно приступить непосредственно к вводу данных при помощи тэга [MAP].
Дескриптор [AREA] определяет зоны изображения карты ссылок.
Атрибут SHAPE описывает форму зоны карты ссылок.
Атрибут COORDS назначает координаты конкретной зоны. Количество точек в этом атрибуте зависит от формы зон (прямоугольник, круг, многоугольник).
Если при вводе координат произошла ошибка, то браузер воспринимает область пересечения как часть той зоны, которая описана первой. Если же введенные координаты выходят за границы изображения, то они игнорируются браузером.
Атрибут HREF указывает страницу на которую ведет данная зона карты ссылок.
Ниже представлена простая карта ссылок с исходным кодом. Изображение условно разбито на четыре прямоугольных области.

[сenter]
[img src="img/map.jpg" width="132" height="121"
border="0" usemap="#australia"]
[/сenter]

[map name="australia"]

[area shape="rect" coords="0,0,68,60"
href="lsn022_1.html" target="_blank"
alt="Северо-восточная часть Австралии"]

[area shape="rect" coords="68,0,132,60"
href="lsn022_2.html" target="_blank"
alt="Северо-западная часть Австралии"]

[area shape="rect" coords="0,60,68,120"
href="lsn022_3.html" target="_blank"
alt="Юго-восточная часть Австралии"]

[area shape="rect" coords="68,60,132,120"
href="lsn022_4.html" target="_blank"
alt="Юго-западная часть Австралии"]

[/map]

Взято с  http://www.on-line-teaching.com/html/lsn022.html

vitek163

кому если еще надо удобная прога mapedit в интернете нашел только она платная только 100 бесплатных карт (что вполне хватит) и английская она
dreamwever тоже справляется с такими картами, там их тоже неплохо делать :)
+1


Нас невозможно сбить с пути, нам пофигу куда идти!