39804

Inserindo imagens

Os arquivos de imagem mais usados no desenvolvimento de páginas Web estão nos formatos GIF, JPEG e PNG. Porém somente os formatos GIF e JPEG são suportados pela maioria dos navegadores.

Para inserir uma imagem: pelo Painel Inserir Comuns > Imagem ou pela barra de menus Inserir > Imagem.

Na primeira linha da tabela insira a imagem topo.gif (selecione a imagem topo.gif no diretório "imagens").

Na terceira linha da tabela insira a imagem rodape.gif (também armazenada no diretório "imagens").

Importante: Na opção URL: Relativa a: escolha a opção documento. Para que seja criado corretamente o caminho relativo até as imagens.

Quando a imagem está selecionada, o Inspetor de Propriedades apresenta algumas opções importantes na configuração da imagem.
W e H permitem especificar a largura e altura da imagem, em pixels.
O campo Src permite especificar o arquivo de origem da imagem.
O campo Link permite especificar um hyperlink para a imagem.
O menu Align pode ser usado para escolher a forma de alinhamento da imagem com a linha de texto.
O campo Alt permite especificar um texto alternativo quando se posiciona o mouse sobre a imagem.
O Target permite especificar o modo de carregamento da imagem.
A opção Border define a largura da borda da imagem em pixels.
Os campos V Space e H Space permitem especificar valores em pixels que adicionam espaço, acima, abaixo e em ambos os lados da imagem.

Mapeamento de imagens

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