Macromedia Dreamweaver 4.0 Tkáčovňa snov Produkty spoločnosti Macromedia pre spracovanie grafiky a tvorbu webových sídiel sú známe predovšetkým medzi profesionálnymi používateľmi a nepochybne tu patria ku špičke. Platí to aj pre Macromedia Dreamweaver, jeden zo svetovo najpopulárnejších WYSIWYG editorov, ktorý vo verzii 4 ponúka množstvo vylepšení. Prostredie Prostredie Macromedia Dreamweaver 4.0 sa skladá z hlavného editačného okna a niekoľkých voľne na ploche plávajúcich paliet s nástrojmi. K dispozícii je panel vlastností, pomocou ktorého môžete ľahko meniť vzhľad jednotlivých častí dokumentu, panel s objektmi, okno štýlov, okno so zobrazením referenčnej HTML príručky a ďalšie palety. Tieto okná je možné zlučovať do spoločných, kde sa medzi nimi prepína prostredníctvom záložiek. Pre lepšie prispôsobenie pracovného prostredia si môžete tieto záložky poskladať do ľubovoľného plávajúceho okna - jednoducho myšou pretiahnete záložku do iného plávajúceho okna. Môžete si tak vytvoriť paletky s najčastejšie používanými nástrojmi. Celkovo je prostredie pomerne prehľadné, no menej skúseným používateľom bude chvíľu trvať, kým si naň zvyknú (aj keď Dreamweaver je určený skutočným profesionálom). Ovládanie je rovnaké ako u iných aplikácií Macromedia a platí tu to isté ako o prostredí - ovládanie je jednoduché pre profesionálov, po čase si však naň zvykne každý. Veľmi silné sú možnosti definovania klávesových skratiek, pre zrýchlenie často sa opakujúcich úkonov je tu záznam makier. Pri editácii je dostupná úplná história úprav, v ktorej si môžete prostredníctvom posuvníka "prehrávať" postupnosť editácie. Alebo si môžete vybrané kroky uložiť ako príkaz (pre ďalšie použitie), opakovať je, kopírovať atď. Vytvárame web Štruktúra vytváraného web sídla je v Dreamweaveri založená na návrhu adresárovej štruktúry (ako u väčšiny podobných nástrojov). Okno pre prácu s web sídlom môže byť podľa nastavenia rozdelené na dve časti. V jednej sú zobrazené lokálne adresáre a súbory patriace stránke, v druhom (voliteľne) štruktúra vzdialeného servera. Pre správu webu sú k dispozícii kontrola odkazov, kontrola kompatibility jednotlivých prehliadačov (Internet Explorer 2-5, Netscape 2-4), vyhľadávanie a nahradzovanie slov vo viacerých stránkach súčasne a ďalšie funkcie uľahčujúce webovým tvorcom život. Pri rozsiahlejších web sídlach uvítate kontrolu vlastností vybraných dokumentov. Užitočné sú tiež funkcie pre podporu teamovej práce pri tvorbe web sídla - môžete si napríklad ku stránkam definovať poznámky (vo formáte XML), ktoré sa zobrazia ostatným spolupracovníkom pri otvorení dokumentu. Dreamweaver navyše ponúka podporu pre Visual SourceSafe a protokol WebDAV. S tvorbou a správou web sídla je úzko spojené jeho publikovanie na vzdialenom serveri. Dreamweaver ponúka jednoduchého FTP klienta, ktorý síce svojimi možnosťami postačuje pre prenos súborov na web server, no ani zďaleka neponúka možnosti špecializovaných nástrojov. Možná je aj aktualizácia len zmenených stránok a prenos len zvolených stránok. Okrem FTP môžete publikovať lokálne alebo na sieťový disk. Editačné prostredie Dreamweaveru zahŕňa jeden z najlepších WYSIWYG editorov, textový editor pre ručnú editáciu HTML kódu (s podporou farebného rozlíšenia syntaxu) a tiež debugger JavaScriptu. Pri tvorbe webových stránok veľmi dobre pomôže integrovaný referenčný on-line manuál pre HTML, CSS a JavaScript od vydavateľstva O'Reilly. Pre vytváranú stránku sú k dispozícii štandardné nastavenia, ako pozadie, okraje, farby, kódovanie stránky a podobne. Oproti iným nástrojom je tu aj možnosť definovania transparentnosti pre obrázok na pozadí. Ak chcete svoju stránku "obdariť" rámcami, môžete to prostredníctvom Dreamweaveru spraviť v takmer ľubovoľnej kombinácii. K dispozícii sú štandardné možnosti pre vkladanie objektov ťahaním myšou z plávajúcej palety (prípadne stačí na ne kliknúť a objekty sa vložia na aktuálnu pozíciu kurzora). Vkladanie objektov Na stránku môžete okrem iných komponent vkladať text, obrázok, tabuľku, Java applety, ActiveX prvky a tiež vnorené objekty pre zásuvné moduly. Vlastnosti objektu je možné rýchlo nastavovať a meniť vďaka prehľadnej palete, zobrazujúcej v samostatnom okne všetky parametre aktuálneho objektu. Vkladaný text sa zapisuje buď bežne na stránku, prípadne do CSS rámcov (kde sa samozrejme ponúkajú oveľa širšie možnosti). Podporované sú štandardné možnosti formátovania textu a jednoducho môžete vkladať aj špeciálne znaky. Vkladanie obrázkov je uľahčené ich zobrazovaním vo výberovom dialógu (môžete ho však vložiť aj priamym pretiahnutím z Prieskumníka). Podporované sú formáty GIF, JPG a PNG (vhodné by však boli aj iné formáty - s automatickou konverziou). Definícia aktívnych oblastí obrázku ponúka štandardné možnosti - štvoruholník, ovál a mnohouholník. V ponuke objektov je aj obrázok s efektom "rolover". Po vložení objektu "tabuľka" stačí zadať počet stĺpcov a riadkov a tabuľka je hotová. Ďalej sú k dispozícii všetky bežné možnosti formátovania - hrúbka rámu tabuľky, výplň a vzdialenosť medzi bunkami, farby a podobne. Jednoducho je možné pridať alebo ubrať riadky alebo stĺpce, zlúčiť ich alebo rozdeliť. Okrem týchto štandardných možností však ponúka Dreamweaver pri tvorbe tabuliek niečo viac - špeciálny režim editácie, v ktorom môžete tabuľky alebo bunky len tak "kresliť", a to takmer hocikde a hociako (napríklad niekoľko buniek mimo seba). Dreamweaver si v tomto režime automaticky doplní zvyšok nakreslenej časti tabuľky podľa potreby. Textový obsah tabuliek je možné triediť podľa hodnôt, pričom výber buniek je možný po stĺpcoch, riadkoch, alebo dokonca nesúvislo. Pre vytvorenie rýchlej navigácie na stránkach môžete použiť objekt "navigačná lišta". Definovať tu môžete grafické tlačidlá v horizontálnom alebo vertikálnom usporiadaní, ktoré ponúkajú možnosť "rolover" efektu. Nastavenie je jednoduché prostredníctvom dialógového okna, v ktorom definujete názvy tlačidiel, súbory s obrázkami pre tlačidlá (aj pre rolover efekty) a príslušné odkazy. Obrázky tlačidiel aj s textom (+ rolover varianty) si však musíte vytvoriť v externom grafickom editore (škoda, hodila by sa automatizácia). Keďže sa jedná o produkt Macromedie, je samozrejmé veľmi jednoduché vkladanie Flash animácií, dát pre Shockwave, ale aj ľubovoľných Java appletov a ovládacích prvkov ActiveX. Špecialitkou Dreamweaveru je objekt "Flash tlačítko" - na stránku môžete vložiť (pekné) grafické tlačidlo s definovaným textom a odkazom s už definovaným rolover efektom (tlačidlo je vlastne Flash objekt). Je to skutočne pekné, len neviem, prečo nie je takýmto spôsobom vytváraná aj navigačná lišta. Tvorba formulárov ponúka štandardné možnosti - vstupné textové polia, tlačidlá, zaškrtávacie a prepínacie boxy, zoznamy a podobne. Príjemné vymoženosti Takmer všetky súčasné HTML editory ponúkajú podporu štýlov (CSS), ktoré umožňujú presnejšiu kontrolu nad vzhľadom stránky. Dreamweaver nie je v tomto smere žiadnou výnimkou a ponúka nadštandardné možnosti - navyše aj HTML štýly, s ktorými sa pracuje podobne ako s CSS štýlmi, avšak sú aplikované klasicky, teda vo forme tagov priamo do stránky. Dreamweaver veľmi dobre podporuje aj Dynamic HTML (DHTML) - môžete teda na stránkach vytvárať animácie, tlačidlá meniace vzhľad, pohybujúce sa objekty a ďalšie multimediálne efekty bez nutnosti používať zásuvné moduly nebo Javu. K dispozícii je DHTML Timelines (časová os), na základe ktorej je riadené zobrazovanie, pohyb alebo zmeny vlastností objektov na stránke umiestnených v špeciálnej vrstve. Do tejto vrstvy môžete vložiť ľubovoľné objekty a následne vrstvu premiestňovať. Tento pohyb môžete prostredníctvom Timelines zaznamenať a pri prehliadaní stránky sa môže prehrávať (jednorázovo, v cykle). Je to jednoduché a nemusíte vôbec nič programovať. Pre efektívnejšiu tvorbu sú určené šablóny stránok, ktoré oddelia grafický návrh web stránky od jej obsahu. Šablóna sa vytvára rovnako ako bežná web stránka, teda vytvoria sa oblasti, vložia tabuľky a grafické prvky a podobne. Potom sa označia oblasti, ktoré sa nebudú v rámci celého web sídla meniť, a oblasti, ktoré sa naopak meniť budú. Takto vytvorené šablóny môžete použiť pri tvorbe nových stránok, podobne ako napríklad šablóny kancelárskych dokumentov v MS Office. Nemenná časť sa teda prenesie na novú web stránku a zvyšok môžete doplniť. Najlepšie však na tom je to, že pri zmenách šablóny sa tieto zmeny premietnu do všetkých stránok vytvorených prostredníctvom tejto šablóny. Nielenže si tak ušetríte kopec času, ale dáte svojmu web sídlu jednotný vzhľad. Šablóny nájdu využitie aj pri práci v skupinách, kde všetci členovia tímu využívajú spoločné šablóny, čím zachovávajú rovnaký vzhľad vytváraných stránok. Dreamweaver však nie je len WYSIWYG editor, ale ponúka aj vstavaný HTML editor, ktorý je tesne spojený s WYSIWYG prostredím. V editačnom okne môžete prepnúť do režimu WYSIWYG, HTML, alebo zdvojeného (okno rozdelené na dve časti - WYSIWYG a HTML). Ako jeden z mála web editorov má podporu režimu RoundTrip HTML pre simultánnu editáciu dokumentov vo vizuálnom aj zdrojovom režime. To znamená, že pri označení akéhokoľvek objektu vo WYSIWYG editori sa v HTML editore automaticky označí zodpovedajúci HTML kód a naopak. Taktiež všetky zmeny prevedené v jednom editori sa okamžite premietnu do editora druhého. Zabudovaný editor zdrojového kódu samozrejme podporuje farebné rozlíšenie syntaxu. Nájdete tu aj integrovaný debugger JavaScriptu, ktorý ponúka skutočne široké možnosti (krokovanie, breakpoints, premenné, preview a podobne). Určitá úprava zdrojového kódu je možná aj vo WYSIWYG režime, a to prostredníctvom vkladania špeciálnych parametrov do jednotlivých tagov - to zabezpečí Quick Tag Editor, ktorý zobrazí úplnú syntax príkazu s možnosťou zmeny alebo doplnenia parametrov. Záver Macromedia Dreamweaver 4.0 je v súčasnosti na špičke v oblasti profesionálnych vizuálnych nástrojov pre webovú tvorbu. Ponúka veľké množstvo prepracovaných nástrojov a efektívnu spoluprácu s ostatnými nástrojmi Macromedia. Veľmi dobrou voľbou je jeho spojenie s grafickým editorom pre web Macromedia Fireworks 4.0 v balíku označenom Macromedia Dreamweaver 4 / Fireworks 4 Studio, čím získate v súčasnosti jeden z najlepších WYSIWYG editorov web stránok spolu s grafickým editorom s prevratným prístupom k tvorbe grafiky pre internet. Aj o Fireworks 4 si prečítate detailnejšie - už v budúcom čísle Chipu. Štefan Stieranka Macromedia Dreamweaver 4.0 Program pre tvorbu interaktívnych webových stránok pod Windows Hardwarové nároky: min. PC/Pentium, 64 MB RAM, 100 MB na disku Výrobca: Macromedia Inc., San Francisko (www.macromedia.com) Poskytol: Abakus Distribution, Praha (www.abakus.cz) Cena: 13 570 Kč (bez DPH)