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.
|