105ZOBRAZENÍ

S příchodem verzí CS3 firma Adobe zahájila integraci původních produktů firmy Macromedia do svého portfolia. Mezi ty nejdůležitější patří právě Dreamweaver a samozřejmě také Flash. A protože řada uživatelů tradičních grafických a publikačních nástrojů firmy Adobe se s nimi setkala jen velmi zběžně nebo vůbec, podíváme se v následujících odstavcích nejenom na novinky verzí CS3, ale také na zevrubnější popis obou programů.

Co je Dreamweaver?Dreamweaver patří k naprosté špičce ve třídě profesionálních editorů webových stránek a aplikací. Jedná se o editor kategorie WYSIWYG, který umožňuje pracovat přímo s vizuálním návrhem stránky. To ovšem neznamená, že by uživatelé nemohli pracovat přímo v kódu. Naopak, nástroje pro práci s kódem jsou velmi robustní a rozhodně si nezadají se specializovanými editory HTML kódu. Kromě tvorby a editace statických HTML stránek si Dream­weaver poradí také s dynamickými serverovými aplikacemi. Standardně podporuje všechny nejběžnější serverové technologie jako ASP, ASP.NET, PHP, JSP a ColdFusion. Pokud vám nějaká funkce či nástroj chybí, máte k dispozici desítky doplňků, a to jak komerčních, tak šířených zdarma. Ucelený seznam doplňků pro Dreamweaver najdete na stránkách http://www.adobe.com/exchange/.

Pohled do minulostiHistorie Dreamweaveru začíná již v prosinci 1997, kdy firma Macromedia vydává jeho první verzi. V té době se jedná o malou revoluci, protože Dreamweaver stavěl na vizuálním návrhu stránek, zatímco na tehdejším trhu hrají prim jednoznačně kódově orientované nástroje. Nicméně již od počátku si postupně získává popularitu mezi webovými designéry kvůli tomu, že s jeho pomocí jsou schopni navrhovat i strukturálně komplikované weby velmi rychle a efektivně. A také proto, že kód vytvořený v jiných editorech nechával beze změn. Takže i když byla značná část stránek stále připravována přímo v kódově orientovaných editorech, Dreamweaver mohl být snadno začleněn do zaběhlých pracovních postupů. Později byl dodáván také přímo s populárním editorem kódu HomeSite. Interní nástroje Dreamweaveru pro práci s kódem ale byly neustále vylepšovány a ty které nabízel Dreamweaver 8 již předčily i samotný HomeSite.

Zanechme ale historie a pojďme se podívat na současnou verzi CS3. Projdeme si nejenom nové funkce a nástroje, ale také principiální záležitosti, které dostaly Dreamweaver do pozice lídra na trhu.
Editor Dreamweaveru umožňuje bez obav zasahovat přímo do kódu i vizuálního návrhu stránky. Paletky vpravo slouží pro snadnou správu a editaci kaskádových stylů.

Dreamweaver CS3

Vizuální editor
Jak již bylo řečeno, základem Dreamweaveru je vizuální editor stránek. Při práci tak vidíte náhled budoucí stránky, jak by měla vypadat při prohlížení ve webovém prohlížeči. Výrazu „by měla“ jsem použil záměrně, protože jak vám potvrdí snad každý webdesignér, webové standardy si každý prohlížeč vykládá po svém. Zobrazovací jádro Dreamweaveru CS3 bylo opět posunuto o třídu výše, a tak si dobře poradí i se stránkami, jejichž náhled nezobrazovaly dřívější verze úplně korektně. Samozřejmostí zůstává Round Trip HTML, kdy se všechny změny ve stránce promítají přímo do kódu a také naopak.

Před vystavením stránky je díky nové funkci Dreamweaveru CS3 „Check target browsers“ možné analyzovat potenciální problémy se zobrazením ve vybraných prohlížečích. Samozřejmě bez toho, že by je bylo nutné vůbec instalovat. Popisy jsou poměrně detailní a i méně zkušený webdesignér tak rychle najde problematická místa na stránce, která by měl upravit.

Práce s kódem
Editor kódu navazuje na svého v podstatě již dokonalého předchůdce. Nabízí automatické zvýrazňování klíčových slov při psaní dynamických stránek, doplňování ukončovacích tagů, nabídku povolených parametrů příkazu přímo při psaní, automatické formátování kódu pro lepší čitelnost, snipety pro snadné vkládání opakujících se částí kódu nebo sbalovaní a rozbalování vybraných sekvencí příkazů. A to jsem zmínil jen ty opravdu nejzajímavější nástroje. Dreamweaver totiž není jen nástrojem pro designéry, ale také kodéry.

