Planos de Fundo em HTML
Um bom plano de fundo pode fazer um sítio Web parecer realmente bonito.
Exemplos
Boa cor de fundo e de texto
Um exemplo de uma cor de fundo e uma cor de texto que que tornam a página fácil de ler
Má cor de fundo e de texto
Um exemplo de uma cor de fundo e uma cor de texto que tornam a página difícil de ler
(Você pode encontrar mias exemlpos no final desta página.)
Planos de Fundo
A tag <body> tem dois atributos onde você pode especificar planos de fundo. O plano de fundo pode ser uma cor ou uma imagem.
Bgcolor
O atributo bgcolor configura o plano de fundo em uma cor. O valor deste atributo pode ser um número hexadecimal, um valor RGB, ou um nome de cor.
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black"> |
As linhas acima todas configuram a cor do plano de fundo para preto
Background
O atributo background configura o plano de fundo para uma imagem. O valor do atributo é a URL da imagem que você quer usar. Se a imagem é menor do que a janela do navegador, a imagem será repetida até preencher a janela inteira do navegador.
<body background="clouds.gif">
<body background="http://www.w3schools.com/clouds.gif"> |
O URL pode ser relativo (como na primeira linha acima) ou absoluto (como na segunda linha acima).
Observe: Se você quer usar uma imagem de plano de fundo, você deve ter em mente:
- A imagem de fundo aumentará o tempo de carga? Dica: Arquivos de imagem devem ter no máximo 10k
- A imagem de fundo parecerá boa com outras imagens na página?
- A imagem de fundo parecerá boa com as cores do texto na página?
- A imagem de fundo parecerá boa quando ela for repetida na página?
- A imagem de fundo afasta o foco do texto?
Observações Básicas - Dicas Úteis
Os atributos bgcolor, background, e text na tag <body> estão desaprovados nas versões mais recentes da HTML (HTML 4 e XHTML). O World Wide Web Consortium (W3C) removeu estes atributos de suas recomendações. Nas versões futuras da HTML, as folhas de estilo (CSS) serão usadas para definir o layout e a exibir as propriedades dos elementos da HTML.
Poucos dos sítios Web mais visitados usam imagens de fundo.
As cores de fundo mais usadas são: branco, preto e cinza.
Mais Exemplos
Boa imagem de fundo
Um exemplo de uma imagem de fundo e uma cor de texto que tornamo texto na página fácil de ler
Boa imagem de fundo 2
Um exemplo de uma imagem de fundo e uma cor de texto que tornam o texto na página fácil de ler
Má imagem de fundo
Um exemplo de uma imagem de fundo e uma cor de texto que tornam o texto na página muito difícil de ler.
| 
HOME
