|
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
Obs.:
O mapeamento é válido apenas para uma página,
seria necessário repetir esse procedimento nas demais páginas
do site. Para mapear a imagem uma única vez, e fazer isso
valer para todas as páginas, pode-se utilizar os Modelos,
como veremos a seguir.
|
