Internetin käyttäjät käyttävät monenlaisia näyttöjä, joiden resoluutio on erilainen. Siksi yksi web-kehittäjien tehtävistä on tarve luoda ja optimoida sivusto, jotta se voidaan näyttää näytöissä kaikilla tarkkuuksilla.
Ohjeet
Vaihe 1
Suunnittele verkkosivustosi pienimmällä käyttötarkkuudella - 800 * 600 pikseliä ja käytä kiinteää asettelua. Tässä lähestymistavassa on kuitenkin yksi haittapuoli - käyttäjille, joilla on laajakuvanäyttö, laajaa kenttää ilmestyy ruudulle, kun katsot sivustoasi.
Vaihe 2
Käytä sujuvaa asettelua. Tässä tapauksessa sivut venytetään vaakasuoraan näissä näytöissä, joiden resoluutio on korkeampi kuin kehityksessä käytetty. Tätä lähestymistapaa voidaan kuitenkin parhaiten käyttää luomalla sivustoja, joissa on paljon tekstitietoja ja vähäinen määrä grafiikkaa. Tämä johtuu siitä, että jotkut elementit, kuten kuvat tai kolmansien osapuolten komponentit, vääristyvät, kun kokoa muutetaan eri näytöissä.
Vaihe 3
Korkein, mutta samalla toteutuksen kannalta monimutkaisempi on mukautuvan asettelun käyttö. Tämä on monimutkaisempi versio kumi-asettelusta, jonka avulla voidaan muuttaa sarakkeiden lukumäärää ohjelmakoodia käytettäessä.
Vaihe 4
Mutta mikä tahansa ulkoasu valitaan sivuston kehittämiseksi, tee sen asettelu näytön resoluutiolla 1024 * 768 pikseliä. Tämä on yleisin päätöslauselma.
Vaihe 5
Noudata myös joitain sääntöjä, jotta sivusto näytetään oikein eri resoluution näytöissä. Yritä pitää sivun pääsisältö yhdellä näytöllä vierityksen välttämiseksi. Sijoita tekstitiedot kapeaan sarakkeeseen, jotta ne eivät "leviä" koko näytön leveydelle. Seuraa sivujen yleistä ulkoasua niin, että kaikki on suhteellista.
Vaihe 6
Kun suunnittelet suunnittelua, laske sivun leveyden ja korkeuden prosenttiosuus, ei määrä. Sitten sivun kokoa muutetaan suhteellisesti sekä tavallisissa näytöissä että laajakuvanäytöissä.