Kompatibilita se standardy
Vývoj v oblasti webových technologií je opravdu extrémní. Neustále se objevují nové technologie a standardy, které si velmi rychle nacházejí cestu do reálných projektů.
Dreamweaver podporuje snad všechny nejdůležitější standardy včetně různých variant XHTML. A to nejenom v obecné rovině, ale také prakticky, například formou kontroly vytvořených souborů včetně detailního reportingu nalezených chyb či prohřešků vůči danému standardu.

Kaskádové styly
Před pár lety se pro rozvržení elementů na stránce začaly místo tabulek používat kaskádové styly. Pochopení práce se styly dnes patří mezi základní dovednosti webdesignéra a Dreamweaver CS3 je jim v této oblasti nabízí opravdu robustní podporu. Styly můžete definovat v komfortním vizuálním prostředí, ale samozřejmě také přímo v kódu. V rámci specializovaného panelu CSS vidíte ihned také vazby mezi CSS a vybraným elementem stránky. Novinkou v Dreamweaveru CS3 je možnost snadného přesunu stylů mezi dokumenty a style sheety pomocí myši. To co bylo nutné dříve dělat zdlouhavě přímo v kódu zvládnete nyní pár kliknutími.

Pro začínající uživatele a „bojovníky“ s CSS nabízí Dreamweaver CS3 rychlou pomoc v podobě sady pěkně připravených vzorových stránek nejpoužívanějších layoutů. Při prohlížení jejich zdrojových kódů narazíte na velmi podrobné komentáře s vysvětlujícím popisem, což vám pomůže rychle pochopit proč byl daný styl nastaven právě takovým způsobem.

Nové šablony na bázi CSS pomohou hlavně začínajícím uživatelům rychle proniknout do tajů kaskádových stylů.

Dynamické aplikace
V úvodu jsem se zmínil o schopnosti Dream­weaveru vytvářet dynamické aplikace. Většina rozsáhlejších webových projektů dnes již komunikuje s databázemi a nutnost použití serverového skriptovacího jazyka se tak stává nezbytností. Jednoduché úkoly typu výpisu položek z databáze, přihlášení apod. je možné zvládnout přímo ve vizuálním editoru bez praktické znalosti skriptovacích jazyků. Náročnější uživatelé mohou psát přímo kód v příslušném skriptovacím jazyku. Ať se již jedná o PHP, ASP, ASP.NET, nebo ColdFusion, editor kódu v Dreamweaveru poskytne vývojářům maximální komfort práce.

Spry Framework
AJAX neboli asynchronní JavaScript a XML posouvá možnosti webových aplikací směrem k cíli označovanému jako Web 2.0. Na rozdíl od serverových aplikací umí ty AJAXové přistupovat k datům bez nutnosti znovunačtení stránky. Napsat AJAXovou aplikaci či komponentu ale vyžaduje opravdu zkušeného programátora. Proto vznikají ucelené knihovny komponent neboli frameworky. Firma Adobe do Dreamweaveru CS3 implementovala známý framework Spry. Přístup k němu mají jak designéři, tak kodéři. Pokud tedy hodláte AJAX nasadit i ve vašich projektech, můžete na to použít právě Dreamweaver CS3.

Integrace s Photoshopem
Na závěr jsem si nechal velmi důležitou novinku. Dreamweaver CS3 umí samozřejmě velmi dobře komunikovat s ostatními webovými produkty firmy Adobe typu Flash Professional CS3 či Fireworks CS3. Novinkou je ovšem vynikající propojení na Adobe Photoshop, které v minulosti citelně chybělo. Pokud pro tvorbu a editaci webové grafiky používáte právě Photoshop, tak můžete jednoduše do schránky zkopírovat právě editovaný obrázek a přes schránku ho přenést do Dreamweaveru CS3. Ten okamžitě nabídne široké možnosti optimalizace vkládané grafiky a uložení souboru. Při pokusu o editaci vloženého obrázku se spustí Photoshop a automaticky se otevře zdrojový PSD soubor, který lze snadno editovat. Po uložení se aktualizuje také optimalizovaný soubor v Dreamweaveru. Možná to zní jako maličkost, ale právě tato funkce dokáže velmi zvýšit produktivitu a efektivitu práce webdesignéra.

Závěrem
Nová verze Dreamweaveru přináší řadu užitečných vylepšení již tak dobrého produktu. Dreamweaver CS3 vás potěší zejména zdokonaleným vykreslovacím jádrem vizuálního editoru, které si nyní poradí i se složitěji stylovanými stránkami. Při práci se styly oceníte komfortní prostředí, možnost jejich snadného přesunu mezi dokumenty a také kontrolu jejich zobrazení v prohlížečích. Pokud používáte Photoshop či Fireworks, určitě vás nadchne jejich výborná integrace s Dreamweaverem. A pro opravdu náročné je tu zabudovaný Spry framework pro AJAX.

Dreamweaver CS3 pracuje na platformách Windows i MacOS X a to včetně nativní podpory Intel procesorů.