Recensione di Adobe Dreamweaver CS4

Il segreto dietro l'ascesa al dominio originale di Dreamweaver come strumento di creazione di pagine Web per professionisti scelta è stata l'introduzione della vista divisa che mostra il layout modificabile e le viste del codice una sopra l'altra altro.

Dreamweaver CS4 ti consente finalmente di dividere verticalmente la vista divisa, sfruttando molto meglio i monitor widescreen di oggi. Inoltre, Dreamweaver CS4 offre una gamma di aree di lavoro preimpostate, tra cui un'opzione Dual Screen e la possibilità di comprimere i pannelli in icone a molla pronte per essere aperte con un solo clic.

Per il resto, il cambiamento più ovvio apportato all'interfaccia di Dreamweaver, e in effetti al suo intero approccio operativo, è l'introduzione di una nuova barra File correlati sotto la scheda del documento. Questo elenca tutti i file a cui si fa riferimento nel file sorgente HTML corrente consentendo l'accesso immediato a tutti i file CSS, JavaScript, modello e libreria collegati. Un bel tocco è che, in vista divisa, la finestra di progettazione mostra ancora la pagina web stessa in modo che tu puoi modificare il tuo file CSS esterno, ad esempio, e fai semplicemente clic di seguito per vedere il risultato del tuo i cambiamenti.

Avere immediatamente a portata di mano tutti i file nelle pagine web composte di oggi è un grande passo avanti, ma è solo l'inizio. Ciò di cui hai veramente bisogno è essere in grado di trovare il codice pertinente, ovunque si trovi in ​​​​tutti quei file. Ciò è particolarmente importante quando si ha a che fare con regole CSS che possono essere definite in linea, nell'elemento della pagina o in più file CSS esterni. È qui che entra in gioco la nuova funzione Code Navigator. Basta fare clic tenendo premuto Alt nella finestra Codice o Layout e viene visualizzata una finestra di dialogo che indica tutte le fonti di codice rilevanti per la selezione corrente con tutte le regole ordinate per specificità. Tieni il cursore su una regola CSS elencata e puoi vederne le proprietà, mentre facendo clic su di essa ti porta direttamente al codice pertinente.

Il Code Navigator è ottimo per gli utenti che preferiscono modificare direttamente il proprio codice CSS, ma non è obbligatorio. Puoi ancora utilizzare il pannello Stili CSS per modificare rapidamente le proprietà pertinenti ovunque si trovino e con Dreamweaver CS4 ora puoi anche utilizzare il pannello Proprietà principale per modificare i CSS. In passato questo pannello era incentrato esclusivamente sull'HTML e puoi ancora aggiungere tag strutturali di intestazione, elenco e collegamento insieme agli attributi di classe nella modalità HTML del pannello. Tuttavia, tutte le proprietà di formattazione sono state ora spostate nella nuova modalità CSS del pannello. Ciò significa che quando modifichi le proprietà di carattere, dimensione, stile, colore e allineamento aggiornerai tutte le istanze della regola CSS corrente e più specifica.

Premi il menu a discesa Regola mirata e puoi selezionare qualsiasi altra regola nella cascata corrente o, se non c'è una regola corrente per la tua selezione corrente, apparirà una finestra di dialogo in cui puoi crearne una. Ci vuole un po' di tempo per abituarsi, ma questo approccio garantisce le migliori pratiche in termini di separazione della struttura HTML e dello stile CSS.

Contenuto ricco

I CSS sono ottimi per gestire l'aspetto della pagina e il suo testo, ma devi anche essere in grado di gestire la grafica. Per le immagini basate su bitmap, Dreamweaver ha sempre goduto di una stretta integrazione con Fireworks (vedere opposto), ma l'introduzione di SmartObjects significa che il supporto per Photoshop (vedi p40) è ora altrettanto stretto. Puoi inserire direttamente i file PSD, con versioni JPEG o GIF ottimizzate per il Web create al volo. La cosa intelligente qui è che il collegamento al PSD viene mantenuto, semplificando la modifica dell'originale e l'aggiornamento automatico dell'output ottimizzato.

Per i media Web più avanzati, Dreamweaver ha il grande vantaggio di poter lavorare a stretto contatto con Flash (vedi p50). Qui la gestione del filmato SWF e l'inserimento di video FLV è stata rielaborata di nuovo