Sisu
- Staatiline VS vedeliku paigutus
- Standardse ekraani suuruse filtreerimine
- Mobiilsed ekraanid
- Kuldne võrk
Mobiiltelefonidel, tablettidel ja arvutimonitoridel on erinevad kasutamisviisid, kasutajad ja mõõtmed, mis jätavad küsimuse selle kohta, milline on saidi parima paigutuse suurus selle saidi peamiste kasutajate vajadustega. Kui veebisait on mõeldud tavakasutajate vaatamiseks laiekraaniekraanil, mille eraldusvõime on 1680x1040 pikslit, peab saidi suurus olema tehtud brauseri põhiekraanile. Kui sait on mõeldud kasutamiseks mobiilseadmetes, peaks see olema palju väiksema ekraaniga.
Staatiline VS vedeliku paigutus
Esimene kaalutlus on see, kas sait vajab pikslites määratletud mõõdet. Protsentide abil saate luua "vedeliku" paigutuse, mis suurendab alade suurust dünaamiliselt, sõltuvalt brauseri akna suurusest. Koos teksti kasutamisega võivad vedeliku paigutused olla parim valik nii standardse ekraani eraldusvõime kui ka mobiilse brauseri jaoks. Vedeliku paigutus saavutatakse, kasutades näiteks "laius = 100%" CSS sisu deklaratsioonis, mitte näiteks "Laius = 960x" asemel.
Standardse ekraani suuruse filtreerimine
"Fikseeritud" või vedeliku paigutuse loomiseks peaksid divs, wrappers või põhisisu tabelite laius sobima kasutaja brauseri aknasse, võttes arvesse nii kerimisriba kui ka tööriistariba. Peaksite kaaluma ka enamuse nimel tegutsemist. Enam kui 80% brauseritest kasutab tänapäeval ekraani eraldusvõimet üle 1024x768 pikslit. See tähendab, et saate seda teha 1680x1024 pikslit, kuid see on hea mõte projektida keskjoonele. 960 või 980 pikslit on kaks usaldusväärset meedet, mida kasutatakse sisu sisu kuvamiseks brauseris, mida kasutab igaüks, kes kasutab 1024x768 eraldusvõimet või rohkem. Süsteem sobib hästi ka mobiilseadmetele, mis suudavad kuvada terveid saite. Kui see on liiga tihe, siis 1080 on järgmine parim laius. Pidage meeles tavalise brauseri kõrgust mis tahes resolutsioonis, et hoida kõige olulisemat teavet "klapi" või punkti kohal, kus kerimine on vajalik.
Mobiilsed ekraanid
Kui soovite, et teie sait näeks mitmesugustes mobiilseadmetes hea välja, peate seda tegema spetsiaalselt seadme jaoks või looma spetsiaalse stiili, mida mobiilibrauserid kasutavad saidi "mobiilse" versiooni näitamiseks. 240x320 resolutsioon on enamiku nutitelefonide ja Interneti-seadmete, näiteks iPhone'i praegune standard. Hea mõte on kasutada "sujuvat" protsenti või skeeme, kuna paljud seadmed toetavad nii portree- kui ka maastikurežiime. kui loote veebisaidi, mille laius on 320 pikslit, võib see olla kasutajale lõigatud, kui seda avatakse portree režiimis.
Kuldne võrk
Võib-olla on parim süsteem paigutuse mõõtmete kindlaksmääramiseks võrgusüsteemi kasutamise kaudu. Võrgustikud arvutavad ideaalselt tasakaalustatud piirkonnad antud laiuse piires, et anda mõte, kuidas elemente põhiplaani või sisupiirkonna piires mõõta. Nende elementide hulka kuuluvad reklaamkastid, baarid, reklaamiruum või lõiked. Näiteks oleks 1080 pikslise laiuse ja kuldvõrgu abil jagatud paigutus jätnud blogi postituste jaoks jäetud ala 739 pikslit laiuks ja paremale, 780 pikslit, mõlemad, kasutades mõlemat marginaali 10 pikslit. Lõpptulemus on täiesti tasakaalustatud ja tasakaalustatud paigutus. Võrgu generaatorisüsteemi külastades saate vaadata erinevaid võrke (vt Ressursid).