Dolžina vrstic

Besedilo na računalniških zaslonih ni težko za brati samo zaradi slabe resolucije računalniškega zaslona, ampak tudi zaradi slabega načrtovanja večine spletnih strani, ki so posledica kršitev osnovnega pravil tipografije v knjigah in revijah: vrstice besedila na večini spletnih strani so veliko predolge za enostavno branje. Časnikarski in knjižni stolpci so ozki zaradi psiholoških razlogov: na normalni bralni razdalji se oko osredotoči samo na 5 cm veliko območje, tako oblikovalci poskušajo besedilo preurediti čim bolj v obliko da ne bi presegli širine, našega očesnega območja. Sirše vrstice zahtevajo od bralca da rahlo premika svojo glavo ali pa napenja svoje očesne mišice da bi sledil dolgim vrsticam besedila. Čitljivost trpi zaradi poti nazaj k desnemu robu, kjer bralec mogoče zgubi sled za naslednjo vrstico.

Lahko uporabljamo nevidno tabelo da bi omejili dolžino vrstice na šestdeset do sedemdeset črk na vrstico. Točno število črk je težko določiti zaradi različnih spletnih brskalnikov, ki različno prevedejo določene ukaze, ter različne resolucije na zaslonih. V običajnih tiskanih dokumentih je stolpec z tridesetimi do štiridesetimi črkami na vrsto idealen.

Konec koncev je odločitev omejiti dolžine vrstice psihološko vprašanje. Z oblikovalskega stališča je mera, ki omogoča enostavno za branje, je dobra odločitev. Ena najosnovnejših načel v spletu je, kakorkoli, uporabnik si naj bo zmožen si ustvariti lasten pogled. Uporabniki z velikim zaslonom mogoče ne bodo potrebovali tekstovnih stolpcev omejenih, če bi to pomenilo da bo velik del zaslona ostal neizrabljen. Uporabnik z malim zaslonom, ki bo imel pisavo nastavljeno na veliko pa nebo mogel upoštevati biti vsiljen gledati dolge strani z s kratkimi vrsticami besedila. Čeprav puščanje besedila prostega za zapolnitev brskalnega okno mogoče vpliva na čitljivost, naslednji dogovor mogoče vseeno vpliva na dostopnost in čitljivost vaših dokumentov.

Screen shot: Fixed layout on Faculty Web User Group page and flexible layout on IBM Ease of Use page

Prazen prostor

Navpični prostor v tekstovnem stolpcu je imenovan vodilni prostor, je razdalja od ene temeljne črte besedila do druge. Vodilni prostor močno vpliva na čitljivosti tekstovnega stolpca, preveč vodilnega prostora daje očem težko delo saj morajo iskati začetek nove vrstice, napram premalo vodilnega prostora zmeša vrstice tipa, saj se vzpenjanje ene vrstice zmeša z spuščanjem vrstice nad. V HTML ni sredstva za pravi vodilni prostor, toda CSS ponudi možnost nadzora vodilnega prostora (poznano kot line-spacing vterminilogiji CSS). Pri tiskanju je splošno pravilo nastaviti vodilni prostor pred tekstovnim stolpcem na 2 piki nad velikostjo pisave. Na primer, pisava z velikostjo 12 pik naj imela pred tekstovnim stolpcem 14 pik vodilnega prostora. Na splošno predlagamo vodilni prostor za poravnanje daljših dolžin vrstic in zaslonov z nizkimi resolucijami.

Zamik odstavkov

Obstajata dve pomembnejši ideji označevanja odstavkov. Metoda klasične tipografije uporablja zamike za označevanje začetka odstavkov. Po drugi strani pa mnogo tehničnih knjig, publikacij danes uporablja navpični razmak med odstavki. Zamaknjeni odstavki posebno dobro funkcionirajo pri daljših blokih proze, kjer zamik označuje nov odstavek z malenkostno motnjo v toku besedila. Prazna vrstica med odstavki pa naredi stran enostavno za pregledovanje. V primeru dolgih odstavkov, ki se razstezajo čez celo stran pa med stiloma ni bistvene razlike.

Za zamik odstavkov brez uporabe CSS, se lahko vstavi nekaj nedeljivih presledkov (non-breaking space characters,  ) na začetku odstavka. Lahko se uporabi tudi prozorno datoteko GIF velikosti enega piksla, ki se jo raztegne v vodoravni smeri. Če se uporabi CSS, se za zamik uporabi lastnost text-indent.

<p>&nbsp;&nbsp;&nbsp;&nbsp; To je zamaknjen odstavek s presledki</p>

<p><img src="slike/pixel.gif" height="1" width ="5" alt="_">
To je s sliko zamaknjen odstavek</p>

<p style="text-indent: 8pt">To je s CSS zamaknjen odstavek.</p>

Za ločitev odstavkov s praznimi vrsticami se lahko uporabi prazen odstavek za vsakim odstavkom. To se lahko stori z nedeljivim presledkom ali pa s prozornim GIF velikosti enega piksla.

<p>&nbsp;</p>

<p><img src="slike/pixel.gif" height="10" width ="1" alt="_"></p>

Za natančno nastavitev večjega ali manjšega razmaka med odstavki pa se lahko v CSS uporabi pravilo margin.

Gor e-gradiva Oblikovanje Poravnava Pisave

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje