Prenos vízií do reality bolí. - Vitajte na stránkach www.einsty ...

Prenos vízií do reality bolí. - Vitajte na stránkach www.einsty ... Prenos vízií do reality bolí. - Vitajte na stránkach www.einsty ...

einsty.hostujem.sk
from einsty.hostujem.sk More from this publisher
11.07.2015 Views

S O F T W A R EMacromedia Dreamweaver MXKeï sa mi do rúk dostal balík Macromedia Studio MX,náramne som sa potešil. Hoci som oèakával masívnya aký kváder, podobný škatuliam, v akých sa kedysidodávali produkty firmy Corel, nebol som obsahomzásielky vôbec sklamaný. Bez zbytoèného preháòaniadodávam, e rovnako na tom budú aj tí, ktorí sitento produkt zakúpia.Obsah balíka Macromedia Studio MX tvoria nasledujúceaplikácie: HTML editor Dreamweaver, notorickyznámy animaèný „supernástroj“ Flash MX, grafickýeditor Fireworks MX, vektorový kresliaci programFreehand MX a napokon vývojárska verzia serveraColdFusion MX. V tejto recenzii sa budeme zaoberaDreamweaverom.DODÁVKA A INŠTALÁCIA. Proces inštalácie závisípredovšetkým od toho, èi inštalujete celé Studio MXalebo iba niektoré programy z balíka (na CD sa skrývaaj HomeSite+, len ho treba poh¾ada). Monosnainštalova všetko „na jeden šup“ je síce lákavá, prinášavšak aj urèité úskalia. Tak napríklad Dreamweaversa automaticky, bez akéhoko¾vek opýtaniaasociuje s mnostvom prípon, okrem iného napr. PHP.Rovnako je na tom Fireworks, ten si pre zmenu„uzurpuje“ asociácie s grafickými súbormi. Je trochunepríjemné, keï sa pri pokuse o prezeranie malièkéhosúboru GIF otvorí miesto malého rýchleho Irfanuobrovský kolos Fireworks. Keï však inštalujete programyjednotlivo, Dreamweaver sa poslušne opýta,s ktorými príponami sa môe asociova (predpokladám,e Fireworks sa správa rovnako, hoci som si toneoveroval). Èo sa týka objemu, Dreamweaver MX vámz disku odkrojí pribline 94 MB.Menší šok som zail, keï som spustil inštaláciu celéhobalíka s tým, e Dreamweaver som predtým nainštalovalruène. Inštalaèný program jeho prítomnosnebol schopný zisti a znovu ho otrocky nainštaloval.Pri vysoko profesionálnych programoch je takéto správaniedos prekvapujúce.Okrem inštalaèného CD obsahuje škatu¾a aj 388-stranovú príruèku s názvom Exploring MacromediaStudio MX. Je prakticky orientovaná a urèená prevšetky skupiny pouívate¾ov – od úplných zaèiatoèníkova po profesionálov. Na jej zaèiatku sú dokoncavysvetlené také základné pojmy ako HTML, webovýserver èi JavaScript. Kadému produktu je venovanásamostatná kapitola, ktorej obsah tvorí základnýopis aplikácie spolu s mnostvom príkladov. Jednýmdychom však treba doda, e hoci spomenutá knikaje ve¾mi dobrý úvod do problematiky, ani zïaleka junemono povaova za jediný zdroj informácií. V praxito teda znamená, e skôr èi neskôr budete musiesiahnu po elektronickej dokumentácii.SYSTÉMOVÉ POIADAVKY. Páni (a dámy) z Macromedieuvádzajú ako minimum 300 MHz Pentium so128 MB RAM, prièom odporúèaná ve¾kos operaènejpamäte je 256 MB. Program som testoval na 1,8 GHzPentiu 4 s 256 MB RAM a Windows 2000 CZ SP3. Nauvedenej konfigurácii sa dá bez problémov pracovas menšími projektmi, pri väèších prácach však u badacite¾né, hoci ešte znesite¾né spomalenie. Ak máte512 MB RAM, urèite to neuškodí.PROSTREDIE PROGRAMU. Pri prvom spustení aplikáciedostane pouívate¾ na výber spomedzi trochdruhov pouívate¾ského rozhrania: Designer, Home-Site/Coder alebo Version 4. Designer je jednotný názovpre prostredie pouívané aj v programoch FlashMX a Fireworks MX, zatia¾ èo Homesite/Coder predstavujev podstate takmer rovnaké usporiadanieokien ako v predchádzajúcom prípade. Version 4 máza následok rozdelenie pracovnej plochy do nieko¾kýchneve¾mi preh¾adne usporiadaných okien. Pokia¾ste s Dreamweaverom predtým nepracovali a nenavyklisi na iné ako implicitné nastavenie, nie je najmenšídôvod èoko¾vek meni.Po prispôsobení vzh¾adu pracovnej plochy si pouívate¾môe nastavi reim práce. Na výber sú trimonosti: reim Code view, pri ktorom pouívate¾ vidíiba èistý kód HTML, resp. kód skriptu, reim DesignView, ktorý zobrazuje iba výsledný vzh¾ad stránky,a napokon reim Code and Design Views, ktorý jekombináciou oboch spomenutých reimov. V hornejèasti okna sa nachádza panel Insert s obrovskýmmnostvom komponentov pouite¾ných pri návrhustránky, resp. pri programovaní skriptov.Okrem štandardných elementov, ako tabu¾ky,formuláre èi zaškrtávacie polia, sa na stránku dajúumiestni aj animácie z programov Flash MX èi objektyskriptovacieho jazyka. Výhodou je, e Dreamweaverpod¾a prípony súboru rozpozná, v akomjazyku píšeme, a automaticky sa tomu prispôsobí.Ak napríklad pracujete na projekte v PHP a otvorítesúbor ASP, karta PHP z panela Insert okamitezmizne a nahradí ju ASP. Následne je potom monévklada príkazy skriptovacieho jazyka, v prípadeASP spomeòme napr. If èi Response.Write. V spodnejèasti okna sídli panel Properties, prostredníctvomktorého je moné meni vlastnosti elementovstránky vloených pomocou panela Insert – na-78 PC REVUE 7/2003

