Innhold
Mobiltelefoner, tabletter og dataskjermer har forskjellige bruksområder, brukere og dimensjoner som stiller spørsmålet om hva den beste oppsettstørrelsen for et nettsted er bestemt av behovene til de primære brukerne av det aktuelle nettstedet. Hvis et nettsted skal sees av standardbrukere på en widescreen-skjerm med en oppløsning på 1680 x 1040 piksler, må størrelsen på nettstedet gjøres slik at den passer på hovedleserskjermbildet. Hvis nettstedet er beregnet for bruk på mobile enheter, bør det gjøres for en mye mindre skjerm.
Statiske VS væskeoppsett
Den første vurderingen er om nettstedet krever en dimensjon definert i piksler. Ved hjelp av prosenter kan du opprette et "fluid" -layout, som omdanner områder dynamisk, avhengig av størrelsen på nettleservinduet. Når det brukes i kombinasjon med tekst, kan væskeoppsett være det beste valget når du oppretter et nettsted for standard skjermoppløsning, samt mobile nettlesere. Fluidoppsett oppnås ved å bruke "width = 100%" i CSS innholdsdeklarasjonen, i stedet for "width = 960x", for eksempel.
Filtrerer standard skjermstørrelser
For å opprette "faste" eller væskeoppsett, bør bredden på divs, wrappers eller hovedinnholdstabellene passe inn i brukerens nettleservindu med hensyn til både rullefeltet og verktøylinjen. Du bør også vurdere å gjøre for flertallet. Mer enn 80% av nettleserne bruker i dag en skjermoppløsning på over 1024x768 piksler. Det betyr at du kan gjøre det for 1680x1024 piksler, men det er en god ide å projisere til midtbanen. 960 eller 980 piksler bredt er to pålitelige tiltak som brukes til å vise innhold komfortabelt i en nettleser som brukes av alle som bruker en 1024x768 oppløsning eller høyere. Systemet passer også godt på mobile enheter som kan vise hele nettstedene. Hvis den er for stram, er 1080 den nest beste bredden. Husk høyden på en standard nettleser ved en hvilken som helst oppløsning for å holde den viktigste informasjonen over "fold", eller pek, der rulling blir nødvendig.
Mobilskjerm
Hvis du vil at nettstedet ditt skal se bra ut på en rekke mobilenheter, må du enten gjøre det spesielt for enheten eller lage en spesiell stil som brukes av mobilnettlesere til å vise «mobil» -versjonen av nettstedet ditt. 240x320-oppløsningen er den nåværende standarden for de fleste smarttelefoner og internett-enheter, for eksempel iPhone. Det er en god ide å bruke "flytende" prosenter eller layouter, siden mange enheter støtter både stående og liggende moduser. Hvis du oppretter et webområde som er satt til 320 piksler bredt, kan det hende at det er slått av for brukeren ved å få tilgang til det i stående modus.
Det gylne rutenettet
Kanskje det beste systemet for å bestemme layoutdimensjonene er gjennom bruk av rutenettet. Grids beregner perfekt balansert regioner innenfor en gitt bredde for å gi en følelse av hvordan å skalere elementene i hovedoppsettet eller innholdsområdet. Disse elementene inkluderer salgsfremmende bokser, barer, annonseplass eller avsnitt. Som et eksempel, ville et oppsett med en total bredde på 1080 piksler og deling ved hjelp av det gyldne rutenettet ha forlatt området igjen for blogginnlegg på 739 piksler bredt og en rettlinje på 780 piksler bred, begge med marg med 10 piksler. Sluttresultatet er en perfekt justert og balansert layout. Du kan eksperimentere med flere forskjellige grid ved å gå til gridgeneratorsystemet (se Ressurser).