![]() |
Dodržování všech typografických pravidel není na internetu možné. Některá pravidla sazby však dodržovat lze. V následujících odstavcích byste měli získat základní informace, jak připravit webové stránky, aby se správně zobrazovaly v prohlížečích na počítačích PC i Mac.
Přehledně uspořádané odkazy pro webdesignéry naleznete v rubrice Odkazy / Odkazy pro webdesignéry!
Kaskádové styly — CSS
Ideální způsob typografické úpravy textů pro internet spočívá ve využití kaskádových stylů. Kaskádové styly jsou vlastně obdobou odstavcových nebo znakových stylů, které se užívají v programech pro sazbu a zlom nebo v textových editorech.
Více informací vám poskytne článek V čem je síla kaskádních stylů Mgr. Pavla Smolíka na Serveru Reboot.cz.
Speciální znaky
Následující tabulka uvádí, jaký kód vložit do HTML, aby se objevil požadovaný speciální znak.
Sekvence
|
Znak
|
Výsledek
|
|
|
nedělitelná mezera
|
||
–
|
|
pomlčka
|
|
—
|
|
pomlčka čtverčíková
|
|
±
|
± |
plusminus
|
|
‚
|
|
jednoduchá uvozovka dolní
|
|
‘
|
|
jednoduchá uvozovka horní
|
|
’
|
|
apostrof typografický
|
|
„
|
|
uvozovka dolní
|
|
“
|
|
uvozovka horní
|
|
”
|
|
uvozovka horní anglosaská
|
|
&
|
& |
ampersand
|
|
…
|
rozlučník
|
||
†
|
|
křížek
|
|
‰
|
|
promile
|
|
"
|
" |
palec/minuta
|
|
©
|
© |
copyright
|
|
®
|
® |
registered
|
|
™
|
|
trade mark
|
Tímto způsobem zapsaný znak by neměl být v žádném fontu, jinak je riziko, že nebude korektně zobrazen.
Vkládání speciálních znaků se věnují články Mgr. Pavla Smolíka na Serveru Reboot.cz: České stránky a České stránky — problém v uvozovkách.
Pevné mezery – odstraňování jednoznakových předložek
Jazyk HTML umožňuje odstanit jednoznakové předložky z textu dvěma způsoby.
Příkazem „ “ (nonbreakable space), který vložíme na místo normální mezery:
v lese rostou houby
to je dr. Jarolím
<nobr>
Příkazem <nobr> lze označit výraz, který nesmí být rozdělen:
<nobr>v lese</nobr> rostou houby
to je <nobr>dr. Jarolím</nobr>
Písma
Každý operační systém má jinou sadu základních písem. v tabulce najdete seznam těch písem, které jsou v počítači k dispozici po běžné instalaci operačního systému.
MS Windows 98/2000
|
Mac OS
|
Mac OS český
|
|
Andale Mono
|
Courier
|
Courier CE
|
|
Arial
|
Geneva
|
Geneva CE
|
|
Arial Black
|
Helvetica
|
Helvetica CE
|
|
Comic Sans MS
|
Charcoal
|
Charcoal CE
|
|
Courier New
|
Chicago
|
Chicago CE
|
|
Georgia
|
Monaco
|
Monaco CE
|
|
Impact
|
New York
|
New York CE
|
|
MS Sans Serif
|
Palatino
|
Palatino CE
|
|
Symbol
|
Symbol
|
Times CE
|
|
Times New Roman
|
Times
|
||
Trebuchet MS
|
Zapf Dingbats
|
||
Verdana
|
|||
Webdings
|
MS Windows Nabídka písem bývá obvykle širší, neboť různé programy (MS Internet Explorer, MS Office) do systému instalují další písma. Operační systémy MS Windows 98/Me/2000 pouzívají písma standardu Unicode, takže není nutné mít pro každý jazyk speciální font. Například Arial obsahuje nejen znaky potřebné k sazbě slovanských jazyků, ale i azbuku, řecké, hebrejské, arabské písmo a další. Výjimku tvoří MS Windows 3.11, kde jsou pro korektní zobrazení češtiny v browseru nutná písma s koncovkou CE (Arial CE, Times New Roman CE).
Mac OS Česká instalace Mac OS nebo balíčky pro počeštění amerického OS přidají do systému písma obsažená v pravém sloupci. Mac OS má minimální podporu pro standard Unicode, což vede k tomu, že pro každý skript je třeba jiný font. V praxi to znamená, že webové stránky s českým textem se zobrazují z písem s koncovkou CE v pravém sloupci a stránky západoevropské z písem ve sloupci prostředním. Proto je nutné, aby definice českého písma vždy začínala nějakým písmem z pravého sloupce seznamu, jinak nebudou stránky na Mac OS čitelné!
Příkladem budiž následující definice:
<FONT FACE = "Helvetica CE, Arial CE, Helvetica, Arial, sans-serif">
<FONT FACE = "Geneva CE, MS Sans Serif CE, Helvetica CE, Arial CE, Helvetica, Arial, sans-serif">
Kódování
Aby prohlížeč správně zobrazil české znaky na obrazovce, je nutné uvést do hlavičky HTML kódu informaci o zvoleném kódování. Tuto informaci lze vynechat pouze ve zvláštních případech; u statických stránek by měla být samozřejmostí.
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-2">
Toto je informace o kódování ISO Latin 2, které odpovídá mezinárodní normě ISO. Toto kódování funguje ve všech broserech na běžných platformách bez problému. Bohužel však ISO Latin 2 neobsahuje některé znaky (např. pomlčky).
<meta http-equiv="content-type" content="text/html;charset=windows-1250">
Kódování MS Windows pro středoevropské jazyky sice není standardem, ale požadované znaky se bez problému zobrazí na libovolném počítači. Počet znaků CP1250 je vyšší než u předchozí normy.
<meta http-equiv="content-type" content="text/html;charset=X-MAC-CENTRALEURROMAN">
Toto kódování důrazně nedoporučuji. Počítačů se systémem Mac OS je v Čechách minimum a navíc ne všechny browsery si s tímto kódováním dokáží bezproblémově poradit.