S O F T W A R EHlavnou devízou programu Dreamweaver MX je komfortné dvojcestné vývojové prostrediepríklad poèet ståpcov v tabu¾ke, rozmery obrázka, ve¾kosfontu atï.V pravej èasti pracovnej plochy sa nachádzajú dokovate¾néokienka zdruujúce tematicky príbuzné nástroje. Oknábývajú zväèša rozdelené do nieko¾kých kariet, prostredníctvomktorých sú spomenuté nástroje prístupné. Pole ichpôsobnosti je rôzne, od rýchleho prístupu k dokumentáciiprostredníctvom nástroja Answers cez aplikovanie kaskádovitýchštýlov v okienku Design a po zobrazovanie a editáciuvlastností jednotlivých tagov na karte Code. Karty jemoné presúva do iných okienok, no nie prostredníctvomdrag and drop. Zaujímavosou je, e pokia¾ sa o to predsalen pokúsite, program vám šetrne oznámi, e takto sa tonedá, radšej hodno poui príkaz Group with z kontextovejponuky.Jednou z k¾úèových èàt Dreamweavera je podpora DHTMLprostredníctvom nástrojov Layers, Styles, Timelines a Behaviors.Pomocou funkcie Layers, ktorá úzko spolupracujes èasovou osou Timelines, sa dajú pomerne ¾ahkovytvára jednoduché animácie bez nutnosti ruènéhopísania JavaScriptu. Èo sa týka monosti aplikácie kaskádovýchštýlov, tá je vyriešená ve¾mi preh¾adne: štýlysa zobrazujú v okienku Design na karte CSS Styles, prièomstaèí oznaèi cie¾ový text a následne príslušný štýl,ktorý si eláme aplikova.Ve¾mi silný nástroj je Behaviors, ktorý do stránky umoòujezakomponova zvuky, animácie a rôzne iné efekty.Okrem iného sa pomocou neho dá v priebehu nieko¾kých sekúndvytvori notoricky známy efekt zmeny obrázka pri prechodemyšou.PRÁCA S PROGRAMOM. Prácu v Dreamweaveri odštartujepríkaz New Site z ponuky Site. Objaví sa sprievodca, pomocouktorého je moné ve¾mi jednoducho nadefinova parametreprojektu. Azda najdôleitejším rozhodnutím v tomtoprocese je výber typu stránky. Inými slovami, pouívate¾sa musí rozhodnú, èi bude jeho stránka statická alebodynamická. V prípade dynamickej stránky musíme tie poskytnúcestu k webovému serveru. Èo sa týka serverovýchtechnológií, na výber máme z nasledujúcich moností: ASP/JavaScript. ASP/VBScript, ASP.NET C#, ASP.NET VB, Cold-Fusion, JSP a napokon PHP/MySQL.Realizáciu kadého väèšieho projektu nevyhnutne predchádzafáza návrhu, keï treba schematicky znázorni obsahcelého webu. Pokia¾ vlastníte balík Studio MX, nemáte problém– všetko pomerne ¾ahkonakreslíte pomocou programuMacromedia Freehand 10. Okreminého sa v òom dajú vytvára ajcelkom slušné animácie, samozrejmosouje bezproblémovýexport do programu Flash MX.Po ukonèení návrhu prichádzana rad fáza samotnej realizácie.Podobne ako mnohé iné vývojovéprostredia aj Dreamweaverumoòuje pouívate¾ovi výberz mnostva preddefinovanýchšablón (ak neskôr zmeníte šablónu,zmenia sa aj všetky od nejodvodené súbory). Navrhnú rozmiestneniezákladných komponentovstránky, ako napríklad navigaènétlaèidlá, je ve¾mi jednoduché:zapnutím špeciálneho re-imu s názvom Layout View (kartaLayout) si všetko doslova nakreslíte.Program tento návrhautomaticky prevedie na tabu¾ky, do ktorých potom mô-ete zaèa rozmiestòova komponenty. Všetky produktyMacromedia navzájom úzkou spolupracujú, take okrembených prvkov, ako obrázky èi formuláre, nebude problémdo stránky zakomponova napríklad animáciu z programuFlash MX èi efektný obrázok z Fireworks MX. Komfortné jenielen rozmiestòovanie komponentov, ale aj písanie kódu:vymoenosti ako farebné zvýrazòovanie syntaxe a doplòovanieidentifikátorov sú samozrejmosou.Zavàšenie všetkých prác na stránke èi aplikácii ešte nemusíznamena, e je všetko hotové. Pokojne sa toti môesta, e stránka bude v prehliadaèoch iných ako MS IE vyzeraúplne odlišne. Dreamweaver preto dovo¾uje vytvori zoznamprehliadaèov, s ktorými má by naša stránka kompatibilná.Internet Explorer je rozpoznaný automaticky, ostatnéprehliadaèe treba nadefinova ruène.Úplne poslednou fázou vývoja je upload projektu na príslušnýserver. Na tento úkon nebude potrebný externý program– Dreamweaver toti obsahuje vlastného FTP klienta,ktorý sa o všetko postará.ZÁVER. Dreamweaver je výborný program. Vysoko výkonnýWYSIWYG editor, integrácia s ostatnými produktmi triedyMX, ako aj podpora DHTML a databáz z neho robia robustnýnástroj pre profesionálov, ktorý sa v konkurenciirozhodne nestratí. Ku cti mu slúi aj fakt, e poèas testovaniaani raz nezamrzol, hoci obèas mal k tomu sklony. Ak sazaoberáte návrhom WWW stránok èi vývojom internetovýchaplikácií, niet nad èím váha.Trial verziu programu Macromedia Dreamweaver MXnájdete na CD REVUE 3/2003.Hodnotenie:☺ WYSIWYG editor☺ Pomocné nástroje☺ Stabilita☹ InštaláciaCena:Balík Macromedia Studio MX: 41 140 Sk bez DPH/49 368 Sk s DPHDreamweaver MX: 20 980 Sk bez DPH/25 176 Sk s DPH(cenník firmy Opal Multimedia)Zapoièal: Macromedia Inc, USAIvan Zernovác ml.7/2003 PC REVUE 79

