Internett-brukere bruker et bredt utvalg av skjermer med forskjellige skjermoppløsninger. Derfor er en av oppgavene for webutviklere behovet for å opprette og optimalisere et nettsted for riktig visning på skjermer med hvilken som helst oppløsning.
Bruksanvisning
Trinn 1
Design nettstedet ditt med den laveste brukbare oppløsningen - 800 * 600 piksler, og bruk et fast oppsett. Men med denne tilnærmingen er det en ulempe - for brukere som har widescreen-skjermer, vil brede felt vises på skjermen når de ser på nettstedet ditt.
Steg 2
Bruk en flytende layout. I dette tilfellet vil sidene strekkes horisontalt på disse skjermene, hvis oppløsning er høyere enn den som ble brukt i utviklingen. Men denne tilnærmingen brukes best når du oppretter nettsteder med mye tekstinformasjon og et minimum av grafikk. Dette er fordi noen elementer, for eksempel bilder eller tredjepartskomponenter, blir forvrengt når du endrer størrelsen på forskjellige skjermer.
Trinn 3
Det mest korrekte, men samtidig og mer komplekse fra implementeringssynspunktet, er bruken av et adaptivt oppsett. Dette er en mer kompleks versjon av gummioppsettet, som gjør det mulig å endre antall kolonner med informasjon når du bruker programkoden.
Trinn 4
Uansett hvilket layout som velges for utvikling av nettstedet, gjør layoutet med en skjermoppløsning på 1024 * 768 piksler. Dette er den vanligste løsningen.
Trinn 5
For å få riktig visning av nettstedet på skjermer med en annen oppløsning, følg også noen regler. Prøv å ha hovedinnholdet på siden på en skjerm for å unngå å rulle. Plasser tekstinformasjon i en smal kolonne slik at den ikke "spres" over hele bredden på skjermen. Hold oversikt over sidens generelle utforming slik at alt er proporsjonalt.
Trinn 6
Når du designer designet, beregner du prosentandelen, ikke antall, av bredden og høyden på siden. Deretter vil siden bli endret proporsjonalt både på konvensjonelle skjermer og på widescreen-skjermer.
