Achtergrond plaatjes
Een nieuwe mogelijkheid (in HTML3.0 opgenomen, dus standaard voor de nieuwe generaties browsers) is het gebruik van achtergrondplaatjes. In het <body> tag kan je op de volgende manier een plaatje als achtergrond laten gebruiken:
<body background="achtergrond.gif">
Dit is een leuke mogelijkheid maar er gaat nogal eens wat mis mee. Daarom een paar feiten en meningen er over.
Gif/jpg
Je kan ook jpeg plaatjes gebruiken. In sommige gevallen zijn jpeg plaatjes veel kleiner (qua bytes) dan gifs, vooral bij foto's, en je kan de kwaliteit erg laag zetten want het is toch maar achtergrond (meer informatie over de gif/jpeg verschillen op mijn gif/jpeg pagina). Zo kan je een groot plaatje in een klein bestandje zetten.Omvang
Maak ze niet te groot!! Een achtergrondplaatje moet niet veel groter zijn dan een paar K, anders duurt het veel te lang voor mensen iets zien van je pagina. Gelukkig laat Netscape 2.0 de tekst zien zodra die er is, en daarna pas het achtergrond plaatje, maar eerdere versies doen dat niet zodat gebruikers naar een leeg scherm zitten te staren zolang je achtergrond plaatje aan het laden is.Hou rekening met modem gebruikers die met 14.4k aan het Netsurfen zijn.
Contrast
Zorg dat de tekst leesbaar blijft, door een contrast-arm plaatje te gebruiken. Als er veel contrast is wordt de tekst supersnel onleesbaar. Hou rekening met de lezers; sommige mensen vinden het niet fijn om met hun ogen te moeten knijpen om de lettertjes tussen je achtergrond vandaan te plukken!Kleur van tekst en achtergrond
De leesbaarheid van de tekst kan je verbeteren door de kleuren aan te passen; zie de Kleuren-pagina voor meer informatie.Iets waar vaak niet aan gedacht wordt is om naast een background plaatje ook een bgcolor op te nemen in de body-definitie, met een kleur die lijkt op je achtergrondplaatje. Op die manier wordt alvast de achtergrondkleur goed gezet; mocht het laden van het plaatje nou erg lang duren, dan is de tekst in ieder geval al leesbaar.
Veel achtergrondplaatjes zijn te vinden bij Patternland, Julianne's Background Textures en Netscape's eigen Background Sampler.
De linkjes op deze pagina:
