Dreamweaver MX e i CSS



Dreamweaver MX consente una migliore visualizzazione del layout delle pagine definito dagli stili di quanto non lo facciano le versioni precedenti, due esempi per tutti che gli utenti esperti non mancheranno di apprezzare:

  1. un layer senza larghezza definita, utilizzato come contenitore di testo ed immagini, anch'essi definiti dagli stili, non mostrerà più una barra di scorrimento orizzontale, ma si adatterà, come nei browser, alla larghezza della pagina nell'area di lavoro;
  2. i layer i cui stili siano stati esportati in uno CSS esterno saranno visualizzati correttamente.

Altri e numerosi sono i vantaggi di Dreamweaver MX ad iniziare dalla possibilità di cambiare il pulsante a forma di A del pannello Property che controlla le proprietà dei font nel simbolo di Dreamweaver per gli stili.


Il pannello Properties in modalità CSS

Sebbene la portata del pannello Property in questo campo sia limitata al controllo delle classi CSS (funzione svolta anche dal Tag Selector fin dalle versioni precedenti) ed a scorciatoie per il lancio dell'editor CSS, esso può essere efficacemente utilizzato, quantomeno, per evitare di ricadere nella brutta abitudine di definire il layout del testo con il tag font ed i suoi attributi, ricordandoci altresì di ricorrere ai CSS il più possibile.

Un buon punto di partenza per prendere confidenza con i CSS è creare delle pagine con vari elementi senza definirne gli elementi di formattazione del testo e ricorrendo agli stili esterni dei modelli Quick Start, studiando questi modelli si potrà iniziare a familiarizzare con le potenzialità dei CSS.


I vari modelli di CSS disponibili in Dreamweaver MX

Il cuore della gestione dei CSS in Dreamweaver è il pannello CSS Styles, che serve:


Il pannello degli stili in modalità Edit Styles

  • a stabilire se creare stili interni o esterni;
  • a creare gli stili interni o esterni lanciando l'editor per i CSS;
  • a modificare gli stili esistenti, funzione questa facilitata del nuovo pulsante di opzione Edit CSS che mostra sul pannello tutti gli stili applicati alla pagina;
  • a creare il link a file CSS esterni;
  • ad accedere al ulteriori funzioni dal menu a comparsa sulla destra del pannello, queste funzioni sono anche accessibili dal menù contestuale (tasto destro del mouse) sul pannello CSS Styles;

Il menù specifico del pannello CSS Styles

  • ad eliminare degli stili.

Ultimi articoli Editor

Adobe Edge, la prima animazione HTML5

Come creare una animazione HTML5 con Adobe Edge, esempio completo

Adobe Edge, l'interfaccia

Esaminiamo pannelli e menu del tool gratuito di Adobe per la...

Trasformazioni XSLT in Dreamweaver 8

Primo sguardo agli strumenti XML: trasformare un feed RSS

Layout senza tabelle con Dreamweaver 8

Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia

Il nuovo Dreamweaver 8

Panoramica delle principali novità dell'ultima release del popolare...

Altri articoli

Guide Editor

Guida WebMatrix

Entrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,...

Guida Notepad++

Un editor testuale che funziona perfettamente anche come editor HTML...

Guida Aptana

Creare siti Web o applicazioni con Aptana, l'editor open source,...

Altre guide

Newsletter @Daily HTML.it

Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti