Sabe o mapeamento de imagem? Eu acho super chato ficar selecionando uma parte da imagem e pegar um número, e o pior é que eu nunca consegui :( Achei no
ImageGirl PFS um site maravilhoso que vai resolver nossos problemas com mapeamento!
Tutorial
1. Crie a imagem que você quer mapear. Salve ela no seu computador. Eu vou usar a imagem abaixo como exemplo:
2. Entre no Image Map Tool
clicando aqui.
3. Clique no botão 'Escolher Arquivo' e abra a imagem que você salvou no começo do tutorial:
4. Clique em 'Start mapping your image':
5. Espere a contagem regressiva e clique em 'continue to next step':
6. Agora você vai ver sua imagem, e do lado dela um menu. Nesse menu clique em 'Rectangle':
7. Vai aparecer um retângulo com quadradinhos, nesses quadradinhos você ajusta o retângulo na parte da imagem. Quando ajustá-lo, coloque o link que ele vai redirecionar no primeiro campo:
8. E vá repetindo os passos 6 e 7 até terminar de mapear sua imagem. Quando acabar, clique em 'Get your code':
9. Você vai ver várias abas, clique na 2ª, 'HTML Code':
10. Copie apenas a parte de </map> para cima....
11. ...e cole em um gadget de HTML/Javascript.
Todos os créditos a
ImageGirl PFS.
