Tutorial - Menu mapeado pelo image-maps

Passo 1 - Faça o seu banner em algum editor de imagem (Photoshop, Photofiltre, Fireworks). 

Passo 2 - Entre nesse site.

Passo 3 - Escolha o banner no seu computador, ou coloque a url dele, direto, e clique em “Start maping your image”. Exemplo.

Passo 4 - Clique em “rectangle”. Exemplo. 

Passo 5 - Selecione a primeira palavra, e coloque um link nela. Exemplo. 

Passo 6 - Repita o passo 5 em todas as outras palavras. 

Passo 7 - Clique em “Get your code”. 

Passo 8 - Vá até a aba “HTML Code”.

Passo 9 - Copie de “<img id” até “</map>”. 

Passo 10 - Cole no seu html onde quer que ele apareça. 

Se quiser colocar menu falso i-frame em algum dos links, retire o “href=link”, e troque o último “>” pelo código do novo menu. 

É só isso… É bem mais prático do que pelo adobe dreamweaver. Não copie, repasse, e, se usar, credite! Beijos, Thaty s2