Webpagina-indeling kan op twee verschillende manieren worden gedaan:
- Vaste breedtelay-outs - Dit zijn lay-outs waarbij de breedte van de hele pagina is ingesteld met een specifieke numerieke waarde.
- Vloeibare lay-outs: dit zijn lay-outs waarbij de breedte van de hele pagina flexibel is, afhankelijk van hoe breed de browser van de kijker is.
Er zijn goede redenen om beide opmaakmethoden te gebruiken, maar zonder de relatieve voordelen en tekortkomingen van elke methode te begrijpen, kunt u geen goede beslissing nemen over het gebruik van uw webpagina.
Vaste breedtelay-outs
Vaste lay-outs zijn lay-outs die beginnen met een specifieke grootte, bepaald door de webontwerper. Ze blijven die breedte, ongeacht de grootte van het browservenster dat de pagina bekijkt. Vaste breedtepanelen geven een ontwerper meer directe controle over hoe de pagina er in de meeste situaties uit zal zien. Ze worden vaak geprefereerd door ontwerpers met een afdrukachtergrond, omdat ze de ontwerper in staat stellen om de lay-out minutieus aan te passen en consistent te houden tussen browsers en computers.
Vloeibare lay-outs
Vloeibare lay-outs zijn lay-outs die zijn gebaseerd op percentages van de grootte van het huidige browservenster. Ze buigen mee met de grootte van het venster, zelfs als de huidige kijker tijdens het bekijken van de site de grootte van de browser verandert. Vloeibare breedtepanelen laten een zeer efficiënt gebruik toe van de ruimte die wordt geboden door een bepaald webbrowservenster of schermresolutie. Ze worden vaak geprefereerd door ontwerpers die veel informatie hebben om over te komen in zo weinig mogelijk ruimte, omdat ze consistent blijven in grootte en relatieve paginagewichten, ongeacht wie de pagina bekijkt.
Wat staat er op het spel?
De gekozen methode voor uw websiteontwerp zal van invloed zijn op meer dan alleen uw ontwerp, maar de reactievermogen en aanpassingsvermogen van uw site. Afhankelijk van welke u kiest, beïnvloedt u de mogelijkheid van uw lezers om uw tekst te scannen, te vinden wat ze zoeken of soms zelfs uw site te gebruiken. Bovendien heeft de lay-outstijl invloed op uw inspanningen om uw website te vermarkten door middel van branding, beschikbaarheid van onroerend goed en de esthetiek van uw site.
Voordelen van lay-outs met vaste breedte
- Met een lay-out met een vaste breedte kan de ontwerper pagina's maken die er identiek uitzien, ongeacht wie er naar kijkt.
- Vaste breedtegraadelementen zoals afbeeldingen zullen de tekst op kleinere monitoren niet overheersen, omdat de breedte van de hele pagina die elementen bevat.
- De scanlengte wordt niet beïnvloed door grote tekstsegmenten, ongeacht de breedte van de webbrowser.
Voordelen van vloeibare lay-outs
- Een lay-out van de vloeistofbreedte wordt groter en kleiner om de beschikbare ruimte te vullen.
- Alle beschikbare onroerend goed wordt gebruikt, waardoor de ontwerper meer inhoud op grotere monitoren kan weergeven, maar nog steeds levensvatbaar op kleinere schermen.
- Vloeibare lay-outs bieden consistentie in relatieve breedten, waardoor een pagina dynamischer kan reageren op door de klant opgelegde beperkingen, zoals grotere lettergroottes.
Nadelen van de lay-outs met vaste breedte
- Vaste breedteplay-outs kunnen in kleinere browservensters horizontaal scrollen veroorzaken. En de meeste mensen houden er niet van om horizontaal te scrollen.
- Ze kunnen ook resulteren in grote witruimten in grotere beeldschermen, wat resulteert in veel ongebruikte ruimte en meer verticaal schuivend dan anders nodig zou zijn.
- Vaste breedtepanelen verwerken de wijzigingen van klanten in lettergroottes niet goed. Voor kleine verhogingen van de lettergrootte kunnen deze goed zijn, maar bij grotere verhogingen kan de lay-out in gevaar komen.
Nadelen voor vloeibare lay-outs
- Vloeibare lay-outs zorgen voor zeer weinig precieze controle over de breedte van de verschillende elementen van de pagina.
- Ze kunnen resulteren in tekstkolommen die ofwel te breed zijn om comfortabel te scannen of in kleinere browsers die te klein zijn om de woorden duidelijk zichtbaar te maken.
- Vloeistoflay-outs kunnen problemen hebben wanneer een element met vaste breedte, zoals een afbeelding, in een vloeistofkolom wordt geplaatst. Als de kolom wordt weergegeven zonder voldoende ruimte voor de afbeelding, zullen sommige browsers de kolombreedte vergroten, ongeacht de instructies van de ontwerper, terwijl andere browsers overlappingen in tekst en afbeeldingen veroorzaken om de juiste percentages te behalen.
Conclusie
Veel sites met veel informatie die ze in zo min mogelijk ruimte moeten overbrengen, zouden goed werken met een vloeibare lay-out. Hierdoor kunnen ze profiteren van al het onroerend goed dat grotere monitoren bieden, terwijl ze kleinere schermen niet kortsluiten.
Sites die nauwkeurige controle vereisen over hoe de pagina's er in elke situatie uitzien, doen er goed aan een lay-out met een vaste breedte te gebruiken. Dit biedt meer zekerheid dat de branding van uw website consistent en duidelijk is, ongeacht de grootte van de monitor waarop deze wordt weergegeven.
Layout voorkeur
Velen geven de voorkeur aan een gemengde aanpak. Ze houden er niet van om vloeibare lay-outs te gebruiken voor grote blokken tekst, omdat de tekst dan onleesbaar kan worden gemaakt op een klein beeldscherm of onleesbaar op een groot scherm. Dus hebben ze de neiging om de hoofdpagina's een vaste breedte te geven, maar worden kop- en voetteksten en zijkolommen flexibeler om het resterende onroerend goed in beslag te nemen en de capaciteit van grotere browsers niet te verliezen.
Sommige sites gebruiken scripts om de grootte van uw browservenster te bepalen en vervolgens de weergave-elementen dienovereenkomstig te wijzigen. Als u bijvoorbeeld een dergelijke site in een zeer breed venster opent, krijgt u mogelijk een extra kolom met links aan de linkerkant, die klanten met kleinere monitoren mogelijk niet zien. Ook is tekstterugloop rond de advertenties afhankelijk van hoe breed uw browservenster is. Als het breed genoeg is, wordt er om de tekst heen geschreven, anders wordt de artikeltekst onder de advertentie weergegeven.Hoewel de meeste sites dit niveau van complexiteit niet nodig hebben, toont het een manier om te profiteren van grotere schermen zonder het scherm op kleinere schermen te beïnvloeden.
