Internetikasutajad kasutavad mitmesuguseid kuvareid erineva eraldusvõimega. Seetõttu on veebiarendajate üheks ülesandeks vajadus luua ja optimeerida sait mis tahes eraldusvõimega monitoridel õigeks kuvamiseks.
Juhised
Samm 1
Kujundage oma veebisait madalaima kasutatava eraldusvõimega - 800 * 600 pikslit ja kasutage fikseeritud paigutust. Kuid selle lähenemisviisi korral on üks puudus - laiekraaniga monitoride kasutajatele ilmuvad teie saidi vaatamisel ekraanile laiad väljad.
2. samm
Kasutage sujuvat paigutust. Sellisel juhul venitatakse lehed horisontaalselt nendel monitoridel, mille eraldusvõime on suurem kui arenduses kasutatud. Kuid seda lähenemist saab kõige paremini kasutada saitide loomisel, kus on palju tekstiteavet ja minimaalselt graafikat. Seda seetõttu, et mõned elemendid, näiteks pildid või kolmanda osapoole komponendid, moonutatakse erinevatel kuvaritel suuruse muutmisel.
3. samm
Kõige õigem, kuid samal ajal ja rakendamise seisukohalt keerukam on adaptiivse paigutuse kasutamine. See on kummipaigutuse keerulisem versioon, mis võimaldab programmikoodi kasutamisel muuta informatsiooniga veergude arvu.
4. samm
Kuid ükskõik milline saidi arendamiseks valitud paigutus tehke selle paigutus ekraani eraldusvõimega 1024 * 768 pikslit. See on kõige tavalisem resolutsioon.
5. samm
Samuti järgige mõnda reeglit saidi õigeks kuvamiseks erineva eraldusvõimega monitoridel. Kerimise vältimiseks proovige lehe põhisisu hoida ühel ekraanil. Pange tekstiteave kitsasse veergu, nii et see ei leviks kogu ekraani laiuses. Jälgige lehtede üldist kujundust, et kõik oleks proportsionaalne.
6. samm
Kujunduse kujundamisel arvutage lehe laiuse ja kõrguse protsent, mitte kogus. Seejärel muudetakse lehte proportsionaalselt nii tavalistel kui ka laiekraanidel.
