Definere bredden på websiden din

Det første de fleste designere vurderer når de bygger hjemmesiden sin, er hva Vedtak å designe for. Hva dette virkelig utgjør, er å avgjøre hvor bredt designet ditt skal være. Det er ikke noe slikt lenger som en standard nettstedsbredde.

Hvorfor vurdere oppløsning

I 1995 var standard 640 piksler-til-480 piksler skjermer de største og beste skjermer tilgjengelig. Dette betydde at webdesignere fokuserte på å lage sider som så bra ut i nettlesere maksimert på en 12-tommers til 14-tommers skjerm i den oppløsningen.

I disse dager utgjør oppløsningen 640 x 480 mindre enn 1 prosent av mest trafikk på nettstedet. Folk bruker datamaskiner med mye høyere oppløsninger, inkludert 1366-by-768, 1600-by-900 og 5120-by-2880. I mange tilfeller fungerer design for en 1366 x 768 oppløsningsskjerm.

Todya, de fleste har store skjermer med bred skjerm, og de maksimerer ikke nettleservinduet. Så hvis du bestemmer deg for å designe en side som ikke er mer enn 1366 piksler bred, vil siden din sannsynligvis se bra ut i de fleste nettleservinduer, selv på store skjermer med høyere oppløsninger.

instagram viewer

Nettleserbredde

Et ofte oversett problem når du bestemmer bredden på en webside, er hvor store kundene dine har nettlesere. Spesifikt, maksimerer de nettleserne i fullskjermstørrelse eller holder de dem mindre enn fullskjerm?

Når du har redegjort for kunder som maksimerer eller ikke, kan du tenke på nettlesergrensene. Hver nettleser bruker et rullefelt og grenser til sidene som krymper ledig plass fra 800 til rundt 740 piksler eller mindre på 800 x 600 oppløsninger og rundt 980 piksler på maksimerte vinduer ved 1024 x 768 oppløsninger. Dette kalles nettleser krom og det kan ta bort den brukbare plassen for sidedesignet ditt.

Sider med fast eller flytende bredde

Den faktiske numeriske bredden er ikke det eneste du trenger å tenke på når du designer nettstedets bredde. Du må også bestemme om du vil ha en fast bredde eller væskebredde. Med andre ord, skal du sette bredden til et bestemt tall (fast) eller til en prosentandel (væske)?

Fast bredde

Sider med fast bredde er akkurat som de høres ut. Bredden er fast på et bestemt nummer og endres ikke uansett hvor stor eller liten nettleseren er. Denne tilnærmingen kan være bra hvis du trenger at designet ditt ser nøyaktig ut, uansett hvor bredt eller smalt lesernes nettlesere er, men denne metoden tar ikke hensyn til leserne dine. Personer med nettlesere som er smalere enn designet ditt, må rulle vannrett, og folk med brede nettlesere vil ha store mengder tom plass på skjermen.

For å opprette sider med fast bredde, bruk spesifikke pikselnummer for bredden på sidedivisjonene dine.

Flytende bredde

Sider med væskebredde (noen ganger kalt sider med fleksibel bredde) varierer i bredde avhengig av hvor bredt nettleservinduet er. Denne strategien bringer design som fokuserer mer på kunder. Problemet med sider med væskebredde er at de kan være vanskelige å lese. Hvis den skannelengde av en tekstlinje er lengre enn 10 til 12 ord eller kortere enn 4 til 5 ord, kan det være vanskelig å lese. Dette betyr at lesere med store eller små nettleservinduer har problemer.

Bruk prosenter eller for å lage sider med fleksibel bredde ems for bredden på sideinndelingene dine. Gjør deg kjent med CSS maks bredde eiendom. Denne egenskapen lar deg angi en bredde i prosent, men deretter begrense den slik at den ikke blir så stor at folk ikke kan lese den.

CSS Mediespørsmål

Den beste løsningen i disse dager er å bruke CSS-mediespørsmål og responsivt design for å lage en side som tilpasser seg bredden på nettleseren som viser den. Et responsivt webdesign bruker samme innhold for å lage en webside som fungerer enten du ser den med 5120 piksler bred eller 320 piksler bred. Sidene i forskjellige størrelser ser annerledes ut, men de inneholder det samme innholdet. Med mediespørringen i CSS3 svarer hver mottaksenhet spørringen med sin størrelse, og stilarket tilpasser seg den aktuelle størrelsen.

instagram story viewer