Webside layout kan udføres på to forskellige måder:
- Faste breddelayouts - Disse er layouter, hvor bredden af hele siden er angivet med en bestemt numerisk værdi.
- Flydende layouter - Disse er layouter, hvor bredden af hele siden er fleksibel, afhængigt af hvor bred betragterens browser er.
Der er gode grunde til at bruge begge layoutmetoder, men uden at forstå både de relative fordele og manglerne ved hver metode, kan du ikke træffe en god beslutning om, hvilken brug du skal bruge til din webside.
Faste breddelayouts
Faste layouter er layouter, der starter med en bestemt størrelse, bestemt af webdesigneren. De forbliver den bredde, uanset størrelsen af browservinduet, der viser siden. Fast bredde layout giver en designer mere direkte kontrol over, hvordan siden vil se ud i de fleste situationer. De foretrækkes ofte af designere med en udskriftsbakgrund, da de tillader designeren at foretage små justeringer af layoutet og få dem til at forblive konsistente på tværs af browsere og computere.
Flydende layout
Flydende layouts er layouter, der er baseret på procentdele af det aktuelle browservindues størrelse. De bøjes med vinduets størrelse, selvom den aktuelle seer ændrer deres browserstørrelse, da de ser på webstedet. Væskebredde layouter giver en meget effektiv udnyttelse af det rum, der leveres af et givet webbrowservindue eller skærmopløsning. De foretrækkes ofte af designere, der har meget information at komme over på så lidt plads som muligt, da de forbliver ensartede i størrelse og relative sidevægte, uanset hvem der kigger på siden.
Hvad er der ved Stake?
Metoden valgt til dit website design vil påvirke mere end blot dit design, men dit websteds lydhørhed og adaptivitet. Afhængigt af hvilken du vælger, vil du påvirke dine læsers evne til at scanne din tekst, finde det, de leder efter eller undertiden endda bruge dit websted. Ligeledes vil layoutstilen påvirke din indsats ved markedsføring af dit websted gennem branding, tilgængelighed af ejendomme og æstetik på dit websted.
Fordele ved faste breddelayouts
- Et fast breddelayout gør det muligt for designeren at bygge sider, der vil se ens ud, uanset hvem der ser på dem.
- Faste breddeelementer som billeder vil ikke overstyre tekst på mindre skærme, fordi bredden af hele siden vil indeholde disse elementer.
- Scanlængden påvirkes ikke af store tekstsegmenter, uanset hvor bred web browseren er.
Fordele ved flydende layout
- Et væskebredde layout udvider og kontrakter for at fylde det ledige rum.
- Alle tilgængelige ejendomme bruges, så designeren kan vise mere indhold på større skærme, men forbliver stadig levedygtige på mindre skærme.
- Flydende layouter giver sammenhæng i relative bredder, hvilket gør det muligt for en side at reagere mere dynamisk på kundepålagte restriktioner som større skrifttypestørrelser.
Ulemper til faste breddelayouts
- Faste breddelayouter kan forårsage vandret rullning i mindre browservinduer. Og de fleste mennesker kan ikke lide at rulle vandret.
- De kan også resultere i store udvidelser af hvide rum i større skærme, hvilket resulterer i en masse ubrugt plads og mere rullning lodret, end det ellers ville være nødvendigt.
- Faste breddelayouter håndterer ikke kundens ændringer til skrifttypestørrelser meget godt. For små stigninger i skriftstørrelsen kan de være okay, men for større stigninger kan layoutet blive kompromitteret.
Ulemper til flydende layout
- Flydende layout giver mulighed for meget lidt præcis kontrol over bredden af de forskellige elementer på siden.
- De kan resultere i tekstkolonner, der enten er for brede til at scanne komfortabelt, eller på mindre browsere er for små til, at ordene vises tydeligt.
- Flydende layouter kan have problemer, når et fast breddeelement, som et billede, er anbragt inde i en væskekolonne. Hvis søjlen bliver lavet uden plads til billedet, vil nogle browsere øge kolonnebredden, idet man undlader designers instruktioner, mens andre browsere vil forårsage overlapninger i tekst og billeder for at opnå de korrekte procentsatser.
Konklusion
Mange steder, der har mange oplysninger, de har brug for at formidle i så lille plads som muligt, ville fungere godt med et flydende layout. Dette giver dem mulighed for at udnytte alle de ejendomme, som større skærme giver, mens de ikke kortslår mindre skærme.
Websteder, der kræver præcis kontrol over, hvordan siderne ser ud i enhver situation, vil gøre det godt at bruge et fast breddelayout. Dette giver mere sikkerhed for, at branding af dit websted er konsistent og klart uanset hvilken størrelse skærm det ses på.
Layout præference
Mange foretrækker en blandet tilgang. De kan ikke lide at bruge flydende layouter til store tekstblokke, da det kan gøre teksten enten ulæselig på en lille skærm eller kan ikke scannes på en stor. Så de har tendens til at gøre de vigtigste kolonner af sider en fast bredde, men gør overskrifter, sidefødder og sidekolonner mere fleksible til at overtage de resterende ejendomme og ikke miste kapaciteten hos større browsere.
Nogle steder bruger scripts til at bestemme din browservinduestørrelse og derefter ændre displayelementerne i overensstemmelse hermed. Hvis du for eksempel åbner et sådant websted i et meget bredt vindue, kan du få en ekstra kolonne af links til venstre, som kunder med mindre skærme måske ikke kan se. Tekstindpakning omkring reklamen afhænger også af, hvor bredt dit browservindue er. Hvis det er stort nok, vil webstedet omsætte tekst rundt om det, ellers vil det vise artiklen tekst under annoncen.Mens de fleste steder ikke har brug for denne kompleksitetsgrad, demonstrerer den en måde at drage fordel af større skærme uden at påvirke skærmen på mindre skærme.
