You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
• Téma čísla: Technologie webových stránek<br />
je široce využívána, nepotřebuje značné<br />
úpravy. Rozšiřování možností je prováděno<br />
pomocí doporučení, která přidávají různé<br />
další funkce.<br />
XHTML<br />
Nejnovějším standardem je XHTML – jde<br />
o kombinaci XML a HTML. V podstatě<br />
definuje pravidla pro čistější a efektivnější<br />
psaní HTML dokumentů<br />
kompatibilních s XML.<br />
Aktuální verze je doporučení<br />
1.1 a v přípravě je<br />
2.0, ale i tak již teď nabízí<br />
to nejlepší z obou standardů.<br />
Nejpoužívanější<br />
zůstává pořád verze 1.0,<br />
protože 1.1 již nedovoluje<br />
absolutně žádné<br />
značky, které nesouvisí<br />
se strukturou.<br />
XHTML přísněji<br />
definuje způsob psaní<br />
webových stránek a jednoznačněji<br />
jej definuje.<br />
Při dodržení všech<br />
pravidel je dokument<br />
XHTML plně kompatibilní jak s HTML, tak<br />
s XML. Existují tři varianty použití verze<br />
Při vytváření webové stránky je hlavní<br />
otázkou, jaký zvolit vzhled. Nejde<br />
jenom o barvy pozadí, textu a jiných<br />
prvků, nebo prostě grafiku, ale hlavně<br />
o celkové rozložení neboli layout výsledného<br />
produktu (webové stránky, prezentace).<br />
Úvaha o rozložení stránky by měla začít<br />
účelem, pro který bude stránka určena.<br />
Není totiž zcela jedno, zda jde o jednoduchou<br />
statickou prezentaci. Základním cílem<br />
výběru vhodného rozložení je zachování<br />
vysoké funkčnosti a přehlednosti. Grafické<br />
hříčky by nikdy neměly ustoupit funkčnosti<br />
výsledného díla.<br />
Také pro tvorbu webových stránek platí<br />
téměř stejná pravidla jako pro tisk; typografická<br />
pravidla zkrátka najdou své uplatnění<br />
i zde, včetně toho základního: čitelnost<br />
nemůže ustoupit ničemu. K inteligentnímu<br />
vzhledu webové stránky patří střídmé využívaní<br />
palety písem a různých dalších efektů,<br />
1.0: Strict, Transitional a Frameset. Strict je<br />
definován tak, že vylučuje jakékoli značky<br />
související s rozložením a designem, všechno<br />
je definováno pomocí kaskádových stylů<br />
(CSS). Transitional je asi nejpoužívanější<br />
varianta, která umožňuje použít nejen CSS,<br />
ale také ovlivnění vzhledu v kódu stránky.<br />
Poslední varianta Frameset nabízí navíc<br />
využití rámců.<br />
Základní rozložení stránky<br />
Dušan Šimonovič<br />
INZERCE<br />
Webový validátor odhalí všechny prohřešky proti syntaxi jazyka<br />
protože v tomto ohledu platí známé „méně je<br />
někdy více“.<br />
Pokud chcete vytvářet stránky moderním<br />
způsobem, je vhodné zkombinovat specifikaci<br />
XHTML s kaskádovými styly, což vám<br />
dovolí jednoduše měnit a modifikovat vzhled<br />
bez zásahů do obsahu.<br />
Definice doctype<br />
Ať už si zvolíte jakýkoli standard, je nutné jej<br />
správně definovat, pokud možno na začátku<br />
dokumentu. K tomu slouží hlavička dokumentu,<br />
kde se uvádí řádek jako např. tento:<br />
.<br />
DTD znamená Document Type Declaration<br />
a určuje, podle jaké normy je dokument<br />
napsán; v našem příkladě je to nejaktuálnější<br />
HTML norma 4.01 v módu Transitional<br />
a v českém jazyce. Nepovinný parametr<br />
je definice přímé URL k DTD dokumentu,<br />
který dokument specifikuje, například<br />
takto: , což je definice XHTML<br />
1.0 v angličtině v Transitional módu i s URL<br />
ke specifikaci.<br />
Správně definovaný doctype je nutný kvůli<br />
tomu, aby prohlížeč věděl, jak má dokument<br />
interpretovat. Je sice možné zobrazit i dokumenty,<br />
které nemají specifikovaný standard,<br />
ale není to ideální a podle normy. p16909q<br />
Jak na to<br />
Pro formátování zobrazení HTML dokumentů<br />
nebylo v minulosti zdaleka tolik nástrojů<br />
jako teď. Již při vzniku standardu se navzdory<br />
myšlence značkovacích jazyků dostaly do<br />
specifikace značky pro nastavení formátu<br />
zobrazení a tento trend přetrval až do vyšších<br />
verzí, kde nastal<br />
konečně zlom. Byly<br />
zavedeny kaskádové<br />
styly (CSS), jimž se<br />
podrobněji věnuje internetové téma v tomto<br />
čísle. Existují tři základní způsoby (techniky)<br />
vytvoření rozložení stránky.<br />
Rozložení do rámců (frames) je nejjednodušší<br />
na vytvoření a také celkem přehledné<br />
a praktické. Má ale několik podstatných nevýhod.<br />
Kdysi byla hlavním problémem podpora<br />
prohlížečů – ta je dnes na klasických<br />
počítačích bezproblémová, nově ale tvůrci<br />
musí myslet na kapesní počítače a mobily.<br />
Proklaté rámce<br />
Větším problémem než nekompatibilita<br />
je nemožnost relevantně adresovat, protože<br />
jednotlivý rámec mnohdy bez ostatních nedává<br />
smysl. Tento problém souvisí i s vyhledávacími<br />
roboty, které nejsou schopny řádně<br />
indexovat obsah. Sérii nevýhod uzavírá<br />
problematický tisk dokumentů.<br />
Využití pro běžné internetové prezentace<br />
je tedy silně diskutabilní, nebo spíše není<br />
doporučené.<br />
Samozřejmě<br />
není vhodné je<br />
absolutně vyloučit,<br />
protože pro některé webové aplikace<br />
(např. informační systémy) může být vhodnější<br />
než cokoli jiného. Koneckonců princip<br />
rámců využíváme na našem cédéčku – jde<br />
o případ, kdy HTML není použito pro tvorbu<br />
webové stránky a není tedy nutné řešit její<br />
indexovatelnost.<br />
• Rámce jsou problematické, tabulky<br />
nepřehledné a pomalé. Vítězem je CSS<br />
• Computer <strong>13</strong>-<strong>14</strong>/04 23