Esimene asi, mida enamik disainereid oma veebilehe loomisel arvesse võtab, on mis resolutsioon kujundada. Mida see tegelikult tähendab, on otsustada, kui lai peaks teie disain olema. Tavalist veebisaidi laiust pole enam olemas.
Miks kaaluda resolutsiooni
1995. aastal olid standardsed 640-pikslist-480-pikslist kuvarid suurimad ja parimad saadaval olevad monitorid. See tähendas, et veebidisainerid keskendusid veebibrauserites hea väljanägemisega lehtede maksimeerimisele 12–14-tollisel monitoril selle eraldusvõime juures.
Tänapäeval moodustab eraldusvõime 640 korda 480 vähem kui 1 protsendi enamikust veebisaidi liiklusest. Inimesed kasutavad palju suurema eraldusvõimega arvuteid, sealhulgas 1366 x 768, 1600 x 900 ja 5120 x 2880. Paljudel juhtudel töötab 1366 korda 768 eraldusvõimega ekraani kujundamine.
Todya, enamikul inimestel on suured laiekraaniga monitorid ja nad ei maksimeeri oma brauseriakent. Nii et kui otsustate kujundada lehe, mille laius ei ületa 1366 pikslit, näeb teie leht tõenäoliselt enamikus brauseriakendes hea välja ka suurematel kõrgema eraldusvõimega monitoridel.
Brauseri laius
Veebilehe laiuse otsustamisel on sageli tähelepanuta jäetud probleem see, kui suured teie kliendid oma brausereid hoiavad. Täpsemalt, kas nad maksimeerivad oma brauserid täisekraani suuruses või hoiavad neid väiksemad kui täisekraan?
Kui olete arvestanud klientidega, kes maksimeerivad või mitte, mõelge brauseri piiridele. Iga veebibrauser kasutab kerimisriba ja piirneb külgedega, mis vähendavad saadaolevat ruumi 800-lt ümber 740 või vähem pikslit 800x600 eraldusvõimega ja umbes 980 pikslit maksimeeritud akendel 1024x768 juures resolutsioonid. Seda nimetatakse brauseriks kroomitud ja see võib teie lehekujunduse jaoks kasutatavast ruumist ära võtta.
Fikseeritud või vedela laiusega lehed
Tegelik arvulaius pole ainus, millele peate oma veebisaidi laiuse kujundamisel mõtlema. Samuti peate otsustama, kas teil on fikseeritud laius või vedeliku laius. Teisisõnu, kas määrate laiuse kindla arvu (fikseeritud) või protsendi (vedeliku) jaoks?
Fikseeritud laius
Fikseeritud laiusega lehed on täpselt sellised, nagu need kõlavad. Laius on fikseeritud kindla numbri järgi ja see ei muutu, olenemata sellest, kui suur või väike brauser on. See lähenemine võib olla hea, kui vajate, et teie kujundus näeks välja täpselt sama, hoolimata sellest, kui lai või kitsas on teie lugejate brauser, kuid see meetod ei võta teie lugejaid arvesse. Teie kujundusest kitsama brauseriga inimesed peavad kerima horisontaalselt ja laia brauseriga inimestel on ekraanil palju tühja ruumi.
Fikseeritud laiusega lehtede loomiseks kasutage oma lehtede jaotuste laiuste jaoks konkreetseid pikslite numbreid.
Vedeliku laius
Vedelaiused lehed (neid nimetatakse mõnikord ka paindliku laiusega lehed) laius sõltub sellest, kui lai brauseriaken on. See strateegia toob disaini, mis keskendub rohkem klientidele. Vedeliku laiusega lehtede probleem on see, et neid võib olla raske lugeda. Kui skannimise pikkus tekstirida on pikem kui 10 kuni 12 sõna või lühem kui 4 kuni 5 sõna, võib seda olla raske lugeda. See tähendab, et suurte või väikeste brauseriakendega lugejatel on probleeme.
Paindliku laiusega lehtede loomiseks kasutage protsente või ems teie lehe jaotuste laiuste jaoks. Tutvuge CSS-iga max laius vara. See omadus võimaldab teil määrata laiuse protsentides, kuid seejärel piirata seda nii, et see ei muutuks nii suureks, et inimesed ei saaks seda lugeda.
CSS-i meediumipäringud
Tänapäeval on parim lahendus kasutada CSS-i meediumipäringuid ja reageerivat kujundust lehe loomiseks, mis kohandub seda brauserit laiusega. Tundlik veebidisain kasutab sama sisu veebilehe loomiseks, mis toimib olenemata sellest, kas vaatate seda laiusega 5120 või 320 pikslit. Erineva suurusega lehed näevad küll erinevad, kuid sisaldavad sama sisu. Kui CSS3-s on meediumipäring, vastab iga vastuvõttev seade päringule oma suurusega ja stiilileht kohandub selle konkreetse suurusega.