Mostrando postagens com marcador Apostilas [HTML]. Mostrar todas as postagens
Mostrando postagens com marcador Apostilas [HTML]. Mostrar todas as postagens

Mapear imagem para ficar apenas uma parte dela como link! com DW

28 comentários

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!



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:



Curso de HTML conhcendu as tags

0 comentários




HTML Indispenssavel!!

0 comentários




apostila HTML 5

0 comentários

Click na imagem para baixar
[4 Shared]



apostila HTML 4

0 comentários

Click na imagem para baixar
[4 Shared]




apostila HTML 3

0 comentários

Click na imagem para baixar
[4 Shared]



apostila HTML 2

0 comentários

Click na imagem para baixa
[4 Shared]


apostila HTML 1

0 comentários

Click na imagem para baixar!!
[4 Shared]