Tipográfia (írás számítógéppel)

Tipográfia a weben

  • Magyar billentyűkiosztás: ISO-8859-2
  • Nyugati billentyűkiosztás: ISO-8859-1
  • Unicode: UTF-8

A HTML-szabvány kialakulása után sokáig kétféle tipográfiai konvenció létezett: a nyomtatott és a korlátozott, webes, mely sokáig nem ismerte a magyar ő, ű betűket, és még ma is alig találkozunk helyes gondolatjellel és idézőjellel. Ma már a CSS és az unicode használatával a weblapokon ugyanazok a tipográfiai elemek jeleníthetők meg, mint nyomtatott formában – a bekezdésbehúzástól a gondolatjelig –, így nem indokolt a web „butított” tipográfiájának elfogadása.

HTML-fájlokban a karakterkészletet közép-európaira állítva a HTML-fájlban levő szövegben az ő, ű betűk helyesen jelennek meg

.

A nyugati (ISO-8859-1) karakterkészlet használata esetén az ő, ű kalapos lesz. Ez esetben minden ékezetes betű helyén a HTML-fájlban a betű kódja szerepel, pl. ú: ú ő:õ ű:û ö:ö. A különleges karakterek – helyes gondolatjel, idézőjel – azonban az Internet Exoplorerben nem jelennek meg helyesen: így az interneten csak a kötőjelet és a " jelet használhatjuk 100% biztonsággal

Unicode: Valamennyi magyar betű és karakter helyesen jeleníthető meg, ha az unicode számával utalunk rá. Az unicode weblap fejléce:

 


Az ilyen oldalon elég, ha a normál karakterek folyószövegben szerepelnek, azaz egyszerűen begépeljük őket. Nem unicode fejléces szövegben az alábbi kód szerint gépelhetők be az unicode decimális számok alapján a karakterek (a példánál a 8211, azaz a gondolatjel): –

Ékezetes fájlnevek. Bár a Windows saját fájlkezelője ("My Computer") engedi az ékezetes fájlnevek használatát, gond lehet velük az interneten, ahol a szerverek nem tudják értelmezni őket; és a Windows alatt futó Windows Commander program sem ismeri föl az ő, ű betűket tartalmazó fájlokat. E-mailekben bizonyos levelezőprogramok vagy nem ismerik fel, vagy más karaktereket hoznak be minden ékezetes betű helyett.

A weben jelenleg a css (cascading style sheets) stíluslap jelenti a legrugalmasabb és leghatékonyabb megoldást egy weboldal tipográfiájának kézben tartására. Ennek főbb elemei:

– egy .css kiterjesztésű fájl, mely a stíluslap-információkat tartalmazza vagy css részletek a fájlon belül a megfelelő helyen;

– külső stíluslap esetén a HTML-oldalon erre hivatkozás:

 

A css fájlban:

body {

ide kerülnek a tipográfiai és szövegdoboz-formázási utasítások

}

 

 

A szöveg színe:

color: #000000;

color: yellow;

 

Betűköz:

letter-spacing: 0.1em; (1 px) (ritkít)

letter-spacing: -0.1em; (sűrít)

 

Sorzárás:

text-align:right; (center, justify) (jobbra, középre, sorkizárt)

 

Szövegeffektek:

text-decoration:line-through; (overline, underline, blink) (áthúzott, föléhúzott, aláhúzott, villog)

 

Bekezdésbehúzás:

text-indent:1em;

 

A szöveg automatikus átalakítása:

text-transform:capitalize; (minden szó nagy kezdőbetűs [angol címekhez])

text-transform:uppercase; (verzál)

text-transform:lowercase; (csupa kisbetűs)

 

Szóköz:

word-spacing:0.1em;

 

Betűtípus:

font-family:serif; (talpas alapértelmezett betűtípus)

font-family:sans-serif; (talpatlan alapértelmezett betűtípus)

 

Betűméret:

font-size:12px; (12 pt) (abszolút betűméret)

font-size:small; (medium, large, x-large, xx-large, 100%) (relatív betűméret)

 

Dőlt betű:

font-style:italic;

 

Kiskapitális:

font-variant:small-caps;

 

Kövér betű:

font-weight:bold;

 

Szöveg alatti vonal:

border-bottom: 1px solid #FF0000;

 

Sortávolság:

line-height: 19pt; (19px)

 

Ékezetek nélkül

Bizonyos helyzetekben nem célszerű ékezetet használni. Ilyenek az e-mailek, ahol még ma is sok olyan felhasználó van, akinek a programja nem tudja dekódolni az ékezetes üzeneteket. Igaz, hogy ezek után nehéz megfejteni, hogy 4000 m fokabel megrendelésekor mit is várhatunk...

 



Webdesign: galéria

<< Néhány helyesírási tanács    „Csak szöveg” tipográfia >>
Tananyagok
Fogalomtár
Életrajzok
Szerzők

Keresés