Recensione di Adobe Dreamweaver CS4

Il segreto dietro l’ascesa originale di Dreamweaver al dominio come strumento di creazione di pagine web professionali La scelta è stata l'introduzione della visualizzazione divisa che mostra layout modificabile e visualizzazioni del codice una sopra l'altra altro.

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

Per il resto, la modifica più evidente apportata 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. 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, nella visualizzazione 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 fare semplicemente clic qui sotto per vedere il risultato del tuo i cambiamenti.

Avere immediatamente a portata di mano tutti i file delle pagine web composte di oggi è un grande passo avanti, ma è solo l’inizio. Ciò di cui hai veramente bisogno è riuscire a 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 funzionalità Code Navigator. È sufficiente fare clic tenendo premuto Alt nella finestra Codice o Layout e verrà visualizzata una finestra di dialogo che indica tutte le fonti di codice rilevanti per la selezione corrente con tutte le regole ordinate per specificità. Mantieni il cursore su una regola CSS elencata e potrai vederne le proprietà, mentre facendo clic su di essa ti porterà direttamente al codice pertinente.

Il Code Navigator è ottimo per gli utenti che preferiscono modificare direttamente il proprio codice CSS, ma non è obbligatorio. Puoi continuare a 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 focalizzato esclusivamente sull'HTML ed è ancora possibile 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 esiste 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.

Contenuti ricchi

I CSS sono ottimi per gestire l'aspetto della pagina e del 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 (vedi a fianco), ma l'introduzione di SmartObjects significa che ora è disponibile il supporto per Photoshop (vedi p40). 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 strettamente con Flash (vedi p50). Qui la gestione dell'inserimento di filmati SWF e video FLV è stata rielaborata con novità