All for Joomla All for Webmasters

Mapeando imagem

Para mapear uma imagem assim do jeito que eu faço no meu header é muito fácil. Eu uso o Frontpage (:

1. Abra o Frontpage.
2. Agora vá em Inserir – Figura – Do Arquivo…
3. No espaço URL: você coloca a URL da imagem hospedada. Eu hospedo minhas imagens no Imageshack.
4. Clico encima da imagem quando ela carregar.
5. Vai aparecer na parte inferior do Frontpage uma barra de ferramentas. É a barra de ferramentas Figura. Você pode ver que quando você clica em outro lugar do documento pra deselecionar a imagem, ela some.
5. Do lado de um cursor de mouse que tem nessa barra, tem um retângulo. Clique nele (:
6. Clique e arraste encima da imagem no lugar que você quer mapear. Você mapeia um link por vez (:
7. Abrirá uma janela. Nela você coloca em URL: o link que você quer linkar naquela parte da imagem que você selecionou.

Se você quer que o link abra em uma nova janela, em Quadro de Destino mude de Padrão de página para Nova Janela.

8. Aperte OK. Faça isso com os outros lugares da imagem que quer mapear.
9. Na parte inferior do Frontpage, clique na aba HTML.
10. O código do mapeamento é algo parecido com isso:

<map name="FPMap0">

<area href="http://"
shape=
"rect"
coords=
"383, 561, 637, 603"></map><img
border=
"0"
src=
"http://imagem.png"
usemap=
"#FPMap0"
width=
"645"
height=
"620">

Cole esse código onde você quiser.