FORMÁTOVÁNÍ TEXTU UČEBNICE

Text (včetně obrázků a dalších objektů) lze v učebnici formátovat dvojím způsobem:

• používáním kaskádových stylů CSS nebo
• používáním formátovacích HTML značek přímo ve zdrojovém HTML souboru.

Formátování pomocí stylů CSS

Kaskádové styly CSS umožňují oddělit obsah HTML souboru od formátu. Usnadňují tak editaci a navíc, pokud jsou styly umístěny v externím souboru, zajišťují jednotný vzhled celé učebnice. Budete-li styly používat, postupujte následovně:

1. Otevřete soubor CSS/text.css. Soubor již obsahuje aktuálně nastavené základní formáty (písma, pozadí apod.) vybraných objektů, a to včetně komentářů mezi znaky /* */ u každé formátované položky.
2. Budete-li chtít, stávající styly změňte (postupujte intuitivně a řiďte se komentáři).
3. Doplňte nové styly (viz poznámka).
4. Soubor uložte.
5. V hlavičce HTML souboru - ve značce link a vlastnosti href - zkontrolujte, zda souhlasí relativní cesta k souboru CSS/text.css.

Poznámka: Stylování vyžaduje základní znalost syntaxe a způsobu použití jazyka CSS, často i vzhledem k jednotlivým verzím prohlížečů jednotlivých výrobců. Pokud jej neovládáte, používejte raději přímé formátování pomocí HTML značek.

Poznámka: Pro ty, kteří s CSS začínají, doporučujeme on-line weby věnované tvorbě a programování webových stránek, např. Interval.cz nebo Webtip.cz, anebo odbornou literaturu.

Přímé formátování pomocí značek HTML

Přímé formátování je časově náročnější a podstatně zhoršuje nejen čitelnost a editaci kódu HTML souboru, ale i udržení jednotného formátu. Zato však nevyžaduje žádnou další znalost jiného jazyka. Postupujte následovně:

• Budete-li chtít zároveň používat styly v souboru CSS/text.css, postupujte stejně jako při formátování pomocí stylů CSS (viz výše). Bude-li třeba, stávající styly změňte intuitivně podle připojených komentářů, ale nové styly nedoplňujte. Ostatní formáty pak nastavte přímo pomocí HTML značek.
• Nebudete-li chtít styly v souboru CSS/text.css používat vůbec, v hlavičce HTML souboru smažte značku link. Všechy formáty pak nastavte přímo pomocí HTML značek.