Adobe Dreamweaver CS4 anmeldelse

Hemmeligheden bag Dreamweavers oprindelige fremgang til dominans som den professionelles websideforfatterværktøj Valget var dets introduktion af den delte visning, der viser redigerbart layout og kodevisninger en oven på Andet.

Dreamweaver CS4 lader dig endelig opdele Split-visningen lodret, hvilket gør langt bedre brug af nutidens widescreen-skærme. Derudover tilbyder Dreamweaver CS4 en række forudindstillede arbejdsområder, inklusive en dobbeltskærmsindstilling og muligheden for at sammenklappe paneler til fjederbelastede ikoner, der er klar til at åbne med et enkelt klik.

Ellers er den mest oplagte ændring af Dreamweaver-grænsefladen, og faktisk hele dens arbejdstilgang, introduktionen af ​​en ny Relaterede filer-linje under dokumentfanen. Dette viser alle filer, der henvises til i den aktuelle HTML-kildefil, hvilket giver øjeblikkelig adgang til alle linkede CSS-, JavaScript-, skabelon- og biblioteksfiler. En fin detalje er, at designvinduet i split view stadig viser selve websiden, så du kan redigere din eksterne CSS-fil, for eksempel, og blot klikke nedenfor for at se resultatet af din ændringer.

At have alle filerne på nutidens sammensatte websider lige ved hånden er et stort skridt fremad, men det er kun begyndelsen. Det, du virkelig har brug for, er at kunne finde relevant kode, uanset hvor den er i alle disse filer. Dette er især vigtigt, når man har at gøre med CSS-regler, der kan defineres inline, i sideelementet eller i flere eksterne CSS-filer. Det er her, den nye Code Navigator-funktion kommer ind. Du skal blot Alt-klikke i dit kode- eller layoutvindue, og en dialogboks vises, der angiver alle de kodekilder, der er relevante for det aktuelle valg med alle regler ordnet efter specificitet. Hold markøren over en listet CSS-regel, og du kan se dens egenskaber, mens du klikker på den fører dig direkte til den relevante kode.

Code Navigator er fantastisk til brugere, der foretrækker at redigere deres CSS-kode direkte, men det er ikke obligatorisk. Du kan stadig bruge panelet CSS Styles til hurtigt at ændre relevante egenskaber, uanset hvor de er, og med Dreamweaver CS4 kan du også nu bruge hovedpanelet Egenskaber til at redigere CSS. Tidligere var dette panel udelukkende fokuseret på HTML, og du kan stadig tilføje strukturelle overskrifts-, liste- og linktags sammen med klasseattributter i panelets HTML-tilstand. Men alle formateringsegenskaber er nu flyttet til panelets nye CSS-tilstand. Dette betyder, at når du ændrer skrifttype, størrelse, stil, farve og justering egenskaber, vil du opdatere alle forekomster af den aktuelle og mest specifikke CSS regel.

Tryk på rullemenuen Målrettet regel, og du kan vælge en hvilken som helst anden regel i den aktuelle kaskade, eller hvis der ikke er en aktuel regel for dit nuværende valg, vises en dialogboks, hvor du kan oprette en. Det kræver lidt at vænne sig til, men denne tilgang sikrer bedste praksis med hensyn til at adskille HTML-struktur og CSS-stil.

Rigt indhold

CSS er fantastisk til at håndtere sidens udseende og dens tekst, men du skal også kunne håndtere grafik. For bitmap-baserede billeder har Dreamweaver altid nydt tæt integration med Fireworks (se modsat), men introduktionen af ​​SmartObjects betyder, at understøttelse af Photoshop (se s. 40) er nu ligeså stramt. Du kan indsætte PSD-filer direkte, med web-optimerede JPEG- eller GIF-versioner, der er oprettet på farten. Det smarte her er, at linket til PSD'en bevares, hvilket gør det nemt at redigere originalen og automatisk opdatere det optimerede output.

For mere avancerede webmedier har Dreamweaver den store fordel at kunne arbejde tæt sammen med Flash (se s. 50). Her er håndteringen af ​​SWF-film og FLV-videoindsættelse blevet omarbejdet med nyt