Tīmekļa lapas izkārtojums izmanto vienu no divām dažādām pieejām:
- Fiksēta platuma izkārtojumi: Tie ir izkārtojumi, kur visas lapas platums ir iestatīts ar noteiktu skaitlisku vērtību.
- Šķidrie izkārtojumi: Tie ir izkārtojumi, kur visas lapas platums ir elastīgs atkarībā no tā, cik plaša ir skatītāja pārlūkprogramma.
Abu izkārtojuma metožu izmantošanai ir pamatoti iemesli, taču, neizprotot abus radiniekus katras metodes priekšrocības un trūkumi, jūs nevarat pieņemt labu lēmumu par to, ko izmantot savam tīmeklim lappuse.
Fiksēta platuma izkārtojumi
Fiksētie izkārtojumi ir izkārtojumi, kas sākas ar noteiktu izmēru, kā to nosaka tīmekļa dizainers. Tie paliek tādā platumā neatkarīgi no pārlūkprogrammas loga lieluma, kas skata lapu. Fiksēta platuma izkārtojumi ļauj dizainerim tiešāk kontrolēt lapas izskatu vairumā gadījumu. Dizaineri ar drukas fonu tos bieži dod priekšroku, jo tie ļauj dizaineram veikt nelielas korekcijas izkārtojumā un liek tiem konsekventi darboties pārlūkprogrammās un datoros.
Šķidrie izkārtojumi
Šķidrie izkārtojumi ir izkārtojumi, kuru pamatā ir pašreizējā pārlūkprogrammas loga lieluma procentuālā daļa. Viņi pielāgojas loga lielumam, pat ja pašreizējais skatītājs, skatoties vietni, maina pārlūkprogrammas lielumu. Šķidruma platuma izkārtojumi ļauj efektīvi izmantot vietu, kuru nodrošina jebkurš pārlūkprogrammas logs vai Ekrāna izšķirtspēja. Viņiem bieži dod priekšroku dizaineri, kuriem ir daudz informācijas n, lai nokļūtu tik mazā telpā kā iespējams, jo tie paliek nemainīgi pēc izmēra un relatīvā lapu svara neatkarīgi no tā, kurš to skata lappuse.
Kas ir uz spēles?
Jūsu mājas lapas dizains ietekmē jūsu vietnes atsaucība un adaptivitāte. Atkarībā no tā, kuru izvēlaties, jūsu lasītāju spēja skenēt tekstu, atrast meklēto vai dažreiz pat izmantot jūsu vietni var tikt palīdzēta vai kavēta. Var būt apdraudēta arī jūsu vietnes vispārējā zīmola identitāte, it īpaši, ja jūsu zīmola standarti atbilst loģikas modelim, kas vispirms tiek drukāts.
Fiksēta platuma izkārtojumu priekšrocības
Fiksēta platuma izkārtojums dažos gadījumos ir noderīgs.
- Fiksēta platuma izkārtojums ļauj dizaineram veidot lapas, kas izskatīsies identiski neatkarīgi no tā, kurš uz tām skatās.
- Fiksēta platuma elementi, piemēram, attēli, nepārsniegs tekstu mazākos monitoros, jo šie elementi tiks iekļauti visas lapas platumā.
- Skenēšanas ilgumu neietekmēs lieli teksta segmenti neatkarīgi no tā, cik plašs ir pārlūks.
Šķidro izkārtojumu priekšrocības
Šķidrais izkārtojums vislabāk darbojas citos apstākļos.
- Šķidruma platuma izkārtojums izplešas un saraujas, lai aizpildītu pieejamo vietu.
- Tiek izmantots viss pieejamais nekustamais īpašums, kas ļauj dizainerim parādīt vairāk satura lielākos monitoros, bet joprojām ir dzīvotspējīgs mazākos displejos.
- Šķidrie izkārtojumi nodrošina konsekvenci relatīvajos platumos, ļaujot lapai dinamiskāk reaģēt uz klientu noteiktajiem ierobežojumiem, piemēram, lielākiem fontu izmēriem.
Fiksēta platuma izkārtojumu trūkumi
Tomēr fiksētais formāts nav bez maksas.
- Fiksēta platuma izkārtojumi piespiež horizontāli ritināt mazākos pārlūka logos. Lielākajai daļai cilvēku nepatīk ritināt horizontāli.
- Tie atstāj lielus baltas vietas plašākos monitoros, kā rezultātā rodas daudz neizmantotas vietas un vairāk ritinās vertikāli, nekā citādi varētu būt nepieciešams.
- Fiksēta platuma izkārtojumi ļoti labi neiztur klientu izmaiņas fontu lielumos. Nelieliem fonta lieluma palielinājumiem tie var būt labi, bet, palielinot lielākus, izkārtojums var tikt apdraudēts.
Šķidro izkārtojumu trūkumi
Arī šķidrie izkārtojumi nav bez trūkumiem.
- Šķidrie izkārtojumi ļauj ļoti maz precīzi kontrolēt dažādu lapas elementu platumu.
- Tās var izraisīt teksta kolonnas, kas ir vai nu pārāk platas, lai ērti skenētu, vai mazākās pārlūkprogrammās, kas ir pārāk mazas, lai vārdi tiktu skaidri parādīti.
- Šķidruma izkārtojuma kļūda, kad fiksēta platuma elements, piemēram, attēls, tiek ievietots šķidruma kolonnā. Ja kolonna tiek renderēta bez pietiekami daudz vietas attēlam, dažas pārlūkprogrammas palielinās kolonnas platumu, neņemot vērā dizainera norādījumus, savukārt citas pārlūkprogrammas, lai panāktu pareizību, teksta un attēlu tekstos liek pārklāties procentos.
Izkārtojuma izvēle un jauktas pieejas
Daži dizaineri dod priekšroku šo jēdzienu sajaukšanai. Viņiem nepatīk izmantot šķidros izkārtojumus lieliem teksta blokiem, jo šī struktūra padara tekstu vai nu nelasāmu nelielā monitorā, vai neizskenējamu lielā. Tāpēc viņi mēdz padarīt galveno lapu kolonnu fiksētu platumu, bet veido galvenes, kājenes un sānu kolonnas elastīgākas, lai aizņemtu atlikušo nekustamo īpašumu un nezaudētu lielāku pārlūkprogrammas.
Dažās vietnēs tiek izmantoti skripti, lai noteiktu pārlūkprogrammas loga lielumu un pēc tam attiecīgi mainītu displeja elementus. Piemēram, ja šādu vietni atverat ļoti plašā logā, kreisajā pusē var tikt parādīta papildu saišu kolonna, kuru apmeklētāji ar mazāku monitoru varētu neredzēt. Arī teksta aptīšana ap reklāmu ir atkarīga no tā, cik plašs ir jūsu pārlūkprogrammas logs. Ja tas ir pietiekami plašs, vietne ap to iesaiņo tekstu, pretējā gadījumā zem reklāmas tiks parādīts raksta teksts. Lai gan lielākajai daļai vietņu šāda sarežģītības pakāpe nav nepieciešama, tas parāda veidu, kā izmantot lielākus ekrānus, neietekmējot displeju mazākos ekrānos.