Recenzie și evaluare Adobe Dreamweaver CS6

Adobe Dreamweaver (399, 99 USD; actualizează 199, 00 USD, direct) a dominat câmpul de editare web mai mult decât își pot aminti majoritatea oamenilor, dar în ultimii ani a părut dispus să-și coopteze reputația, oferind upgrade-uri demne, dar fără concordanță cu fiecare versiune recentă. Versiunea Dreamweaver CS6 este diferită. Este un upgrade esențial pentru oricine dorește să construiască pagini web sau aplicații care se adaptează automat atunci când este vizualizat într-un browser Web pe un telefon sau tabletă sau un browser de pe laptop sau desktop. În ultimii ani, am realizat cea mai mare parte a designului meu Web în Web-ul Expression curat, eficient și subpublicizat al Microsoft, dar Dreamweaver CS6 este primul editor Web construit pentru era multiplataformă, cu suport complet pentru HTML5 și CSS3. Ca și restul suitei CS6, Dreamweaver se adresează profesioniștilor care sunt dispuși să urce pe curba sa de învățare abruptă, dar chiar și codificatorii ocazionali îl pot folosi pentru a construi site-uri cu aspect impresionant.

Ce mai e nou?

Noile funcții noi din Dreamweaver sunt acestea. În primul rând, sunt „machete de grile fluide” care vă permit să specificați exact modul în care vor fi aranjate elementele paginii atunci când site-ul dvs. este afișat pe un telefon cu ecran mic, o tabletă medie sau un desktop cu ecran complet. (Continuați să citiți pentru mai multe detalii în acest sens.) Următorul este suportul integrat pentru PhoneGap Build, o platformă open-source care ușurează crearea unei singure aplicații bazate pe Web care rulează pe mai multe platforme de telefon. De asemenea, Dreamweaver și-a îmbunătățit integrarea cu Query Mobile, o platformă bazată pe JavaScript pentru construirea de aplicații bazate pe browser și tablete. Tranzițiile CSS - contrapartida bazată pe Web a tranzițiilor din aplicațiile de prezentare tradiționale - sunt acum acceptate printr-o interfață rezonabil de intuitivă.

Adobe a îmbunătățit fidelitatea și flexibilitatea previzualizării „Live” a Dreamweaver și și-a îmbunătățit panoul de previzualizare „multiscreen” care arată cum va arăta pagina ta la dimensiunile de telefon, tabletă și ecran de desktop. „Laboratorul browserului” online Adobe face posibilă testarea paginilor dvs. pe platformele de browser mai vechi, deși funcția SuperPreview comparabilă a Microsoft oferă o selecție și mai largă de browsere vechi și noi pentru a fi testate.

O altă caracteristică Dreamweaver pe care mi-am dorit-o de ani buni și pe care Adobe o menționează abia în PR-ul acesteia, este suportul de fonturi Web încorporat printr-un dialog simplu care vă permite să instalați fonturi pe serverul dvs. Web, astfel încât să le puteți utiliza pe paginile dvs.; acest lucru a fost întotdeauna posibil prin laborează codare manuală, dar Dreamweaver îl face ușor. Alte îmbunătățiri pe care mă bucur să le văd includ un modul FTP complet renovat și rapid, cu suport complet pentru protocoale sigure. Suportul încorporat pentru instrumentul de validare a paginilor Consorțiului W3C garantează respectarea deplină a standardelor Web actuale.

Cea mai spectaculoasă caracteristică din Dreamweaver este suportul pentru „machete de grile fluide”, ceea ce înseamnă că creează pagini organizate în funcție de o grilă de bază invizibilă care se schimbă în funcție de dimensiunea ecranului. Textele și elementele grafice din pagină își reajustează automat poziția atunci când pagina este vizualizată pe un telefon, tabletă sau desktop. A trebuit să vizionez un videoclip demonstrativ (accesibil din meniul de deschidere al Dreamweaver) pentru a-mi da seama să-l folosesc, dar după aceea a fost ușor.

