| Achtergrond van je websiteDe achtergrond van je webpagina is een belangrijk onderdeel van de uitstraling van je site. De achtergrond moet je site aantrekkelijk maken om naar te kijken, maar niet zo aanwezig zijn dat de aandacht van de inhoud wordt afgeleid.
|
Het is ook belangrijk om het juiste kleurcontrast te hebben tussen de teksten en de achtergrond, alles moet goed leesbaar zijn.
De <body> tag heeft twee attributen waar achtergronden mee kunnen worden ingevoegd. De achtergrond kan een kleur of een afbeelding zijn.
Bgcolor
Het bgcolor attribuut specificeert een achtergrond kleur voor een
HTML pagina. De waarde van dit attribuut kan een hexadecimaal getal, een RGB waarde, of een kleur naam zijn:
voorbeeld:<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
Bovenstaande regels zetten alle drie de achtergrond kleur op zwart.
Background
Het background attribuut specificeert een achtergrond afbeelding voor een
HTML pagina. De waarde van dit attribuut is de URL van de afbeelding die je wilt gebruiken. Als de afbeelding kleiner is dan het browser venster, zal de afbeelding zichzelf herhalen totdat het hele venster is gevuld.
voorbeeld:<body background="wolken.gif">
<body background="http ://www.eriksweb.nl/wolken.gif">
De URL kan relatief (zoals in de eerste regel van bovenstaande voorbeeld) zijn of absoluut (zoals in de tweede regel).
N.b.: Als je een achtergrond afbeelding wilt gebruiken, houd dan het volgende in gedachten:
- Zal de achtergrond afbeelding de laadttijd van de pagina teveel verhogen?
- Zal de achtergrond afbeelding er goed uitzien bij de andere afbeeldingen op de pagina?
- Zal de achtergrond afbeelding er ook goed uitzien met de tekst kleuren op de pagina?
- Zal de achtergrond afbeelding er ook goed uitzien als de afbeelding wordt herhaald doordat het browser-venster groter is?
- Zal de achtergrond afbeelding de aandacht van de tekst weghalen?
Tips
De bgcolor, background, en de text attributen in de <body> tag zijn verouderd in de laatste versies van
HTML (HTML 4 and XHTML). De World Wide Web Consortium (W3C) heeft deze attributen uit de aangeraden lijst gehaald.
Style sheets, afgekort
CSS, moeten in plaats hiervan gebruikt worden (Om de lay-out en weergave van
HTML elementen te definiëren).
