Chip vám p²edstavuje druhou verzi HTML editoru Dreamweaver. Název v doslovném p²ekladu znamená "tkadlec snà"; tato recenze vás moºná p²esv╪dƒí o tom, ºe tento název není nijak p²ehnan∞.
Sny tkané z webové sít╪
Macromedia Dreamweaver 2 pat²í do kategorie editorà typu "co vidíτ, to dostaneτ". Editovanou stránku zobrazuje skoro v takové podob╪, v jaké se bude zobrazovat v okénku WWW prohlíºeƒe, navíc màºete komfortn╪ prohlíºet a editovat zdrojov∞ kód stránky. Dreamweaver podporuje moderní technologie webu - styly, dynamické HTML a skriptování - a k tomu p²idává vlastní zlepτení pro usnadn╪ní práce, nap²íklad τablony stránek. Dreamweaver umí editovat jednotlivé stránky i celé weby, jejichº strukturu zobrazuje v p²ehledné stromové podob╪ popisující vzájemné odkazy - to uº je dnes mezi webov∞mi editory dobr∞ zvyk.
Tolik struƒné p²edstavení produktu, v dalτích odstavcích se s jeho rysy seznámíme podrobn╪ji.
Jít s v∞vojem
Popis rysà Dreamweaveru dosti p²ipomíná v∞ƒet moderních webov∞ch technologií; není divu, HTML editor musí jít s dobou a práv╪ ve sv╪t╪ webu se toho d╪je opravdu hodn╪. Kaskádové styly (CSS), dynamické HTML, skriptování, vrstvy dokumentu, XML - tohle vτechno je v internetovém sv╪t╪ skuteƒn╪ "in", tohle vτechno Dreamweaver n╪jak∞m zpàsobem podporuje.
Podpora t╪chto technologií je do editoru integrována velmi nenásiln╪ a p╪kn╪ koresponduje s jeho stávajícími rysy. Jeden p²íklad za vτechny - import XML umí vyuºívat pojmenovan∞ch oblastí v τablonách Dreamveaweru, automaticky je spojí s XML tagy na základ╪ stejného názvu; díky tomu ud╪láte snadno z XML dokumentu prohlíºitelné HTML. Malá odboƒka do sv╪ta XML: práv╪ podobné pouºití XML p²i automatickém generování webového obsahu je povaºováno za jednu z nejdàleºit╪jτích aplikaƒních oblastí XML, takºe Dreamveawer jde opravdu s dobou.
Rychl∞ rozvoj internetov∞ch technologií ovτem p²ináτí i problémy s kompatibilitou. Starτí prohlíºeƒe totiº nedokáºou p²eƒíst stránky obsahující moderní vymoºenosti. Tento problém Dreamweaver elegantn╪ ²eτí kontrolou podle typu cílového prohlíºeƒe: pokud si zvolíte starτí druh prohlíºeƒe, Dreamweaver vás upozorní na tagy a parametry, které dan∞ prohlíºeƒ nepodporuje. Tvorba stránek pro starτí prohlíºeƒe je tedy teoreticky moºná, ale potenciál editoru zàstane siln╪ nevyuºit∞; pokud má mít tvorba stránek v Dreamweaveru smysl, m╪l by b∞t v∞sledek urƒen pro ƒty²kové prohlíºeƒe.
µablony stránek
První rys Dreamweaveru, na kter∞ se podíváme podrobn╪ji, jsou τablony stránek. Jedná se o chytr∞ nástroj, kter∞ je urƒen pro zabezpeƒení jednotného vzhledu stránek v rámci celého webu, a kter∞ dokonce màºe v jednoduττích p²ípadech nahradit programovací nástroje pro webové stránky.
Autor webu vytvo²í vzhledovou τablonu ve stejném editoru jako webové stránky, p²ipraví si tedy jednotné formátovací a grafické prvky a s nimi navrhne vzhled typické WWW stránky. Navíc na stránce oznaƒí oblasti, které se nebudou v rámci celého webu m╪nit (logo firmy, navigaƒní prvky) i oblasti, které se naopak m╪nit budou - t╪m se v hant∞rce Dreamweaveru ²íká Editable Regions a v editoru jsou barevn╪ odliτeny. Prom╪nné oblasti mají název, kter∞m na n╪ lze odkazovat.
µablony se pouºívají k tvorb╪ nov∞ch stránek, stejn╪ jako τablony kancelá²sk∞ch dokumentà. Hlavní síla τablon je ovτem v n╪ƒem jiném. Zm╪na provedená v τablon╪ se promítne do vτech dokumentà zaloºen∞ch na této τablon╪, a to i zp╪tn╪. Jednotn∞ vzhled firemního webu tedy zàstává zachován i p²i pozd╪jτím dola╘ování tohoto vzhledu.
Programovací jazyky pro web se ƒasto pouºívají pro udrºení jednotného vzhledu webu, ale stránky pak musejí b∞t dynamicky generovány. µablony Dreamweaveru je v této roli pln╪ nahradí, navíc mohou stránky zàstat statické a to klade menτí nároky na server.
Kaskádové styly
Kaskádové styly neboli Cascading Style Sheets (CSS) slouºí k podobnému úƒelu jako zmiσované τablony - k udrºení jednotného vzhledu stránek. Kaskádové styly jsou prost²edkem definovan∞m aktuální normou HTML, τablony jsou naproti tomu funkcí Dreamweaveru.
Kaskádové styly jsou orientovány na vzhled textu v rámci stránky, velmi p²ipomínají styly v textov∞ch editorech. Uºivatel definuje typ písma, ²ez písma a dalτí atributy a pojmenuje styl. Na stránce odkazuje na styl jménem - u textu, kter∞ má b∞t podle daného stylu zformátován. Styly mohou po sob╪ d╪dit, styl potomek d╪dí vτechny vlastnosti otce.
Zmínil jsem se o tom, ºe styly jsou definovány v jazyce HTML, Dreamweaver vτak práci s nimi v∞razn╪ usnadσuje. Styly se definují v p²ehledném dialogovém okénku a p²itom se v pohledu do zdrojového textu stránky p²idává odpovídající HTML kód definující styly.
Styly a τablony jsou dobr∞m zpàsobem sjednocení vzhledu stránek, styly vτak podporují pouze prohlíºeƒe MSIE a Netscape ve verzi 4 a vyττí. µablony naproti tomu nezávisejí na prohlíºeƒi, a tak je màºete pouºívat bez ohledu na to, zda musíte podporovat staré prohlíºeƒe, nebo ne.
HTML vrstvy
Zajímav∞m rysem aktuální normy HTML jsou dokumentové vrstvy; v jednom dokumentu màºe b∞t umíst╪no více vrstev, z nichº kaºdá màºe obsahovat HTML prvky. Vrstvy lze schovat nebo zobrazit, pomocí skriptování je lze i p²esouvat po dokumentu a tím vytvá²et zajímavé efekty. Vrstvy vypadají na první pohled jednoduτe, ale ve spojení se skriptingem lze s nimi provád╪t mocná kouzla; vid╪l jsem WWW stránku, na které p²i stisknutí tlaƒítka vyskakoval vstupní dialog vytvo²en∞ jen a pouze pomocí HTML vrstev.
Vrstvy dokumentu vyuºívají HTML prvek DIV a jeho dàleºit∞ parametr z-order. Pouºíváte-li Dreamweaver, nemusí vás to vàbec zajímat, protoºe s vrstvami pracujete opravdu vizuáln╪ - kreslíte je myτí, p²esunujete, m╪níte velikost, nastavujete z-order neboli hloubku; ta rozhoduje o tom, která vrstva p²ekr∞vá kterou.
Zmiσoval jsem se o tom, ºe kaºdá vrstva màºe obsahovat HTML prvky; cokoli se objeví na stránce, màºe b∞t i ve vrstv╪. Vrstva màºe obsahovat i dalτí vno²ené vrstvy a ty jsou potom se svojí nad²ízenou vrstvou svázány a jejich sou²adnice se udávají relativn╪ vzhledem k ní. V Dreamweaveru se p²esunují pod²ízené vrstvy spoleƒn╪ s nad²ízenou vrstvou a navíc jsou vztahy mezi vrstvami zachyceny hierarchick∞m schématem.
Behaviors
Behaviors, které bych pracovn╪ nazval "skriptování pro obyƒejné lidi", na m╪ ud╪laly dobr∞ dojem. Tento rys Dreamweaveru umoºσuje jednoduché programování pomocí myτi - ²eƒeno trochu s nadsázkou. O co se jedná?
Behaviors, v p²ekladu chování, skuteƒn╪ definuje chování HTML prvkà v reakci na akce uºivatele. Po stisknutí tlaƒítka se màºe vrstva zachovat nap²íklad tak, ºe zmizí, a behavior tedy definuje reakci objektu na událost.
Behavior se definuje jednoduτe: vyberete objekt, ze seznamu událostí souvisejících s tímto objektem vyberete událost a nakonec vyberete akci, a to z jiného seznamu. Podle objektu, o kter∞ se jedná, vám editor nabídne jenom ty události, které v souvislosti s objektem mohou skuteƒn╪ nastat.
Behaviors jsou implementovány tak, ºe editor vkládá do stránek kód JavaScriptu implementující dané chování; tento kód vτak nemusí WWW designéra zajímat. Pro v∞vojá²e je k dispozici i dokumentace popisující v∞voj behaviors v Java Scriptu.
Timeline
Scéná² neboli Timeline. Uº název naznaƒuje, ºe se jedná o animace a jejich návrh. Animace jsou vytvo²eny v dynamickém HTML za pomoci animaƒních skriptà. Stejn╪ jako u ostatních rysà platí, ºe webov∞ designér se nemusí starat o skripty a jejich programování - Dreamweaver tak²íkajíc p²em∞τlí "za n╪j".
Nástroj Dreamweaveru pro definici dynamick∞ch d╪jà v DHTML se mi opravdu líbil - p²ipomíná klasické animaƒní nástroje a pracuje s pojmy klíƒov∞ch políƒek a mezipolíƒek (která jsou dopoƒítávána z obsahu klíƒov∞ch políƒek). Animaƒní nástroj umí pohybovat objekty po k²ivce, dopoƒítat postupné polohy t╪lesa v pràb╪hu pohybu a také animovat zm╪nu rozm╪rà. Veƒerníƒek v HTML sice nevytvo²íte, ale hezky rozh∞bané firemní logo urƒit╪ ano.
Jeden z nejlepτích
Dreamweaver byl vºdycky velmi dobr∞ editor, druhá verze odstraσuje n╪které problémy (rozsypaná ƒeτtina, zlepτení importu ruƒn╪ psaného HTML) a ve skupin╪ HTML editorà WYSIWYG pat²í k nejlepτím. P²íjemn╪ p²ekvapí i dodávka HTML editoru Allaire HomeSite spoleƒn╪ s Dreamweaverem. ⁿíká se, ºe tyto editory se dob²e doplσují; Allaire je orientován spíτe na textovou editaci HTML, a tak je tento velkorys∞ bundle velmi atraktivní.
