Websideoppsett følger en av to forskjellige tilnærminger:
- Oppsett med fast bredde: Dette er oppsett der bredden på hele siden er satt med en spesifikk numerisk verdi.
- Flytende oppsett: Dette er oppsett der bredden på hele siden er fleksibel, avhengig av hvor bred betrakterens nettleser er.
Det er gode grunner til å bruke begge layoutmetodene, men uten å forstå begge slektningene fordeler og mangler ved hver metode, kan du ikke ta en god beslutning om hvilken du vil bruke til nettet ditt side.
Oppsett med fast bredde
Faste oppsett er oppsett som starter med en bestemt størrelse som angitt av webdesigneren. De forblir i den bredden, uavhengig av størrelsen på nettleservinduet som viser siden. Oppsett med fast bredde gir en designer mer direkte kontroll over hvordan siden vil se ut i de fleste situasjoner. De foretrekkes ofte av designere med utskriftsbakgrunn, da de lar designeren gjøre små justeringer i oppsettet og få dem til å forbli konsistente på tvers av nettlesere og datamaskiner.
Flytende oppsett
Flytende oppsett er oppsett som er basert på prosentandeler av det nåværende nettleservinduets størrelse. De bøyer seg med vindusstørrelsen, selv om den aktuelle seeren endrer nettleserstørrelsen mens han ser på nettstedet. Flytende breddeoppsett muliggjør en effektiv bruk av plassen som tilbys av et gitt nettleservindu eller skjermoppløsning. De foretrekkes ofte av designere som har mye informasjon n å komme over på så lite plass som mulig, ettersom de forblir jevne i størrelse og relative sidevekt uavhengig av hvem som ser på side.
Hva er på Stake?
Din nettsidedesign påvirker din nettstedets respons og tilpasningsevne. Avhengig av hvilket du velger, kan lesernes evne til å skanne teksten din, finne det de leter etter eller noen ganger til og med bruke nettstedet ditt, bli hjulpet eller hindret. Nettstedets generelle merkeidentitet kan også være i fare, spesielt hvis merkevarestandardene dine følger en logikkmodell for første gang.
Fordeler med faste breddeoppsett
En layout med fast bredde er nyttig i noen tilfeller.
- Et layout med fast bredde gjør at designeren kan bygge sider som vil se identiske ut, uansett hvem som ser på dem.
- Elementer med fast bredde, for eksempel bilder, overstyrer ikke tekst på mindre skjermer fordi bredden på hele siden vil inkludere disse elementene.
- Skannelengden påvirkes ikke av store tekstsegmenter, uansett hvor bred nettleseren er.
Fordeler med flytende oppsett
En flytende layout fungerer best under andre omstendigheter.
- En layout med væskebredde utvides og trekkes sammen for å fylle den tilgjengelige plassen.
- All tilgjengelig eiendom brukes, slik at designeren kan vise mer innhold på større skjermer, men fortsatt være levedyktig på mindre skjermer.
- Flytende oppsett gir konsistens i relative bredder, slik at en side kan svare mer dynamisk på kundepåførte begrensninger som større skriftstørrelser.
Ulemper med faste breddeoppsett
Imidlertid er et fast format ikke uten kostnader.
- Oppsett med fast bredde tvinger vannrett rulling i mindre nettleservinduer. De fleste liker ikke å bla vannrett.
- De etterlater store hvite områder i større skjermer, noe som resulterer i mye ubrukt plass og mer rulling vertikalt enn ellers måtte være nødvendig.
- Oppsett med fast bredde takler ikke kundenes endringer i skriftstørrelser veldig bra. For små økninger i skriftstørrelsen kan de være i orden, men for større økninger kan oppsettet bli kompromittert.
Ulemper med flytende oppsett
Flytende oppsett er også uten ulemper.
- Flytende oppsett gir svært liten nøyaktig kontroll over bredden på de forskjellige elementene på siden.
- De kan resultere i tekstkolonner som er for brede til å skanne komfortabelt, eller i mindre nettlesere for små til at ordene skal vises tydelig.
- Væskeoppsettfeil når et element med fast bredde, for eksempel et bilde, plasseres inne i en væskesøyle. Hvis kolonnen gjengis uten nok plass til bildet, vil noen nettlesere øke kolonnebredden, ser bort fra designerens instruksjoner, mens andre nettlesere tvinger overlappinger i tekst og bilder for å oppnå det riktige prosenter.
Layoutpreferanse og blandede tilnærminger
Noen designere foretrekker å blande disse konseptene. De liker ikke å bruke flytende oppsett for store tekstblokker, siden strukturen gjør teksten enten uleselig på en liten skjerm eller ikke kan skannes på en stor. Så de pleier å gjøre hovedkolonnene på sidene til en fast bredde, men lage topptekster, bunntekster og side kolonner mer fleksible for å ta opp gjenværende eiendom og ikke miste kapasiteten til større nettlesere.
Noen nettsteder bruker skript for å bestemme størrelsen på nettleservinduet og deretter endre visningselementene deretter. Hvis du for eksempel åpner et slikt nettsted i et veldig bredt vindu, kan du få en ekstra kolonne med lenker på venstre side som besøkende med mindre skjermer kanskje ikke ser. Også tekstinnpakning rundt reklame er avhengig av hvor bredt nettleservinduet ditt er. Hvis det er bredt nok, vil nettstedet vikle tekst rundt det, ellers vil det vise artikkelteksten under annonsen. Selv om de fleste nettsteder ikke trenger dette kompleksitetsnivået, viser det en måte å dra nytte av større skjermer uten å påvirke skjermen på mindre skjermer.