Mapeamento com Image Ready
Bom, muita gente tem o Image Ready, e não sabe mapear imagens com
ele. Vou ensinar aqui, como fazer isso.
Fiz uma imagem no photoshop. Você pode abrir uma, ou fazer a sua mesmo. Clique em Saltar Para o Image Ready.
Com a ferramenta Mapa de imagem em retângulo selecionada
, e com o quadro de
mapa de imagem aparecendo(caso o seu não esteja, clique em janela>>mapa de imagem)
, faça um quadrado onde você quer o link. Veja no
exemplo, e preencha o
quadro de mapa de imagem conforme a sua página.
Depois de ter feito isso em todas as partes da imagem que você quer, dê crtl+Alt+P. Vai abrir uma janela do IE, com a sua imagem e um código. Copie apenas a parte que lhe interessa, que é mais ou menos essa:
Fiz uma imagem no photoshop. Você pode abrir uma, ou fazer a sua mesmo. Clique em Saltar Para o Image Ready.
Com a ferramenta Mapa de imagem em retângulo selecionada
, e com o quadro de
mapa de imagem aparecendo(caso o seu não esteja, clique em janela>>mapa de imagem)
, faça um quadrado onde você quer o link. Veja no
exemplo, e preencha o
quadro de mapa de imagem conforme a sua página. Depois de ter feito isso em todas as partes da imagem que você quer, dê crtl+Alt+P. Vai abrir uma janela do IE, com a sua imagem e um código. Copie apenas a parte que lhe interessa, que é mais ou menos essa:
Pode fechar a janela de navegação que apareceu após você ter copiado o código.
Logo depois de Image Ready Slices, tem img src com o link dos seus documentos.
Você precisa hospedar a sua imagem, e colocar nesse lugarzinho.
Prontinho! Coloque o código depois da tag < body > e aproveite.
O meu ficou assim:
Qualquer dúvida, me pergunte por comentário, ou mande um email.