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

<7a> <7b>

Li��o 7b - Imagens de Fundo
Backgrounds

 

Objetivos
  Aprender a escolher uma imagem de fundo adequada ao seu documento
  Inserir uma imagem de fundo em um documento HTML

 

Li��o

Escolhendo uma imagem de fundo

Uma imagem de fundo (background) � aquela que aparece por tr�s do texto e das demais imagens de uma p�gina WWW. Dependendo das cores principais das imagens inline existentes na p�gina, e da pr�pria cor dos caracteres de texto, a escolha pode variar entre backgrounds de diferentes tonalidades.


 

Inserindo uma imagem de fundo em um documento HTML

O formato HTML para o r�tulo de uma imagem de fundo �: 


     <body background="nome_arq.gif">

onde nome_arq.gif � o nome de um arquivo GIF no mesmo diret�rio do seu documento HTML. Por imagem de "fundo" ou "background" entende-se que o browser apresentar� a imagem por tr�s das imagens inline existentes e tamb�m do texto. Assim como no Windows a imagem � distribu�da uma ao lado da outra at� dar o aspecto de um mosaico ou de um papel de parede, envolvendo toda a p�gina.

Obs.: Muitos construtores de home pages d�o prefer�ncia ao padr�o JPEG (ou JPG) na inser��o de suas imagens de fundo para economizarem em espa�o de disco e ganharem em rapidez na abertura das p�ginas. No entanto a diferen�a � muito pequena.

Neste exerc�cio, ser� adicionado uma imagem de background (a que voc� escolheu e salvou) na p�gina Joinville I.

  1. Re-abra sua �rea de trabalho.
  2. Abra a p�gina jv1.html no editor de texto
  3. Ap�s a linha (title), antes de todo o corpo do documento HTML, inclua o seguinte: 
    


 <body background="fundo1.gif">

    Se voc� escolheu outra imagem substitua fundo1.gif (que foi o fundo adotado pelo instrutor) pelo de sua prefer�ncia. Isto inserir� na sua p�gina a imagem de fundo que voc� carregou anteriormente.

  4. Salve o texto e recarrege em seu browser WWW.

Obs.: Se for desejado criar uma cor de fundo para a p�gina, ao inv�s de se colocar uma imagem, pode ser usado o comando:

<body bgcolor="#rrggbb"> . . . </body>

Onde rr (red), gg (green) e bb (blue) s�o valores em hexadecimal (de 00 at� FF) que definem uma cor, conforme visto anteriormente na li��o 5.

 

Revis�o

  1. Qual � o formato HTML para incluir uma imagem de fundo em um documento?
  2. Por que � importante uma boa escolha dos backgrounds antes de inser�-los nos documentos HTML?
  3. Como devo proceder para adicionar uma imagem de fundo a um documento HTML?

Pr�tica Independente

Acrescente uma imagem de fundo diferente da do exemplo anterior ao seu documento WWW usando uma das outras imagens GIF ou JPEG que esteja armazenada em seu computador ou uma que foi carregada da Internet.

 

A seguir...

Criando links para outros documentos e arquivos que voc� criou bem como para outros da Internet.

 

Página Inicial | Índice |