Saturs
Mobilajiem tālruņiem, planšetdatoriem un datoru monitoriem ir atšķirīgi lietojumi, lietotāji un izmēri, kas atstāj jautājumu par to, kāds ir labākais vietnes izkārtojuma lielums, ņemot vērā šīs vietnes galveno lietotāju vajadzības. Ja vietne ir paredzēta standarta lietotāju skatīšanai platekrāna displejā ar izšķirtspēju 1680x1040 pikseļi, vietnes lielums ir jāveic, lai tas atbilstu galvenajam pārlūkprogrammas ekrānam. Ja vietne ir paredzēta izmantošanai mobilajās ierīcēs, tā ir jāizveido daudz mazākā ekrānā.
Statiskie VS šķidruma izkārtojumi
Pirmais apsvērums ir tas, vai vietnei nepieciešama dimensija, kas noteikta pikseļos. Izmantojot procentus, jūs varat izveidot "šķidruma" izkārtojumu, kas mainās atkarībā no pārlūkprogrammas loga lieluma. Lietojot kopā ar tekstu, šķidruma izkārtojumi var būt labākā izvēle, veidojot vietni standarta ekrāna izšķirtspējai, kā arī mobilajām pārlūkprogrammām. Šķidruma izkārtojumi tiek sasniegti, izmantojot CSS satura deklarācijā "platums = 100%", piemēram, "platums = 960x" vietā.
Standarta ekrāna izmēru filtrēšana
Lai izveidotu "fiksētus" vai šķidruma izkārtojumus, divs, wrappers vai galveno satura tabulu platumam ir jāatbilst lietotāja pārlūka logam, ņemot vērā gan ritjoslu, gan rīkjoslu. Jums vajadzētu arī apsvērt iespēju darīt vairākumu. Mūsdienās vairāk nekā 80% pārlūkprogrammu izmanto ekrāna izšķirtspēju, kas pārsniedz 1024x768 pikseļus. Tas nozīmē, ka varat to izdarīt 1680x1024 pikseļi, bet tā ir laba ideja, lai projicētu uz vidusceļu. 960 vai 980 pikseļi plaši ir divi uzticami pasākumi, ko izmanto, lai ērti attēlotu saturu pārlūkā, ko izmanto ikviens, izmantojot 1024x768 izšķirtspēju vai lielāku. Sistēma labi atbilst arī mobilajām ierīcēm, kas spēj parādīt visas vietnes. Ja tas ir pārāk saspringts, 1080 ir nākamais labākais platums. Atcerieties standarta pārlūkprogrammas augstumu jebkurā izšķirtspējā, lai saglabātu svarīgāko informāciju virs "reizes" vai punkta, kur nepieciešams ritināšana.
Mobilie ekrāni
Ja vēlaties, lai jūsu vietne izskatītos labi dažādās mobilajās ierīcēs, jums tas būs jādara tieši ierīcē vai jāizveido īpašs stils, ko mobilās pārlūkprogrammas izmanto, lai parādītu jūsu vietnes "mobilo" versiju. 240x320 izšķirtspēja ir pašreizējais standarts lielākajā daļā viedtālruņu un interneta ierīču, piemēram, iPhone. Ir laba ideja izmantot "brīvi" procentus vai izkārtojumus, jo daudzas ierīces atbalsta gan portreta, gan ainavas režīmus. ja izveidojat tīmekļa vietni, kuras platums ir 320 pikseļi, lietotājs var tikt izgriezts, piekļūstot portreta režīmā.
Zelta režģis
Iespējams, vislabākā sistēma izkārtojuma izmēru noteikšanai ir tīkla sistēmas izmantošana. Režģi aprēķina perfekti sabalansētus reģionus noteiktā platumā, lai nodrošinātu sajūtu, kā mērogot elementus galvenajā izkārtojumā vai satura apgabalā. Šie elementi ietver reklāmas kastes, stieņus, reklāmas laukumu vai punktus. Piemēram, izkārtojums, kura kopējais platums ir 1080 pikseļi un sadalīts, izmantojot zelta režģi, būtu atstājis apgabalu, kas palicis pie bloga ziņām, ar platumu 739 pikseļi un labais josla platumā 780 pikseļi, izmantojot abas rezerves. 10 pikseļi. Gala rezultāts ir perfekti saskaņots un līdzsvarots izkārtojums. Jūs varat eksperimentēt ar vairākiem dažādiem tīkliem, apmeklējot tīkla ģeneratoru sistēmu (skat. Resursi).