Recenzie Adobe Dreamweaver CS4

Secretul din spatele ascensiunii inițiale a Dreamweaver la dominație ca instrument de creație a paginilor web pentru profesioniști alegerea a fost introducerea vizualizării împărțite care arată aspectul editabil și vizualizările codului unul deasupra alte.

În cele din urmă, Dreamweaver CS4 vă permite să împărțiți vizualizarea Split pe verticală, utilizând mult mai bine monitoarele cu ecran lat de astăzi. În plus, Dreamweaver CS4 oferă o gamă largă de spații de lucru prestabilite, inclusiv o opțiune de ecran dublu și posibilitatea de a restrânge panourile în pictograme încărcate cu arc, gata să se deschidă cu un singur clic.

În caz contrar, cea mai evidentă modificare adusă interfeței Dreamweaver și, într-adevăr, a întregii sale abordări de lucru, este introducerea unei noi bare de fișiere asociate sub fila documentului. Aceasta listează toate fișierele la care se face referire în fișierul sursă HTML actual, permițând acces instantaneu la toate fișierele CSS, JavaScript, șablon și bibliotecă legate. O notă plăcută este că, în vizualizare divizată, fereastra de design arată în continuare pagina web în sine, astfel încât dvs puteți edita fișierul CSS extern, de exemplu, și faceți clic mai jos pentru a vedea rezultatul dvs schimbări.

A avea la îndemână toate fișierele din paginile web compuse de astăzi este un pas major înainte, dar este doar începutul. Ceea ce ai nevoie cu adevărat este să poți găsi codul relevant, oriunde s-ar afla în toate acele fișiere. Acest lucru este deosebit de important atunci când aveți de-a face cu reguli CSS care pot fi definite inline, în elementul de pagină sau în mai multe fișiere CSS externe. Aici intervine noua caracteristică Code Navigator. Pur și simplu, faceți clic pe Alt în fereastra Cod sau Aspect și apare un dialog care indică toate sursele de cod relevante pentru selecția curentă, cu toate regulile ordonate după specificitate. Țineți cursorul peste o regulă CSS listată și puteți vedea proprietățile acesteia, în timp ce faceți clic pe aceasta vă duce direct la codul relevant.

Navigatorul de cod este excelent pentru utilizatorii care preferă să își editeze codul CSS direct, dar acest lucru nu este obligatoriu. Puteți folosi în continuare panoul Stiluri CSS pentru a schimba rapid proprietățile relevante oriunde s-ar afla, iar cu Dreamweaver CS4 puteți utiliza și panoul principal Proprietăți pentru a edita CSS. În trecut, acest panou era axat exclusiv pe HTML și puteți adăuga în continuare etichete structurale de antet, listă și link împreună cu atributele de clasă în modul HTML al panoului. Cu toate acestea, toate proprietățile de formatare au fost acum mutate în noul mod CSS al panoului. Aceasta înseamnă că atunci când schimbați fontul, dimensiunea, stilul, culoarea și proprietățile de aliniere, veți actualiza toate instanțele regulii CSS actuale și cele mai specifice.

Apăsați meniul drop-down Regulă vizată și puteți selecta orice altă regulă din cascada curentă sau, dacă nu există o regulă curentă pentru selecția dvs. curentă, va apărea un dialog în care puteți crea una. Este nevoie de puțină obișnuire, dar această abordare asigură cele mai bune practici în ceea ce privește separarea structurii HTML și stilului CSS.

Conținut bogat

CSS este excelent pentru a gestiona aspectul paginii și textul acesteia, dar trebuie să fiți capabil să gestionați grafica. Pentru imagini bazate pe bitmap, Dreamweaver sa bucurat întotdeauna de o integrare strânsă cu Fireworks (vezi opus), dar introducerea SmartObjects înseamnă că suportul pentru Photoshop (vezi p40) este acum la fel de strâns. Puteți insera fișiere PSD direct, cu versiuni JPEG sau GIF optimizate pentru web create din mers. Lucrul inteligent aici este că legătura către PSD este menținută, ceea ce face simplă editarea originalului și actualizarea automată a ieșirii optimizate.

Pentru medii web mai avansate, Dreamweaver are marele avantaj de a putea lucra strâns cu Flash (vezi p50). Aici, gestionarea filmelor SWF și a inserției video FLV a fost reluată cu noi