Weblessen.nl - Begin vandaag nog met de lessen: HTML, CSS, XML, PHP, MySQL, C, XHTML en meer..

Achtergrond

Het is zeer belangrijk een goede en duidelijke achtergrond te hebben. Dit is je bezoekers eerste kijk op je website. Als de letters niet goed te lezen zijn op de achtergrondkleur dan zijn de bezoekers snel weg. Plus zou ik zeggen pas je achtergrondkleur aan naar eigen wensen maar ook naar serieusheid van de pagina. Is het een fun-pagina gebruik dan gekke en flitsende kleuren maar probeer je jouw bezoekers iets te leren houd het dan rustig en makkelijk te lezen. Zoals dit :) Haha, plus persoonlijke smaak.
Weten we de standaard HTML begincodes nog? Als je de achtergrondkleur wilt veranderen dan vul je in plaats van <body> dit in
<body bgcolor="#666666"> De #666666 is een hexadecimale kleurencode. Een hexadecimale code is een combinatie van Rode, Groene, en Blauwe kleurwaarden (RGB). De laagste waarde is: 0 (hex #00). De hoogste waarde is: 255 (hex #FF). Klinkt duidelijk maar kijk maar eens wat ze inhouden. De laagste waarde is zwart en de hoogste waarde is wit. Daar moest ik eerst goed aan wennen

	Hex:#000000
	Hex: #FFFFFF

Lay-out
De achtergrond is de basis van de lay-out van je website dus kies deze goed! Ik kies altijd eerst de kleuren en daarna maak ik er pas wat van! Zet desnoods eerst de kleuren op papier. Bekijk andere websites ook goed. Neem in het begin een voorbeeld ontwerp, probeer die lay-out eens na te maken. Qua kleuren dan hé! Ga geen hele website rippen want daar zitten weinig mensen op te wachten en daar zal niemand respect voor hebben. Maar daarover meer in de lessen van Internetgedrag.

Een plaatje als achtergrond gebruiken
Dat kan zeer goed door middel van deze code:
<body background="achtergrond.gif">
Of van een andere website met deze code:
<body background="http://www.urlVanWebsite.com/achtergrond.gif">
Het is slim om dit te gebruiken: <body bgcolor="blue" background= "achtergrond.gif">
De browser probeert altijd eerst background te vinden! Mocht er echter toch een error plaatsvinden dan laat hij geen error zien maar laat hij de bgcolor zien. Het maakt niet uit welke je eerst invoert! Background gaat altijd voor bgcolor!

Let wel op een paar dingen want anders wordt het nemen van een plaatje als achtergrond niets.
Vergroot het achtergrondplaatje de laadtijd niet te erg?
Tip: Plaatje niet groter laten worden dan 1Kb
Neem een .gif plaatje! Deze laden het snelst op het Internet, omdat ze heel klein en compact zijn.
Staat het achtergrondplaatje goed bij de andere plaatjes op je website?
Staat het achtergrondplaatje goed bij de tekstkleur die er op je website wordt gebruikt?
Staat het wel mooi als je plaatje wordt herhaald onder en naast mekaar?
Past het plaatje bij de gehele lay-out van je website?
Zorg ervoor dat je een licht plaatje gebruikt. Hoe lichter de website hoe meer kleuren je kunt gebruiken!
De meest gebruikte kleuren voor plaatjes zijn: Wit, Zwart en grijs.
Maar als je één kleur neemt kun je net zo goed Hexcodes gebruiken! Dat laadt veel sneller.

Het laatste in deze les is het stilzetten van het achtergrondplaatje. Dus het plaatje scrolt niet meer mee naar beneden maar hij blijft staan en de tekst scrollt! Gebruik daarvoor deze code achter je body background: bgproperties= "fixed". Dus dat wordt dan:
<body background=''achtergrond.gif" bgproperties= "fixed">

Dit is alles wat er over de achtergrond van een website geschreven kan worden
Houd de achtergrond duidelijk en bedenk het doel en de doelgroep van jouw website!

Webdesign