Korisnici Interneta koriste široku paletu monitora s različitim rezolucijama zaslona. Stoga je jedan od zadataka web programera potreba za stvaranjem i optimiziranjem web mjesta za njegov ispravan prikaz na monitorima s bilo kojom rezolucijom.
Instrukcije
Korak 1
Dizajnirajte svoju web stranicu s najnižom upotrebljivom rezolucijom - 800 * 600 piksela i koristite fiksni raspored. Ali s ovim pristupom, postoji jedan nedostatak - za korisnike koji imaju širokozaslonske monitore, široka polja će se pojaviti na ekranu prilikom pregleda vaše web lokacije.
Korak 2
Koristite fluidni raspored. U tom će slučaju stranice biti horizontalno razvučene na onim monitorima čija je razlučivost veća od one koja se koristi u razvoju. Ali ovaj se pristup najbolje koristi kada kreirate web stranice s puno tekstualnih informacija i minimalnom količinom grafike. To je zato što će se neki elementi, poput slika ili komponenata nezavisnih proizvođača, izobličiti prilikom promjene veličine na različitim monitorima.
Korak 3
Najispravnije, ali istovremeno i složenije sa stanovišta implementacije, je upotreba prilagodljivog izgleda. Ovo je složenija verzija rasporeda gume koja omogućava promjenu broja stupaca s informacijama kada se koristi programski kod.
Korak 4
Ali koji god raspored bio odabran za razvoj web stranice, napravite njegov izgled u razlučivosti zaslona od 1024 * 768 piksela. Ovo je najčešća rezolucija.
Korak 5
Također, za pravilno prikazivanje stranice na monitorima s drugačijom rezolucijom slijedite neka pravila. Pokušajte zadržati glavni sadržaj stranice na jednom ekranu kako biste izbjegli pomicanje. Postavite tekstualne informacije u uski stupac tako da se ne "šire" cijelom širinom ekrana. Pratite cjelokupni dizajn stranica tako da sve bude proporcionalno.
Korak 6
Kada dizajnirate svoj dizajn, izračunajte postotak, a ne količinu, širine i visine stranice. Tada će se stranica proporcionalno promijeniti na konvencionalnim monitorima i na monitorima sa širokim ekranom.