S O F T W A R EHlavnou devízou programu Dreamweaver MX je komfortné dvojcestné vývojové prostrediepríklad poèet ståpcov v tabu¾ke, rozmery obrázka, ve¾kosfontu atï.V pravej èasti pracovnej plochy sa <strong>na</strong>chádzajú <strong>do</strong>kovate¾néokienka zdruujúce tematicky príbuzné nástroje. Oknábývajú zväèša rozdelené <strong>do</strong> nieko¾kých kariet, prostredníctvomktorých sú spomenuté nástroje prístupné. Pole ichpôsobnosti je rôzne, od rýchleho prístupu k <strong>do</strong>kumentáciiprostredníctvom nástroja Answers cez aplikovanie kaská<strong>do</strong>vitýchštýlov v okienku Design a po zobrazovanie a editáciuvlastností jednotlivých tagov <strong>na</strong> karte Code. Karty jemoné presúva <strong>do</strong> iných okienok, no nie prostredníctvomdrag and drop. Zaujímavosou je, e pokia¾ sa o to predsalen pokúsite, program vám šetrne oznámi, e takto sa tonedá, radšej hodno poui príkaz Group with z kontextovejponuky.Jednou z k¾úèových èàt Dreamweavera je podpora DHTMLprostredníctvom nástrojov Layers, Styles, Timelines a Behaviors.Pomocou funkcie Layers, ktorá úzko spolupracujes èasovou osou Timelines, sa dajú pomerne ¾ahkovytvára jednoduché animácie bez nutnosti ruènéhopísania JavaScriptu. Èo sa týka monosti aplikácie kaská<strong>do</strong>výchštýlov, tá je vyriešená ve¾mi preh¾adne: štýlysa zobrazujú v okienku Design <strong>na</strong> karte CSS Styles, prièomstaèí oz<strong>na</strong>èi cie¾ový text a následne príslušný štýl,ktorý si eláme aplikova.Ve¾mi silný nástroj je Behaviors, ktorý <strong>do</strong> stránky umoòujezakomponova zvuky, animácie a rôzne iné efekty.Okrem iného sa pomocou neho dá v priebehu nieko¾kých sekúndvytvori notoricky známy efekt zmeny obrázka pri prechodemyšou.PRÁCA S PROGRAMOM. Prácu v Dreamweaveri odštartujepríkaz New Site z ponuky Site. Objaví sa sprievodca, pomocouktorého je moné ve¾mi jednoducho <strong>na</strong>definova parametreprojektu. Azda <strong>na</strong>jdôleitejším rozhodnutím v tomtoprocese je výber typu stránky. Inými slovami, pouívate¾sa musí rozhodnú, èi bude jeho stránka statická alebody<strong>na</strong>mická. V prípade dy<strong>na</strong>mickej stránky musíme tie poskytnúcestu k webovému serveru. Èo sa týka serverovýchtechnológií, <strong>na</strong> výber máme z <strong>na</strong>sledujúcich moností: ASP/JavaScript. ASP/VBScript, ASP.NET C#, ASP.NET VB, Cold-Fusion, JSP a <strong>na</strong>pokon PHP/MySQL.Realizáciu kadého väèšieho projektu nevyhnutne predchádzafáza návrhu, keï treba schematicky znázorni obsahcelého webu. Pokia¾ vlastníte balík Studio MX, nemáte problém– všetko pomerne ¾ahko<strong>na</strong>kreslíte pomocou programuMacromedia Freehand 10. Okreminého sa v òom dajú vytvára ajcelkom slušné animácie, samozrejmosouje bezproblémovýexport <strong>do</strong> programu Flash MX.Po ukonèení návrhu prichádza<strong>na</strong> rad fáza samotnej realizácie.Po<strong>do</strong>bne ako mnohé iné vývojovéprostredia aj Dreamweaverumoòuje pouívate¾ovi výberz mnostva preddefinovanýchšablón (ak neskôr zmeníte šablónu,zmenia sa aj všetky od nejodvodené súbory). Navrhnú rozmiestneniezákladných komponentovstránky, ako <strong>na</strong>príklad <strong>na</strong>vigaènétlaèidlá, je ve¾mi jednoduché:zapnutím špeciálneho re-imu s názvom Layout View (kartaLayout) si všetko <strong>do</strong>slova <strong>na</strong>kreslíte.Program tento návrhautomaticky prevedie <strong>na</strong> tabu¾ky, <strong>do</strong> ktorých potom mô-ete zaèa rozmiestòova komponenty. Všetky produktyMacromedia <strong>na</strong>vzájom úzkou spolupracujú, take okrembených prvkov, ako obrázky èi formuláre, nebude problém<strong>do</strong> stránky zakomponova <strong>na</strong>príklad animáciu z programuFlash MX èi efektný obrázok z Fireworks MX. Komfortné jenielen rozmiestòovanie komponentov, ale aj písanie kódu:vymoenosti ako farebné zvýrazòovanie syntaxe a <strong>do</strong>plòovanieidentifikátorov sú samozrejmosou.Zavàšenie všetkých prác <strong>na</strong> stránke èi aplikácii ešte nemusíz<strong>na</strong>me<strong>na</strong>, e je všetko hotové. Pokojne sa toti môesta, e stránka bude v prehliadaèoch iných ako MS IE vyzeraúplne odlišne. Dreamweaver preto <strong>do</strong>vo¾uje vytvori zoz<strong>na</strong>mprehliadaèov, s ktorými má by <strong>na</strong>ša stránka kompatibilná.Internet Explorer je rozpoz<strong>na</strong>ný automaticky, ostatnéprehliadaèe treba <strong>na</strong>definova ruène.Úplne poslednou fázou vývoja je upload projektu <strong>na</strong> príslušnýserver. Na tento úkon nebude potrebný externý program– Dreamweaver toti obsahuje vlastného FTP klienta,ktorý sa o všetko postará.ZÁVER. Dreamweaver je výborný program. Vysoko výkonnýWYSIWYG editor, integrácia s ostatnými produktmi triedyMX, ako aj podpora DHTML a databáz z neho robia robustnýnástroj pre profesionálov, ktorý sa v konkurenciirozhodne nestratí. Ku cti mu slúi aj fakt, e poèas testovaniaani raz nezamrzol, hoci obèas mal k tomu sklony. Ak sazaoberáte návrhom WWW stránok èi vývojom internetovýchaplikácií, niet <strong>na</strong>d èím váha.Trial verziu programu Macromedia Dreamweaver MXnájdete <strong>na</strong> CD REVUE 3/2003.Hodnotenie:☺ WYSIWYG editor☺ Pomocné nástroje☺ Stabilita☹ InštaláciaCe<strong>na</strong>:Balík Macromedia Studio MX: 41 140 Sk bez DPH/49 368 Sk s DPHDreamweaver MX: 20 980 Sk bez DPH/25 176 Sk s DPH(cenník firmy Opal Multimedia)Zapoièal: Macromedia Inc, USAIvan Zernovác ml.7/2003 PC REVUE 79

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!