Dreamweaver MX 2004
Elena Netea
Alt an, altă versiune Dreamweaver. Întrebarea e, merită acest produs un upgrade?
Ei bine, dacă folosiți foi de stil (Cascading Style Sheets - CSS) în dezvoltarea
siturilor, răspunsul va fi cu siguranță pozitiv! Această versiune a fost construită
pentru a preîntâmpina și satisface nevoile utilizatorilor de codare manuală,
suport pentru standarde ca CSS și Secure FTP, pentru tehnologii server și o
mai mare integrabilitate cu alte unelte de primă importanță de tip PHP, ASP,
ASP.Net, JSP, XML și ColdFusion.
Dar să începem cu începutul. Mult timp, interfața acestui produs a fost destul
de "încâlcită", cerând un timp relativ lung dedicat curbei de învățare;
versiunea MX 2004 ne aduce în fața ochilor o interfață din nou schimbată, din
fericire doar la nivel estetic, funcțiile rămânând cele deja cunoscute din versiunea
MX.
Un nou ecran de întâmpinare, ce nu împiedică alte acțiuni ale utilizatorului
și care scurtează timpii de lucru (existând totuși și opțiune de închidere),
ne prezintă o serie de tipare de design (templates), scurtături (shortcuts)
către fișiere noi sau recent utilizate, asistență și tutoriale. Sunt vizibile
performanțele la deschiderea, respectiv salvarea fișierelor, sau trecerea la
alte aplicații ale familiei Macromedia.
Ca de obicei, Macromedia Dreamweaver oferă posibilitatea de a alege din cele
trei spații de lucru: de tip vizual (WYSIWYG), orientat pe cod sau o combinație
a acestor două. În jurul spațiului de lucru sunt distribuite ergonomic bara
de unelte și paletele extensibile și personalizabile, pentru un acces rapid
al funcționalităilor dorite. Pentru a trece la editarea unui alt document prezent
în spațiul de lucru, se selectează cu mouse-ul eticheta (tab-ul) corespunzătoare
din partea superioară a acestuia. Acest sistem tabular este disponibil doar
în versiunea ce rulează sub Windows. Bara de inserare a obiectelor este și ea
modificată, având un aspect diferit de cel al vechii versiuni. O parte din obiectele
prezente în versiunea MX sunt acum restructurate, regrupate pe categorii, cu
efect vizibil în optimizarea fluxului muncii. Aceste modificări pot pune utilizatorul
în încurcătură câteva minute, până la familiarizarea cu noua ordine: familia
"Tables" și "Frames" este prezantă acum în secțiunea "Layouts";
"Templates" și "Media" (elemente Flash, activeX și applet-uri
Java) grupate în secțiunea "Common". Formatările speciale de text
sunt acum grupate cu "Characters" (carectere speciale) în secțiunea
"Text", iar în "HTML" sunt prezente elementele "Head"
(tag-uri meta, keywords, meta-tag-uri de descriere etc.) și "Script"-uri.
Ca o compensare a acestor schimbări vine zona de editare a obiectelor preferate
("Favorites"), deosebit de utilă prin adăgarea doar acelor elemente
mai des utilizate în design.
Alăturat spațiului de lucru observăm un set de palete grupate și ancorate,
ce oferă acces la funcționalități precum: proprietăți ale stilurilor CSS, behaviors
(comportamente), documentație, snippets (bucăți de cod personalizabile și refolosibile
- adăugare de butoane, formulare predefinite, bare de navigare, scripturi Java,
tabele, layout-uri, funcții etc.), managerul de situri și fișiere, o bibliotecă
de tag-uri predefinite. Una din noutățile prezentate în acest articol o constituie
editarea directă a fișierelor de sine stătătoare. Sunt momente când dorim să
edităm și să actualizăm pe server rapid un fișier anume, fără a urma acel "ritual"
al definirii unui sit local în Dreamweaver. Managerul de situri (paleta "Files")
oferă odată cu versiunea MX 2004 posibilitatea creării cu mai mare ușurință
a conexiunilor server sau FTP. Cu aceste conexiuni puteți deschide, edita și
salva fișierul, fără tot acest efort de setare a unui sitoglindă. În josul spațiului
de lucru e prezentă bara de proprietăți (Properties), sensibilă la obiectul/bucata
de cod aflat în curs de editare, modificându-se în funcție de caracteristicile
acestuia. O noutate de asemenea utilă în design-ul bazat pe tabele este opțiunea
de a vizualiza și edita dimensiunile tabelelor și chiar de a adăuga cu ușurință
coloane în stânga sau dreapta acesteia.
Să vorbim puțin și despre noutățile aduse în partea de editare a documentelor.
Macromedia continuă tradiția inovațiilor, asigurînd o bază solidă dezvoltării
standardului CSS. Cum spuneam la începutul acestui articol, marea noutate o
constituie suportul CSS sensibil îmbunătățit. Întregul mediu de dezvoltare este
construit în baza acestui standard, pentru a eficientiza editarea codului siturilor
cu un design sofisticat. Printre principalele avantaje ale acestui standard,
tot mai des îmbrățișat de către dezvoltatorii web, amintim aici:
- accesibilitate îmbunătățită (editare independentă de paginile HTML, actualizând
aspectul intregului sit prin modificarea unui singur fișier, de unde rezultă
o ușurință în întreținere);
- ajută dezvoltatorii să despartă conținutul proiectelor de design-ul acestora;
- reducerea consumului de bandă (randarea mai rapidă a paginilor);
- control riguros al design-ului (tabelare, gif-uri de spațiere, alte elemente).
Revenind la Dreamweaver: începând cu editorul de cod, până la modul de lucru
vizual, toate caracteristicile prezente sunt gândite pentru a oferi un suport
CSS îmbunătățit. Modul de lucru vizual surprinde prin capacitatea de a emula
browserele compatibile CSS, precum Internet Explorer, Opera și Mozilla. Fundaluri
complexe, margini, poziționări ierarhice, suparpuneri și moduri de afiașare,
toate acestea sunt corect redate în modul vizual al Dreamweaver. Devine astfel
singura uneltă inteligentă ce oferă suport CSS într-un mediu de dezvoltare de
tip vizual, scurtînd curba de învățare a unui limbaj până acum greu accesibil.
Inclus în Inspectorul de script ("Tag Inspector"), panoul "Relevant
CSS" supraveghează și permite editarea tuturor regulilor de stil aplicate
elementelor sau existente în proiect. În partea superioară a acestui panou se
poate observa o listă de reguli CSS aplicabile, afișate în ordinea aplicării.
Selectând una dintre aceste reguli, în partea inferioară se vor lista toate
regulile înrudite. Toate aceste proprietăți sunt editabile, cu efect imediat
în modul de lucru vizual, dar pentru cei ce preferă prelucrarea codului manual,
cu un dublu-clic pe regula dorită, cursorul va sări direct la linia de cod corespunzătoare,
în editorul de cod. Cu aceste îmbunătățiri și noutăți binevenite, Macromedia
a "îmblânzit" utilizarea foilor de stil în dezvoltarea siturilor.
Un client FTP mai sigur și mai robust e mai mult decât binevenit, alături de
alte noutăți; transferurile simple FTP implică trafic (upload, download) de
date în format plain-text, inclusiv parole, ceea ce-l face susceptibil atacurilor.
FTP-ul securizat, pe de altă parte, criptează toate datele trimise și primite
la/de la server. Cu acest avantaj, nu mai e desigur necesară lansarea unei alte
aplicații pentru aceste acțiuni, suportul FTP inclus satisfăcând aceste nevoi.
Un alt "detaliu" al acestei versiuni îl constituie sistemul de check-in/check-out
al fișierelor, pentru preîntâmpinarea eventualelor probleme care-ar putea să
apară în momentul în care două persoane ar încerca să facă upload simultan unui
aceluiași fișier.
Să nu trecem cu vederea bibliotecile de cod ce conțin componente server care
s-au actualizat și imbogățit, la fel precum documentația O´Reilly aferentă.
Dreamweaver MX 2004 include noua versiune HomeSite+, bazată pe HomeSite 5.5
și MX Elements pentru HTML.
Selecție de noutăți
- Panoul de proprietăți ("Properties") este orientat înspre
același standard CSS, oferind un control mai sofisticat asupra proprietăților
paginii (headings, links etc.)
- Caracteristicile căutării și înlocuirii de text sau cod sunt și
ele extinse, încluzând o navigare din tastatură, mai multe opțiuni de căutare
și salvare a acestor termeni.
- Manipularea și editarea simplă a imaginilor beneficiază de noi
funcții, bazate pe tehnologia Fireworks; operațiuni (crop, resize, brightness&
contrast, sharpen) care înainte necesitau lansarea unei alte aplicații, sunt
acum configurabile ușor, grație și unei ferestre de previzualizare, acțiunile
afectând permanent imaginea editată.
- Integrarea cu fișiere de tip Microsoft Word și Excel e mult îmbunătățită,
copierea de material din aceste tipuri de fișiere păstrându-și caracteristicile
specifice (formatări de font, culori și stiluri CSS).
- Validarea automată a codului, întru compatibilitatea multi-browser
(cross-browser) implică verificarea tag-urilor și regulilor CSS pentru o compatibilitate
care până nu demult ridica probleme dezvoltatorilor.
- Includerea unui MacroRecorder, suport pentru tag-uri ColdFusion
6.1, un panou pentru Server Debugging Live, snippets, suport RDS și obiecte
și comportamente.
- Convertirea rapidă a HTML-ului la XHTML, cel mai recent standard
în HTML.
- Editorul cod include indicații pentru PHP și ASP.Net.
- Suport pentru pagini web interactive, cu extensii ca JavaScript,
Microsoft ActiveServer Pages și Macromedia ColdFusion, servicii ce permit
construirea de componente dinamice ca formulare de comandă, autentificări
de useri, chestionări ale bazelor de date, fără a necesita cunoștințe HTML
avansate.
|