Creative Suite 4: Dreamweaver

03.10.2008  |  Lembit

Adobe CS4 glass rune Adobe’i HTML-redaktor Dreamweaver on tõenäoliselt maailma populaarseim spetsiaalne veebilehtede valmistamise rakendus. CS4-versiooniga on jäädud truuks müügiargumendile WYSIWYG (What You See Is What You Get) ning enim promotakse võimalusi, mis aitavad veebinikerdajal visuaalselt või viisardite abiga kiiresti kokku panna keerukamaidki veebilehekülgi. Siiski on Dreamweaveris mõndagi uut, mis pakub huvi ka edasijõudnud veebimeistritele.

Kes lugeda ei viitsi, kerigu kohe allapoole, video juurde, milles Dreamweaveri tootejuht Scott Fegette muuhulgas ka samadest asjadest räägib. Taaskord meenutuseks, et Adobe TV-s on hulganisti Dreamweaveri videosid.

Live View, Live Code, Freeze JavaScript

Justkui 3 erinevat featuuri, ent niivõrd seotud, et vaadeldavad koos. Lisaks alati Dreamweaveris olnud Design View’le (see ongi see va WYSIWYG), mis põhineb Opera kärbitud renderdusmootoril, on uues Dreamweaveris ka Live View, mis renderdab WebKiti (Safari mootor) abiga töösolevat koodi nagu brauseris – kõik lehekülje elemendid on interaktiivsed, k.a. Flash või JS-vidinad.

Miks tuua brauser rakendusse (bloat)? Sest Live Code näitab, mis toimub koodis, kui lehekülje elemente kasutatakse. Freeze Javascript nupuke (otsetee F6) aga "külmutab" lehekülje koodi valitud vaatesse.

Kõlab kenasti, aga Dreamweaver CS4 beetas oli kogu see pull aeglasevõitu. Kui asi pole lõppversioonis paranenud, on ilmselt mugavam ja kiirem kasutada Firefoxi koos Firebugi ja Web Developer laiendiga.

JavaScript Code Hinting

Dreamweaver CS4 oskab JavaScripti, lisaks core funktsioonidele pakub vihjeid ja automaatikat DOM-i ja ka kasutaja enda funktsioonide juures. Asi toimib reaalajas, s.t. isegi ilma seotud faile salvestamata.

Code Navigator

Alt+klikk HTML-koodis ja Dreamweaver CS4 avab nimekirja kõigi CSS-reeglitega, mis antud elementi mõjutavad. Väga käepärane omadus, kogu kaskaad on silme ees ning kiiresti saab "hüpata" täpselt sellele reale CSS-is, mis muutmist või täiendamist vajab.

Kui natuke norida, siis pole Code Navigator siiski päris uus nähe, sest sama funktsionaalsuse pakub CS3-versioonis CSS-paneel, mis kuvab samuti kaskaadi ning hiire parema klahvi menüüst saab CSS-is õigesse paika. Loodetavasti pole ka see võimalus kadunud (harjumused), kokkuvõttes on aga tervitatav, kui mööda CSS- ja JavaScript-faile sõelumist kiirendatakse igal võimalikul moel. Teine uus omadus, mis selle eest peaks hoolitsema, on riba nimega Related Files, mis lisatud lahtiolevate dokumentide sakkide alla.

Lisaks on CSS-kaskaadiga töötamine muutunud hõlpsamaks läbi selle, et uue CSS-stiili määramisel küsib DW, kui spetsiifilist reeglit kasutaja kirjutada tahab, pakkudes välja "raja" antud kohta HTML-is (nt. midagi sellist nagu #konteiner1 #veerg2 #div .text).

Sisseehitatud Subversioni tugi

Dreamweaveris on olnud aegade algusest mingisugune poolpidune versioonihaldus, mida võibolla keegi kuskil isegi kasutab. Aga kui suurem tiim teeb suuremat sorti veebiprojekti, siis Subversioni versioonihaldust kasutatakse küllaltki sageli. Nüüd saavad kujundajad-küljendajad hõlpsamini selliste projektidega liituda (progeja: "Mää, Driiiimviiiver..!?", HTML-küljendaja: "Driimviiver jah, kus teil see SVN-hoidla on?").

Kel vaja kasutada Dreamweaverit koos CVS-versioonihaldusega, peab jätkuvalt pöörduma erinevate laiendite (extension) poole.

Enam või vähem ka ülalolevas videos käsitletud, võiks lisaks mainida selliseid Dreamweaver CS4 uuendusi, nagu parem integratsioon Photoshopi ja Flashiga, HTML-põhiste AIR-rakenduste tegemise tugi ja uuenenud Spry JS-teek.

P.S. Dreamweaver on 10 aastat vana (isegi pea 11, versioon 1.0 ilmus novembris 1997). Adobe Dreamweaver Team Blog käivitas augusti alguses inimjahi, eesmärgiga leida omal ajal kõige esimese DW karbi ostnud kodanik. Stoori videona siin: The Dreamweaver Manhunt.

2 kommentaari sissekandele “Creative Suite 4: Dreamweaver”

  1. Lembit

    Sitepoint.com’i Dreamweaver CS4 arvustuse – 6 Things To Like About Dreamweaver CS4 – 2. lk-lt leiame veel ühe huvitava JS-täienduse kirjelduse: käsklus / dialoog Externalize JavaScript.

  2. Lembit

    Üks hea põhjus Dreamweaver CS4 peale uuendamiseks näib olevat Web Widgets, JS+CSS+HTML komponendid või pakid, praegu olemas 3 tähtsama raamistiku jaoks: YUI, jQuery, MooTools. http://bit.ly/15Akh

Kommenteeri

sulge
Saada link e-postiga

© DT 2012 | Creative Commons Attribution-Noncommercial 3.0 License | WordPress