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

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 >>