Se nao conceguir ver a imagens direitoH: clike enciama delas para ampliar
Enssinandu a fazer mapeamento de imagens ficara como mostrado abaixo
OBS: coloke o mouse sobre a seta laranjada
observe q é apenas uma imagem q eu mapeei para deixar apenas uma parte dela como um link!
OBS: coloke o mouse sobre a seta laranjada
observe q é apenas uma imagem q eu mapeei para deixar apenas uma parte dela como um link!
.png)
O mapeamento de imagens é utilizado quando há necessidade de colocar vínculo em apenas uma parte de uma imagem, e não na imagem toda.
Selecione a imagem topo.gif (na primeira linha da tabela). Vamos mapear a área da imagem onde aparece a palavra "Home", colocando um link para a página index.html.
com a imagem topo.gif selecionada, veja que o inspetor de propriedades disponibiliza três tipos de mapas: retangular, oval e poligonal. Selecione a opção retangular, como mostra a figura abaixo.
Após selecionar a opção mapa retangular, mova o cursor novamente sobre a imagem topo.gif, o cursor assumirá a forma de cruz. Desenhe um retângulo em volta da palavra Home (1) e no campo Link do inspetor de propriedades digite o endereço da página que será acessada: index.html (2). Veja a figura abaixo:
Repita o mesmo procedimento para os ítens do menu. Com a imagem topo.gif selecionada, escolha a opção mapa retangular:
Desenhe um retângulo em volta da palavra Empresa e no campo Link do inspetor de propriedades digite o endereço da página que será acessada: ../empresa/empresa.html
Desenhe um retângulo em volta da palavra Produtos e no campo Link do inspetor de propriedades digite o endereço da página que será acessada: ../produtos/produtos.html
Desenhe um retângulo em volta da palavra Atendimento e no campo Link do inspetor de propriedades digite o endereço da página que será acessada: ../atendimento/atendimento.html
Desenhe um retângulo em volta das palavras Dicas de Beleza e no campo Link do inspetor de propriedades digite o endereço da página que será acessada: ../dicas_beleza/dicas_beleza.html
EntendeuH? nao?
Me add no msn clickanduH na seta laranjada:
.png)