<1> <2> <3> <4> <5> <6> <7> <8> <9> <10> <11> <12> <13> <14> <15> <16>

<7a> <7b>

Lição 7 - Gráficos e formatos de arquivos

 

Enviar texto pela Internet é para e-mail. Quando você inclui Imagens, sua mensagem pode ser muito mais informativa!

Objetivos

  Identificar formatos gráficos para usar no World Wide Web.
  Discutir pontos chave de quando incluir gráficos em documentos WWW
  Carregar um arquivo gráfico em seu computador.
  Usar o formato HTML correto para incluir imagens em seu documento WWW.

 

Lição

O Formato Gráfico do WWW

Existem muitos diferentes formatos de arquivos para gráficos em computador. O modo que browsers WWW trabalham é que os códigos HTML indicam a localização de um arquivo gráfico em um formato que pode ser interpretado por diferentes tipos de computadores.

O principal formato gráfico que uma página WWW pode apresentar dentro de um documento é o GIF (Graphics Interchange Format). Um arquivo GIF contém a informação sobre a imagem de modo compactado (reduz o tamanho do arquivo).

Vários programas gráficos possuem internamente as facilidades de salvar arquivos de imagens no formato GIF. Além disso, diversos programas shareware permitem converter de outro formato para GIF e vice-versa.

Atualmente, os browsers também estão passando a suportar o formato JPEG (Joint Photographic Experts Group), que é um mecanismo de compressão de imagens padronizado e, apesar de perder qualidade no processo de compressão/descompressão, é bem mais compacto do que o formato GIF. Outro ponto a favor do JPEG é que a Unisys, proprietária da patente intelectual do algoritmo de compactação embutido no padrão GIF, está ameaçando cobrar royalties pelo uso do mesmo, enquanto JPEG é um padrão de comitê. No ambiente DOS, pelas suas limitações o JPEG é escrito como JPG.

Pontos a considerar quando se usa gráficos

Para esta lição, não é necessário usar nenhum destes programas gráficos citados. Entretanto, logo que se começa a desenvolver páginas WWW, se torna necessário trabalhar com diversos deles, com funções distintas: criação, manipulação, conversão, etc. Se seus documentos incluem gráficos, mantenha estes pontos em mente:

Grandes e numerosas imagens podem parecer ótimas em um computador topo de linha e ligados a redes de alta velocidade, mas poderá frustar usuários que irão esperar por imagens sendo enviadas através de linhas lentas e serem apresentados em monitores com pouca resolução e poucas cores. Manter as imagens pequenas (arquivos menores que 150 Kb, p.ex.) é, então, uma boa idéia.
Ao invés de apresentar todas as imagens em uma página WWW, mantenha-as lincadas como imagens externas que são carregadas se e quando o usuário clicar em um item do hipertexto.
Uma única imagem pode aparecer várias vezes em um documento WWW com pouco delay adicional cada vez que você usa aquela mesma imagem.
Muito importante, tenha certeza de que as imagens irão acrescentar significado aos seus documentos WWW.

Salvando e Incluindo Figuras em seu documento WWW

Para esta lição, será necessário ter disponível uma cópia de duas figuras GIF.

  1. Para tanto, clique com o botão direito do mouse sobre a imagem abaixo e, quando aparecer a janela de diálogo do windows, use a opção "Save as..." para salvar com o nome orq.gif, no mesmo diretório que você vêm gravando o seu documento HTML de trabalho jv1.html.

  2. Repita o processo para a imagem abaixo, dando o nome mir.gif

  3. E para dar um retoque no trabalho, pegue também a imagem abaixo, dando-lhe o nome bal_red.gif

 

Verifique seu trabalho

Veja se os arquivos orq.gif, mir.gif e bal_red.gif estão salvos no mesmo diretório do jv1.html. Se não estiverem lá, veja se foram salvos acidentalmente em outro diretório, e mova-os para para a localização correta.

Revisão

  1. Quais os principais formatos gráficos no WWW?
  2. Por que é importante ser consciencioso no uso de imagens nas páginas WWW?
  3. Extra - Por que formatos como BMP do Windows não fazem parte do "padrão" WWW?

Prática Independente

Use seu browser para vasculhar a Internet por figuras. Tente carregar ao menos uma imagem que possa vir a ser útil para sua própria página.

 

A Seguir...

Escrevendo o código HTML para incluir imagens em seu documento.

Página Inicial | Índice |