Mapas Clicáveis
Mapas Clicáveis em uma página
são figuras que permitem a associação de áreas
desta figura com links para diferentes URLs. Estes
mapas podem ser definidos de diferentes maneiras; neste treinamento
estaremos apresentando um método bastante simples usando Client-Side
Imagemap.
|
Código HTML
<MAP NAME=menu>
<AREA SHAPE=rect COORDS= "5,38, 86,54"
HREF=111.htm>
<AREA SHAPE=rect COORDS= "6,64, 85,94"
HREF=112.htm>
<AREA SHAPE=rect COORDS= "8,106, 45,120"
HREF=113.htm>
<AREA SHAPE=rect COORDS= "8,129, 60,143"
HREF=114.htm>
<AREA SHAPE=rect COORDS= "9,151, 49,165"
HREF=115.htm>
<AREA SHAPE=rect COORDS= "10,175, 71,206"
HREF=116.htm>
<AREA SHAPE=rect COORDS= "9,216, 57,245"
HREF=117.htm>
</MAP>
<IMG Border=0 SRC="indicecc.gif" USEMAP="#menu"
> |
No exemplo acima a diretiva MAP está
definindo a criação do mapa e informando seu nome. A diretiva
AREA informa o formato,SHAPE, da área "sensível" ,
suas coordenadas, COORD, e o endereço da URL associada.
O formato da área (SHAPE)
pode ser
-
RECT - retângulo - coordenadas
x1,y1 , x2,y2
-
CIRC - círculo - corrdenadas
x,y e raio r
-
POLY - polígono - coordanadas
x1,y1 , x2,y2 , x3,y3 , ...
A Diretiva <IMG ... USEMAP= ...>
associa a defição do Mapa à Imagem.
As Coordenadas podem ser obtidas utilizando
softwares de tratamento de imagens, como o Paint
Sho Pro.
|