{}Goodies » Tutoriais » Mapeamento..

1- Abra no image ready a imagem ou layout que você quer mapear.
Eu irei usar essa:

~ Veja

2- Eu quero mapear o 'ENTER'. Siga os passos:
- Procure na tela do image ready uma caixa chamada 'mapa de imagem'
Se NÃO, achar, vá na barra de menus do image ready: 'JANELA -> E marque MAPA DE IMAGEM.
Se aparecer uma nova caixa com o nome mapa de imagem no image ready, tá tudo certo ;)
- Para fazer o mapeamento, iremos usar essa ferramenta:

~ Veja

- Como eu quero mapear o Enter eu vou selecionar toda a palavra ENTER com a ferramente em uso.

~ Veja

- Agora você deve preencher a caixa MAPA DE IMAGEM colocando os "dados" do mapeamento:
Geralmente eu só preencho os campos:

URL: é o link que a pessoa será direcionada ao clicar na parte que estamos mapeando.
ALT: é o que aparecerá ao posicionarmos o ponteiro do mouse na parte que estamos mapeando.
O Resto dos campos não são obrigatórios
~ Veja

Agora é só você apertar - Ctrl + Alt + P, ou então clicar com o botão direito em cima da imagem e ir em Visualizar em -> Internet Explorer.

Uma janela da Internet se abriu ao fazer isso não é? Nela terá um código, Copie apenas de <*html> a . E copie no bloco de notas.

~ Veja Mude o endereço da imagem ( já salva na rede ) para ficar tudo ok. Coloque o endereço da imagem onde está selecionado de verde ( na imagem abaixo )

~ Veja

« Voltar ~ Avançar »