Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
• Téma čísla: Technologie webových stránek<br />
Mor designérů<br />
Další variantou jsou tabulky, pomocí nichž<br />
lze také zkrotit obsah webu do požadované<br />
formy. Jejich použití eliminuje všechny<br />
nevýhody, které mají rámce, a také jsou<br />
jednoduché na konstrukci. Moderní WY-<br />
SIWYG editory, nebo i grafické programy,<br />
přímo nabízejí možnost „rozsekat“ obrázky<br />
(grafiku webu) do tabulek i s vygenerováním<br />
potřebného kódu.<br />
Hlavním problémem je samotné použití<br />
tabulek. Moderní webové stránky by měly<br />
mít kód obsahu oddělený od kódu definujícího<br />
vzhled. Při tomto stylu rozložení dochází<br />
ale ke splynutí. Kód také může být neefektivní<br />
a pomalý, protože některé prohlížeče<br />
zobrazí obsah tabulky až po jejím úplném<br />
načtení.<br />
I když tabulkový layout odporuje způsobu<br />
zpracování moderních webů, může<br />
být i efektivní a elegantně naprogramovaný<br />
– když se skloubí vhodné kaskádové styly<br />
s tabulkami. Pokud se ale začnete hlouběji<br />
zabývat CSS, zjistíte že tabulky již pro formátování<br />
obsahu nepotřebujete.<br />
Styly v čele<br />
Nejpokročilejší formou formátování obsahu<br />
jsou kaskádové styly. Za pomoci CSS lze<br />
kompletně formovat a měnit tvář webových<br />
stránek, jejichž obsah tvoří pouze jednoduchý<br />
textový dokument v některém ze<br />
značkovacích jazyků. Zářivým příkladem<br />
sofistikovaného využití kaskádových stylů<br />
jsou stránky www.csszengarden.com, na<br />
kterých je jasně vidět síla profesionálních<br />
INZERCE<br />
Editory webových stránek<br />
Editory kódu umí pohodlně editovat značky a barevně zvýrazňovat syntaxi<br />
Tvořit webové stránky lze v celé řadě programů.<br />
Od nejjednoduššího poznámkového<br />
bloku, přes pokročilejší editory kódu s označováním<br />
syntaxe až po různé WYSIWYG<br />
editory. Používat poznámkový blok pro jiný<br />
účel než jednoduchou<br />
editaci<br />
hraničí s masochismem,<br />
a proto<br />
byly vyvinuty<br />
různé pokročilejší<br />
textové editory<br />
pro programátory.<br />
Tyto programy<br />
obsahují barevné<br />
odlišování syntaxe,<br />
integrované<br />
validátory, rozsáhlou<br />
nápovědu<br />
a podobně. Nejznámější<br />
jsou PSpad, UltraEdit a HomeSite,<br />
který je specializován pro tvoření webů.<br />
Do kategorie WYSIWYG patří programy<br />
s vyspělým grafickým prostředím, ve kterém<br />
přímo pracujete s finálním zobrazením<br />
stránky v prohlížeči a nemusíte se zabývat<br />
kódem. V této kategorii kraluje jednoznačně<br />
stylů aplikovaných na jednoduchý dokument<br />
v XHTML.<br />
Tvořit komplikovanější rozložení v CSS vyžaduje<br />
značné zkušenosti a praxi. Problémem<br />
je i absence některých funkcí a vlastností,<br />
které lze udělat pomocí tabulky velice jednoduše,<br />
ale pomocí CSS jen s potížemi (nebo<br />
za pomocí malých triků). Rovněž jednotnost<br />
zobrazení v různých prohlížečích je kámen<br />
úrazu a vyžaduje značné testování a zkušenosti.<br />
Tvůrce kvalitního webu by ale neměl<br />
testování a ladění opomenout. p16910q<br />
Macromedia Dreamweaver, který obsahuje<br />
poslední verzi HomeSite, a kombinuje<br />
tedy pokročilou úpravu kódu s elegantními<br />
a efektivními nástroji pro práci v grafickém<br />
prostředí. Další v této kategorii jsou<br />
Microsoft FrontPage<br />
a Adobe GoLive.<br />
• Anglickou zkratkou<br />
WYSIWYG<br />
(What You See Is<br />
What You Get),<br />
kterou lze volně přeložit<br />
jako „Co vidíte,<br />
to dostanete“, se<br />
označují programy<br />
pro tvorbu webových<br />
stránek. Jak již<br />
zmíněná zkratka napovídá,<br />
jde o víceméně<br />
grafické editory<br />
stránek, kde přímo manipulujete s rozložením<br />
a různými objekty (tabulkami, obrázky<br />
atp.) v grafickém prostředí programu. Při<br />
vytváření obsahu v podstatě manipulujete<br />
s výsledným zobrazením v prohlížeči, i když<br />
je to vzhledem ke vzájemné nekompatibilitě<br />
prohlížečů složité.<br />
24<br />
• Computer <strong>13</strong>-<strong>14</strong>/04
Change language