O Dreamweaver MX tem vários recursos que facilitam a vida do usuário. E entre esses está o mapeamento de imagens dentro do próprio programa, sem precisar de nenhum programa adicional.

Importante: Mapeamento de imagens é a mesma coisa que uma área clicável em uma imagem, podendo ser inseridos links sobre as imagens. Exemplo? A página inicial do Bubbles é repleta de mapas, a maioria dos seus links foram feitos através de mapeamento.

1) Com o seu Dreamweaver aberto e imagem que deseja mapear, selecionada, observee a barra de propriedades:

1.a) Nome do mapa, se você não colocar nada, o Dreamweaver coloca automaticamente;

1.b) Setinha para selecionar mapeamentos feitos;

1.c) Forma retangular para selecionar áreas da imagem pra mapear;

1.d) Forma circular para selecionar áreas da imagem pra mapear;

1.e) Forma irregular (polígono) para selecionar áreas da imagem pra mapear, que não sejam nem círculos e nem quadrados.

2) Selecione o C, D ou E da figura do passo 1, e contorne a área que quer mapear da sua figura:

Por exemplo, na figura que estou utilizando como exemplo, eu quis mapear o círculo, então, selecionei a ferramenta D da imagem do passo 1, e circuei a bola da minha figura, sobre ela, apareceu a área mapeada com 4 ganchinhos para você poder editar a área mapeada.

3) Pra você colocar um link na área mapeada, faça o seguinte, selecione a área mapeada com a ferramenta B da figura do passo 1 (a setinha), e observe a sua barra de propriedades, ela ficará parecida com a imagem abaixo:

Em LINK, coloque o endereço que vc deseja abrir (não esqueça o http://), em destino selecione entre as opções a que melhor se encaixa em seu caso (_blank:nova janela, _parent: janela pai, _self: na mesma janela ou _top: na mesma janela também), e em ALT escreva a mensagem que você quer que apareça quando o mouse é posicionado acima do mapa.

Prontinho! Seu mapa está concluído. Exemplo de mapa:

Popularidade: 1%