monitoren en resoluties
Monitoren en resolutiesU moet ook kiezen voor de breedte van uw website. Hierbij moet u rekening houden met het feit dat uw bezoekers verschillende monitoren gebruiken. Sommige bezoekers maken gebruik van een laptop met een klein scherm andere gebruikers maken gebruik van een desktop PC met een grote breedbeeld monitor. Als websitebouwer wilt u dat op al deze schermen uw website er goed uitziet.
Over beeldschermbreedte en pixels
De monitoren variëren in breedte. Bij de verkoop van een beeldscherm wordt de breedte uitgedrukt in inches (afgekort met "), bekende breedtes zijn 17”, 19”, 21” en 24". De breedte wordt diagonaal gemeten. De weergave wordt echter bepaald door het aantal beeldpunten ook wel pixels genoemd. Het aantal pixels dat een monitor kan weergeven wordt ook wel resolutie genoemd. Hoe meer pixels hoe hoger de resolutie. Voor een bepaalde beeldschermbreedte geldt vaak een maximum aantal pixels. De gebruiker kan hiervan echter afwijken door een instelling in Windows te wijzigen. Hierdoor wordt de inhoud groter, en dus leesbaarder, weergegeven
Automatische schaalbaar
Een eenvoudige oplossing voor dit probleem is om te kiezen voor een schaalbare stijl. Deze stijl is zo ingesteld dat deze zich automatisch aanpast aan de breedte van het beeldscherm van de bezoeker. Er is echter ook een sterk nadeel en dat is dat de inhoud van uw website zich mee aanpast, de website zal er op de verschillende monitoren verschillend uitzien en u heeft daarmee geen controle meer over de opmaak.
Handmatig instelbaar
Een goede oplossing is om de breedte handmatig in te stellen. De webXpress stijlen hebben en vooringestelde breedte, maar deze kunt u naar eigen smaak aanpassen. U moet nadenken voor welke schermbreedte/resolutie u uw website wilt ontwerpen. Het is aan te bevelen om met zoveel mogelijk gebruikers rekening te houden. U kunt kiezen voor een beeldvullende website, of een website met links en rechts nog ruimte voor een achtergrond.
Kiest u voor een beeldvullende website houdt dan in de breedte rekening met het feit dat er rechts een scroll-balk wordt weergegeven wanneer uw webpagina langer is dan de hoogte van de monitor van uw bezoeker (let op: net als de breedte verschilt ook deze per bezoeker). En houdt u er in de hoogte rekening mee dat gebruikers verschillende webbrowsers en werkbalken ingesteld kunnen hebben.
Breedte instelling van uw website
In het onderstaande tabel vindt u een overzicht van de meest voorkomende resoluties (breedte x hoogte), een bijpassende monitorbreedte, en het percentage van de internetters die deze resolutie gebruiken (cijfers september 2009):
Resolutie Beeldscherm Percentage
800 x 600 15” 23,8
1280 x 1024 19” 15,3
1280 x 800 19” 15,2
1440 x 900 21” 13,9
1680 x 1050 23” 10,4
Overige formaten 21,4
100,0%
Let op: Ontwerpt u een website die de volledige breedte van een 19” scherm benut en stelt u de breedte in op circa 1250 pixels dan krijgen 23,8% van de bezoekers een slecht leesbare website te zien!