Menu

Imagens

Incluir uma imagem em sua Home Page é uma tarefa bem fácil. Exige apenas que você tenha disponível a figura e que ela esteja num dos formatos aceitos pelo browser.

Há dois formatos de figura padrões na Web: O GIF e o JPG, este último reduzindo em até dez vezes o tamanho de uma imagem. Os browserr Netscape e Internet Explorer trabalham com esses dois tipos de arquivo.

ATENÇÃO: As imagens no formato BMP comuns no Windows não servem. Elas precisam ser convertidas para um dos formatos padrões. Existem diversos progamas que transformam imagens BMP em GIF ou JPG. Entre eles estão os famosos Adobe Photoshop, Corel PhotoPaint, Photostyle e Picture Publisher. Mas a própria Internet oferece alguns sharewares que dão conta do recado. São eles: LView, PaintShop, Wingif e muitos outros. A nova versão de Paint que acompanha Windows 98 tambem faz estas conversão e essa foi uma boa ideia de Microsoft.

O comando usado para inserir uma imagem é:

<IMG SRC="NomeDoArquivoImagem" ALIGN="bottom">

Com o atributo ALIGN= você pode alinhar o texto por baixo (bottom), pelo meio (middle) e por cima (top). Se o atributo ALIGN for omitido, o browser tomará o alinhamento pelo fundo como padrão.

A váriavel ALIGN="right" alinhada a imagem no canto direito da página e faz com que o texto à contorne. Se ao invés de usar a opção right usarmos a opção left o mesmo efeito será obtido com a imagem alinhada no canto esquerdo da página.

<IMG SRC="../imagens/duke.gif" ALIGN="top">Alinhando a imagem por cima <BR>
<IMG SRC="../imagens/duke.gif" ALIGN="middle">Alinhando a imagem pelo meio <BR>
<IMG SRC="../imagens/duke.gif" ALIGN="bottom">Alinhando a imagem por baixo <P>

<CENTER><IMG SRC="../imagens/duke.gif"></CENTER><P>
<IMG SRC="../imagens/duke.gif" ALIGN="left">Para centralizar a imagem acima foi usado o comando <B>CENTER</B> e não foi estipulado nehum tipo de alinhamento. Já nesta imagem foi usada a opção <B>left</B> que produz um efeito interessante. <P>
<IMG SRC="../imagens/duke.gif" ALIGN="right"> Está é uma imagem com alinhamento a direita (<B>right</B>). Repare que assim como na imagem anterior o texto contorna a imagem.

Veja o exemplo baseado no código-fonte acima...

Antes de inundar suas páginas de imagens, lembre-se de que, ao usar a rede, a velocidade de transmissão das imagens é muito pequena, girando em torno de 1KB por segundo. Por tanto uma imagem de 100 KB pode levar vários minutos para ser exibida, frustando o internauta.

Forum
voltar Índice Próximo