Zacementirana pozicija na vrhu liste alata za izradu i održavanje web sajtova

Odmah po pojavljivanju prve verzije, davne 1997. godine, Macromedia Dreamweaver je postao izborno radno okruženje za 90 odsto profesionalnog tržišta. Ovaj program je izgradio svoje ime na vizuelnom WYSIWYG dizajniranju strana, u saradnji sa „prirodnim”, ručno kodiranim HTML-om. Sa prošlogodišnjim izdanjem koje je obuhvatalo i dizajniranje dinamičkih ASP, JSP, ASP.NET, PHP i Coldfusion strana i sajtova pomoću ugrađenog programa Homesite, trkač snova je zacementirao čelnu poziciju.

Šta novo donosi Dreamweaver MX 2004? Za početak, prešlo se na novi izgled koji je zajednički za sve nove Macromedia proizvode iz serije MX 2004. To podrazumeva novi stajling, kartice dokumenata (document tabs), tekst pored najvažnijih ikonica iz toolbara, kao i startni ekran koji omogućava brz pristup prethodno otvaranim dokumentima, mogućim formatima dokumenata, primerima i Web sajtu Dreamweaver Exchange. Najupadljiviju promenu je doživeo toolbar Insert koji je redizajniran i pojednostavljen, a sada pruža i prilagodljivu Favorites sekciju.

Jedna od najčešće korišćenih opcija iz Insert toolbara jeste komanda Insert Table, pošto su tabele „kostur” za većinu Web stranica. Dijalog ekran za izradu tabela je redizajniran i ohrabruje vas da unosite podatke o pristupačnosti, kao i zaglavlja redova i kolona. Dok radite sa tabelama, Dreamweaver na vrhu tabele daje veoma korisnu informaciju o širinama kolona (nešto slično tehničkom crtanju). U tom delu je pridodat i padajući meni pomoću kojeg možete brzo da izaberete kolonu, poništite njenu širinu itd. Dalja pomoć je omogućena uz Expanded Tables mod koji je dizajniran tako da omogućava privremeno povećanje širine okvira (border), razmaka (spacing) i popunjavanje (padding). Ova opcija može da bude i konfuzna s vremena na vreme jer se tagovi ne unose ručno.

Tabelarni tagovi su i dalje najčešći način upravljanja izgledom Web stranica, ali je njihovo korišćenje sada i zvanično stavljeno u drugi plan u korist CSS (Cascading Style Sheets) pozicioniranja. Dreamweaver već neko vreme omogućava dodavanje slojeva (layers) koji su apsolutno pozicionirani uz pomoć CSS-a, ali je sada dodata i opšta komanda Insert: Layout Object: Div Tag. To praktično znači da se upravljanje izgledom sajta sada svodi na dodavanje „<div>” tagova oko tekstova (i slika) koje će oni „nositi”, ostavljajući korisnika da ručno dodaje potrebna CSS pravila. Razočaravajuća je činjenica da svi Dreamweaverovi Accessible Page šabloni ipak još uvek moraju da budu zasnovani na tabelama.

Podrška za raspored baziran na CSS-u nije vrhunskog kvaliteta, ali Dreamweaver MX 2004 uspešno prevazilazi taj nedostatak korišćenjem razumljive podrške za formatiranje teksta uz pomoć CSS-a. Ranije se većina Web dizajnera ograničavala na to da izgled teksta podešava uz pomoć slabog i neštedljivog „<font>” taga. Korišćenje CSS formatiranja je mnogo efikasnije i moćnije, a pojedinačno pravilo u eksternom fajlu sa stilovima (external style sheet) može da kontroliše izgled taga ili klase ne samo na jednoj strani već kroz ceo sajt! U pogledu efikasnosti, brzine, pouzdanosti, cross-browser konstantnosti i lakoće održavanja, potencijal CSS-a je veliki i Dreamweaver MX 2004 to koristi najbolje što se može.

U žiži tog „CSS ludila” jeste poboljšani prikaz koji vam omogućava da odmah vidite efekte vaših CSS pravila u dizajnerskom pogledu. Takođe, CSS je sada osnova za kompletno formatiranje u Dreamweaveru. Kada koristite dijalog za osobine stranice u kojem podešavate osnovni font, margine i ostale parametre, svima se sada upravlja kroz CSS, radije nego kroz HTML tagove. I, zahvaljujući CSS-u, taj isti dijalog omogućava postavljanje familije i veličine fontova za tagove body copy i heading (mada činjenica da su parametri bazirani na pikselima neće oduševiti „accessibility” entuzijaste). I najosnovnije formatiranje teksta, kao što je promena familije, veličine i boje fonta, sada operiše kroz automatsko kreiranje i primenjivanje prikladnog CSS class pravila, pa je skoro nemoguće dodati formatiranje na bazi HTML-a, sem ako ga ručno iskodirate.

Dreamweaver MX 2004 čini šta može da se korisnik što jednostavnije i neprimetnije prebaci sa HTML baziranog formatiranja, radeći sve za vas „iza leđa”, ali da biste stvarno iskoristili CSS, potrebno je da savladate svu njegovu magiju. Da bi vam pomogao u tome, Dreamweaver MX 2004 ima redizajnirani panel CSS Styles koji vas posle duplog klika na određeni stil momentalno prebacuje na relevantni kôd i po potrebi automatski otvara eksterni CSS fajl. Tada možete petljati po kôdu direktno, koristeći ugrađeno uputstvo za kodiranje sa ponuđenim opcijama za CSS.

Pored najprimetnijeg napretka u CSS-u, pažnju su nam privukla još neka poboljšanja. Dreamweaver MX 2004 trudi se da prati W3C standarde, generišući primetno čistiji kôd. Validacija kôda između browsera je poboljšana, tako da sada Dreamweaver MX 2004 uz unete parametre o ciljnom browseru podvlači crvenom bojom problematičan kôd i u prozoru izbacuje ostale informacije sa rezultatima.

Integrisani editor slika omogućava laku manipulaciju slikama – skraćivanje, povećavanje i ostale male izmene. To naravno neće zameniti vaš omiljeni grafički editor, ali je korisno za male, brze izmene. Poboljšan je i Find & Replace sistem i sada podržava i navigaciju preko tastature, ima više opcija pri pretragama, kao i mogućnost da se pretrage sačuvaju. Referentni materijal je proširen i sada obuhvata i jezike ASP.NET, SQL i PHP. Svaka dopuna referentnog materijala je dobrodošla jer smanjuje potrebu za listanjem debelih knjiga kojima možete ubiti slona.

Macromedia je sa svojim proizvodom daleko dogurala, a najnovija verzija je primetno uznapredovala, zahvaljujući unošenju poboljšanja sugerisanih od strane dizajnera i programera koji su i pravi korisnici ovog paketa. Ako ste odmakli od početnika u izradi sajtova, a do sada niste probali ovaj program, toplo ga preporučujemo jer je daleko ispred konkurentskih programa.

Veljko VUKOVIĆ