Korisnici Interneta koriste široku paletu monitora s različitim rezolucijama zaslona. Stoga je jedan od zadataka web programera potreba za izradom i optimizacijom web mjesta radi ispravnog prikaza na monitorima s bilo kojom razlučivošću.
Upute
Korak 1
Dizajnirajte svoju web stranicu s najnižom uporabljivom razlučivosti - 800 * 600 piksela i koristite fiksni izgled. No, s ovim pristupom postoji jedan nedostatak - za korisnike koji imaju širokozaslonske monitore, široka polja pojavit će se na zaslonu tijekom gledanja vaše web stranice.
Korak 2
Koristite fluidni raspored. U tom će slučaju stranice biti vodoravno 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 stvarate web stranice s puno tekstualnih podataka i minimalnom količinom grafike. To je zato što će se neki elementi, poput slika ili komponenata trećih strana, iskriviti prilikom promjene veličine na različitim monitorima.
3. korak
Najispravnije, ali istodobno i složenije s gledišta provedbe, jest upotreba prilagodljivog izgleda. Ovo je složenija inačica rasporeda gume, koja omogućuje promjenu broja stupaca s informacijama prilikom upotrebe programskog koda.
4. korak
No, 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 web mjesta na monitorima s drugačijom razlučivosti slijedite neka pravila. Pokušajte zadržati glavni sadržaj stranice na jednom zaslonu kako biste izbjegli pomicanje. Tekstualne informacije stavite u uski stupac tako da se ne "šire" cijelom širinom zaslona. Pratite cjelokupni dizajn stranica tako da sve bude proporcionalno.
Korak 6
Prilikom dizajniranja dizajna izračunajte postotak, a ne količinu, širine i visine stranice. Tada će se stranica proporcionalno promijeniti na uobičajenim monitorima i na monitorima s širokim zaslonom.
