Internetbrugere bruger en lang række skærme med forskellige skærmopløsninger. Derfor er en af opgaverne for webudviklere behovet for at oprette og optimere et websted til dets korrekte visning på skærme med enhver opløsning.
Instruktioner
Trin 1
Design dit websted med den laveste anvendelige opløsning - 800 * 600 pixels, og brug et fast layout. Men med denne tilgang er der en ulempe - for brugere, der har widescreen-skærme, vises brede felter på skærmen, når de ser dit websted.
Trin 2
Brug et flydende layout. I dette tilfælde strækkes siderne vandret på disse skærme, hvis opløsning er højere end den, der blev brugt i udviklingen. Men denne tilgang bruges bedst ved oprettelse af websteder med en masse tekstinformation og et minimum af grafik. Dette skyldes, at nogle elementer, f.eks. Billeder eller tredjepartskomponenter, vil blive forvrænget, når størrelsen på forskellige skærme ændres.
Trin 3
Det mest korrekte, men på samme tid og mere komplekse set fra implementeringens synspunkt, er brugen af et adaptivt layout. Dette er en mere kompleks version af gummilayoutet, som gør det muligt at ændre antallet af kolonner med information, når du bruger programkoden.
Trin 4
Men uanset hvilket layout der vælges til udvikling af webstedet, skal du gøre dets layout med en skærmopløsning på 1024 * 768 pixels. Dette er den mest almindelige opløsning.
Trin 5
Også for at få korrekt visning af webstedet på skærme med en anden opløsning skal du følge nogle regler. Prøv at holde hovedindholdet på siden på en skærm for at undgå at rulle. Placer tekstinformation i en smal kolonne, så den ikke "spredes" over hele skærmens bredde. Hold styr på sidernes overordnede design, så alt er proportionalt.
Trin 6
Når du designer dit design, skal du beregne procentdelen, ikke antallet, af sidens bredde og højde. Derefter ændres størrelsen på siden proportionalt både på konventionelle skærme og på widescreen-skærme.
