Internetgebruikers gebruiken een grote verscheidenheid aan monitoren met verschillende schermresoluties. Daarom is een van de taken voor webontwikkelaars de noodzaak om een site te maken en te optimaliseren voor een correcte weergave op monitoren met elke resolutie.
instructies:
Stap 1
Ontwerp je website met de laagst bruikbare resolutie - 800 * 600 pixels en gebruik een vaste layout. Maar met deze benadering is er één nadeel: voor gebruikers met breedbeeldmonitoren zullen er brede velden op het scherm verschijnen wanneer ze uw site bekijken.
Stap 2
Gebruik een vloeiende lay-out. In dit geval worden de pagina's horizontaal uitgerekt op die monitoren waarvan de resolutie hoger is dan die welke bij de ontwikkeling is gebruikt. Maar deze benadering kan het beste worden gebruikt bij het maken van sites met veel tekstuele informatie en een minimale hoeveelheid afbeeldingen. Dit komt omdat sommige elementen, zoals afbeeldingen of componenten van derden, worden vervormd bij het wijzigen van het formaat op verschillende monitoren.
Stap 3
Het meest correcte, maar tegelijkertijd en vanuit het oogpunt van implementatie complexere, is het gebruik van een adaptieve lay-out. Dit is een complexere versie van de rubberen lay-out, die het mogelijk maakt om het aantal kolommen met informatie te wijzigen bij gebruik van de programmacode.
Stap 4
Maar welke lay-out ook wordt gekozen voor de ontwikkeling van de site, doe de lay-out ervan op een schermresolutie van 1024 * 768 pixels. Dit is de meest voorkomende resolutie.
Stap 5
Voor een correcte weergave van de site op monitoren met een andere resolutie, moet u zich ook aan enkele regels houden. Probeer de hoofdinhoud van de pagina op één scherm te houden om scrollen te voorkomen. Plaats tekstinformatie in een smalle kolom zodat deze niet over de gehele breedte van het scherm "verspreidt". Houd het algehele ontwerp van de pagina's bij, zodat alles proportioneel is.
Stap 6
Bereken bij het ontwerpen van uw ontwerp het percentage, niet de hoeveelheid, van de breedte en hoogte van de pagina. Vervolgens wordt de pagina proportioneel verkleind, zowel op conventionele monitoren als op breedbeeldmonitoren.
