Pokud se zajφmßte o nßstroje pro webmastery, jist∞ znßte Dreamweaver. Tato vlajkovß lo∩ spoleΦnosti Macromedia si ji₧ n∞kolik let dr₧φ p°ednφ pozici v oboru vizußlnφch nßstroj∙ pro tvorbu webov²ch strßnek.
V▌LET DO MINULOSTI
Tvorba webov²ch strßnek byla dlouho domΘnou znalc∙ jazyka HTML. Tvorbu website m∞l jeÜt∞ p°ed n∞kolika lety na starosti obvykle pouze jeden Φlov∞k, zpravidla programßtor, kter² pomocφ ASCII editoru vytvß°el webovou prezentaci. Programßto°i vÜak v∞tÜinou nedisponovali grafick²m cφt∞nφm, tak₧e byli ke spoluprßci p°izvßni jejich graficky nadan∞jÜφ kolegovΘ. Ti vÜak m∞li problΘm opaΦn²: dokßzali navrhnout lφbivou prezentaci, jazyk HTML jim vÜak nic ne°φkal. K≤dovßnφ sice mohli provΘst op∞t programßto°i, bohu₧el grafici v nßvrhu obvykle pou₧ili tak komplikovanΘ kreace, ₧e jejich ztvßrn∞nφ nebylo prost°edky jazyka HTML mo₧nΘ. Proto vznikly vizußlnφ editory webov²ch strßnek. Pracovat s nimi mohl ka₧d²: strßnka se tvo°ila podobn∞ jako jak²koliv jin² dokument v textovΘm editoru. WebovΘ dokumenty samoz°ejm∞ majφ svß specifika, i s nimi si vÜak valnß v∞tÜina editor∙ - Dreamweaver nevyjφmaje obvykle poradila. Tvorba website se tak mohla p°esunout zcela do rukou grafik∙.
V²voj vÜak Üel dßl a zaΦaly vznikat dynamicky generovanΘ strßnky. Statickß prezentace se stala minulostφ a obsah se p°esunul pod sprßvu aplikaΦnφho serveru, jen₧ strßnky generuje podle chovßnφ a po₧adavk∙ nßvÜt∞vnφka. Internetov² obchod si nelze p°edstavit bez databßze v pozadφ, s nφ₧ ·zce spolupracuje webov² server s podporou n∞kterΘho ze skriptovacφch jazyk∙ a na zßklad∞ tΘto kooperace generuje v²slednΘ dokumenty. K slovu op∞t p°ichßzejφ programßto°i a znovu je problΘmem grafickß strßnka nßvrhu. Na trh je uvedena specißlnφ verze Dreamweaveru s podtitulem Ultradev, jejφ₧ pomocφ lze tvo°it webovΘ aplikace s podporou databßzφ vizußlnφm zp∙sobem, Φasto bez nutnosti ruΦnφ ·pravy k≤du. Kdo u₧ zkusil prßci v n∞kterΘm z vizußlnφch programovacφch nßstroj∙, vφ, ₧e realita je jinß. Na rozdφl od tvorby statickΘ b²vß dynamickß aplikace znaΦn∞ komplikovanß, a proto se modifikace p°edem p°ipraven²ch komponent bez ruΦnφho zßsahu v∞tÜinou neobejde. P°edp°ipravenΘ komponenty vÜak Üet°φ Φas, o inspiraci pro zaΦßteΦnφky ani nemluv∞, a proto by byla Ükoda tuto variantu nßvrhu p°i prßci nevyu₧φt.
NEJNOV╠Jè═ DREAMWEAVER
Asi nejviditeln∞jÜφ zm∞nou je p°epracovanΘ pracovnφ prost°edφ. Zm∞ny jsou patrnΘ hned po startu: mφsto prßzdnΘho dokumentu nßs p°ivφtß uvφtacφ obrazovka, z nφ₧ lze rychle otev°φt jeden z naposledy upravovan²ch dokument∙ Φi zalo₧it dokument nov². ZnßmΘ paletky z∙staly, nynφ je lze dokovat a seskupovat do zvolen²ch skupin. Paletka Objects byla nahrazena liÜtou Insert, jejφ₧ obsah lze snadno modifikovat a vytvo°it si vlastnφ liÜtu s objekty, kterΘ Φasto vyu₧φvßme. Novinkou je takΘ liÜta pro ·pravu bitmapov²ch obrßzk∙, s nφ₧ lze provßd∞t jednoduchΘ korekce (jas, kontrast) bez volßnφ externφho grafickΘho editoru.
Novß verze reaguje i na fakt, ₧e podklady pro obsahovou Φßst prezentace jsou v∞tÜinou ve formßtu editoru Word. Minulß verze disponovala nßstrojem pro ΦiÜt∞nφ k≤du, jen₧ vznikl exportem do HTML v rßmci Wordu. Nynφ lze texty do dokumentu vklßdat p°φmo ze schrßnky, p°iΦem₧ je zachovßno jejich formßtovßnφ. Pokud p∙vodnφ text ve Wordu d∙sledn∞ vyu₧φvß styly, jsou zachovßny i po vlo₧enφ do Dreamweaveru. Nßslednou ·pravou tabulky kaskßdov²ch styl∙ se tak lze snadno p°iblφ₧it p∙vodnφmu vzhledu textu.
KASK┴DOV╔ STYLY
V poslednφ dob∞ zΦφnß b²t jazyk HTML nahrazovßn sv²m XML derivßtem XHTML a s tφm dochßzφ ke striktnφmu odd∞lenφ obsahovΘ a prezentaΦnφ Φßsti webov²ch strßnek. Prezentace je nynφ pod taktovkou CSS - kaskßdov²ch styl∙. Macromedia na tuto situaci reagovala a Dreamweaver nynφ disponuje dosud nejlepÜφ podporou CSS ve svΘ historii. Bylo v²znamn∞ p°epracovßno vizualizaΦnφ jßdro editoru, je₧ si poradφ i s komplikovan²mi strukturami, p°iΦem₧ v²slednß vizualizace si nezadß s tou, kterou ve finßle p°ipravφ internetov² prohlφ₧eΦ. Pro co nejsnadn∞jÜφ prßci s jednotliv²mi atributy byla modifikovßna i paletka CSS Styles, kterß nynφ informuje i to tom, zda dan² atribut lze na vybran² objekt aplikovat. Definice t°φd a s nimi spojen²ch pravidel toti₧ mohou b²t tak komplikovanΘ, ₧e °ada atribut∙ se dφky vlastnostem CSS stane nepou₧iteln²mi, co₧ n∞kter²m webdesignΘr∙m bohu₧el stßle unikß.
KaskßdovΘ styly se zaΦφnajφ vφce pou₧φvat i p°i nßvrhu layoutu dokumentu. V²vojß°i se proto sna₧ili vylepÜit prßci s elementy DIV a SPAN, kterΘ jsou v tΘto fßzi nßvrhu klφΦovΘ. Tyto komponenty lze nynφ snadn∞ji oznaΦovat a aplikovat na n∞ n∞kterß z pravidel definovan²ch v CSS. U layoutu s vyu₧itφm CSS vÜak majφ v²vojß°i stßle co zlepÜovat, nebo¥ komfort prßce s nimi bohu₧el nedosahuje kvalit jejich tabulkov²ch prot∞jÜk∙.
PR┴CE S K╙DEM
U slo₧it∞jÜφch projekt∙ se vÜak bez ruΦnφ ·pravy k≤du stßle neobejdeme. Macromedia proto op∞t zapracovala na integrovanΘm editoru zdrojovΘho k≤du. P°i psanφ nynφ m∙₧eme vyu₧φt specißlnφ kontextovΘ menu pro odsazenφ Φi okomentovßnφ oznaΦenΘ Φßsti zdrojovΘho k≤du. Nechybφ ani rozÜφ°enΘ Tag Insight, kterΘ p°i psanφ nabφzejφ seznam atribut∙. S editorem HomeSite (souΦßstφ dodßvky je HomeSite+ verze 5.5) lze sdφlet Φasto vyu₧φvanΘ ·seky k≤du (snippets), kterΘ lze pro co nejsnadn∞jÜφ p°φstup v rßmci programu t°φdit do u₧ivatelsk²ch slo₧ek. Pro inspiraci ji₧ knihovna obsahuje °adu ukßzkov²ch k≤d∙.
Ke zdokonalenφ validace pro vybranΘ internetovΘ prohlφ₧eΦe (IE, Mozilla, Netscape, Opera, Safari) provßdφ editor kontrolu k≤du ihned p°i psanφ. Podobn∞ jako v textovΘm editoru tak ihned vidφme, ₧e se v k≤du nachßzφ nesrovnalost, p°iΦem₧ najetφm na p°φsluÜnou Φßst k≤du se dozvφme, proΦ tomu tak je. Pro programßtory webov²ch aplikacφ jsou p°ipraveny novΘ server behaviors pro PHP (MasterDetail Page a modul pro autentifikaci), novΘ controls uvφtajφ p°φznivci technologie ASP.NET. Pro ob∞ skupiny jsou urΦeny aktualizovanΘ referenΦnφ p°φruΦky (nap°. ASP.NET, PHP,SQL) z produkce vydavatelstvφ O'Reilly, je₧ jsou souΦßstφ paletky References.
ZHODNOCEN═
Uvedenφm novΘ verze Dreamweaveru Macromedia op∞t potvrdila svΘ vedoucφ postavenφ na poli vizußlnφch editor∙ webov²ch strßnek. Spolu s editorem HomeSite, kter² se t∞Üφ velkΘ oblib∞ mezi p°φznivci ruΦnφ tvorby a ·pravy zdrojovΘho k≤du dokumentu, tvo°φ celß kolekce ucelenΘ °eÜenφ pro jakΘkoliv webdesignΘrskΘ studio. Pokud k tomu navφc p°ipoΦteme i na webdesignΘry orientovan² grafick² editor Fireworks a nßstroj pro tvorbu multimedißlnφch aplikacφ Flash, mß konkurence co se t²Φe komplexnosti nabφdky op∞t co dohßn∞t.
╪ada u₧ivatel∙ je vÜak stßle k vizußlnφ tvorb∞ aplikacφ skeptickß. Zde nezb²vß ne₧ souhlasit: pokud od programu oΦekßvßte, ₧e jeho pomocφ b∞hem n∞kolika mßlo minut vytvo°φte propracovan² internetov² obchod, budete zklamßni. Jednoduchou webovou aplikaci pro prohlφ₧enφ databßze zam∞stnanc∙ s trochou dobrΘ v∙le zvlßdne vytvo°it - v tomto p°φpad∞ bych vÜak pou₧il spφÜe termφn "sestavit" i zaΦßteΦnφk. Takto vytvo°enou aplikaci lze vyu₧φt i pro pedagogickΘ ·Φely, nebo¥ vytvo°en² k≤d je hojn∞ komentovßn, co₧ nepochybn∞ p°ispφvß ke snazÜφmu pochopenφ jazykov²ch konstrukcφ.
P°es nespornΘ kvality editoru je vÜak stßle co zlepÜovat. KaskßdovΘ styly se v souΦasnosti vyu₧φvajφ pro tvorbu layoutu dokumentu, proto bych uvφtal nßstroj pro snadn∞jÜφ oznaΦovßnφ jednotliv²ch oblastφ ohraniΦen²ch elementy DIV. Samotn² dialog pro ·pravu kaskßdov²ch styl∙ by si mohl vzφt inspiraci z populßrnφho editoru CSS TopStyle: integrovanß paletka je sice Üikovnß, kvalit zmi≥ovanΘho programu vÜak nedosahuje. ╚eskΘ u₧ivatele pak jist∞ zamrzφ (u Dreamweaveru bohu₧el tradiΦnφ) ignorovßnφ naÜφ mate°Ütiny: nejenom ₧e je nutnΘ ihned po instalaci modifikovat nabφzenΘ standardnφ k≤dovßnφ dokumentu (sprßvnΘ by si je program mohl zjistit ze systΘmovΘho nastavenφ), ale i kontrola pravopisu je pro naÜince nepou₧itelnß. Bohu₧el, funkce pro import Φi propojenφ se slovnφkem, kter² je souΦßstφ MS Office, stßle chyb∞jφ.
TomßÜ Vostr²
MACROMEDIA DREAMWEAVER MX 2004
Vizußlnφ webov² editor.
Minimßlnφ po₧adavky Mac - PowerPC G3 500 MHz, 128 MB RAM, 275 MB na HD, Mac OS X 10.2.6 PC - Pentium III 600 MHz, 128 MB RAM, 275 MB na HD, Windows 98 SE/2000/ XP/Server 2003 V²robce Macromedia, San Francisco, CA, USA