Puteți crea un aspect de grilă fluidă vizând trei dimensiuni de ecran: telefon, tabletă și desktop. Mai întâi aranjați elementele paginii, deoarece doriți ca acestea să se uite la o dimensiune a ecranului, cu fiecare element aliniat la grila de fundal invizibilă. Apoi faceți clic pe o pictogramă pentru a trece la o dimensiune diferită a ecranului și aranjați elementele într-un mod diferit pe grilă. Astfel, de exemplu, un telefon va afișa întreaga pagină într-o singură coloană cu un meniu de navigare derulant în partea de sus, în timp ce o tabletă va afișa părți ale paginii în trei coloane, cu o bară largă de navigare în partea de sus. CSS de bază comută automat între machete în funcție de dimensiunea ecranului dispozitivului care afișează pagina. Panoul de previzualizare multiscreen vă permite să schimbați oricare sau toate cele trei dimensiuni de ecran integrate, astfel încât să puteți testa modul în care va funcționa grila de fluid la orice dimensiune doriți.

Integrare flash

În mod previzibil, Dreamweaver este foarte bine integrat cu formatul Adobe Adobe. Dar dacă dezvoltați pentru iOS, nu puteți utiliza Flash în aplicațiile sau paginile Web, cu excepția cazului în care cumpărați Adobe Media Media Server de 4.500 USD pentru a transmite Flash într-un mod pe care iOS îl permite. Dreamweaver m-a lăsat să arunc videoclipuri Flash în paginile mele Web fără un sughiț și cu o mulțime de opțiuni de aspect, dar când am încercat să adaug video HTML5 pe pagina mea, a trebuit să îmi dau seama că trebuie să descarc și să instalez un videoclip HTML5 „ widget ”și apoi modificați manual codul widget-ului.

Interfață

La fel ca restul Adobe Creative Suite, interfața Dreamweaver este o pădure de panouri și „grupuri de file” și bare de instrumente care necesită timp pentru a te obișnui. Spre deosebire de restul suitei, care folosește o interfață grafică pentru a edita obiecte grafice precum animații, fotografii, ilustrații și pagini tipărite, interfața grafică a Dreamweaver este un set de instrumente pentru editare HTML brut, CSS, JavaScript și alte coduri bazate pe text.. De cele mai multe ori, puteți utiliza unul dintre butoanele și meniurile GUI bazate pe Dreamweaver pentru modificarea codului de bază, dar uneori nu puteți și asta înseamnă să vă murdăriți mâinile în timp ce editați direct codul. Acest lucru este bun dacă știi să editezi codul brut, frustrând dacă nu. Uneori, mai ales în timp ce lucram cu noua caracteristică a grilei de dispunere fluidă, am renunțat să încerc să găsesc un meniu sau o bară de instrumente pentru a modifica un detaliu de aspect și a trebuit să săpat codul brut pentru a face schimbarea. Funcția grilă de dispunere fluidă este, evident, o lucrare în curs, iar versiunile viitoare vor face acest lucru mai ușor, dar ar trebui să fiți pregătit pentru unele frustrări minore din prima versiune între timp.

Flexibilitate extremă

În ceea ce privește editarea de bază HTML și CSS, totuși prefer să prefer Microsoft Expression Web 4, dar Expression Web funcționează doar pe Windows, în timp ce aplicațiile Adobe funcționează mai mult sau mai puțin identic pe mașinile Windows și Mac. De asemenea, Dreamweaver CS6 este, fără îndoială, primul și singurul instrument de construire web care funcționează fără probleme și capabil în noua lume multi-platformă. Are marginea sa aspră, dar Adobe Dreamweaver CS6 are, de asemenea, mai multă putere și flexibilitate decât orice altceva din categoria sa și merită alegerea editorului nostru.

Mai multe recenzii pentru software foto, video și grafică:

• Magix Movie Edit Pro Premium

• Vegas Movie Studio Platinum

• Adobe Premiere Elements

• Pinnacle Studio Ultimate

• Apple Final Cut Pro X

• Mai Mult