Macromedia » Dreamweaver » Creare fogli di stile CSS con Dreamweaver 8
Creare fogli di stile CSS con Dreamweaver 8
Difficoltà:
Scritto da Alberto Giuliani
Sito Web: http://www.agwebsolutions.it 
Questo tutorial è stato letto 982 volte
Dreamweaver 8 permette di realizzare fogli di stile CSS in maniera del tutto facilitata ed intuitiva, attraverso un pannello che consente di avere una panoramica globale dei vari elementi, nonchè di definrne le caratteristiche.
Apriamo un nuovo documento CSS, quindi facciamo in modo di rendere visibile sulla colonna di destra la barra degli strumenti CSS. Nel caso in cui non lo sia già, dal menu "Finestra" clicchiamo su "Stili CSS". Essa si presenterà come in figura:
Supponiamo ora di voler definire le caratteristiche degli elementi appartenenti ad una determinata classe CSS, ad esempio "menu".
Facciamo click sull'icona 
in alto a destra, quindi sulla voce "Nuovo...". Apparirà un modulo come in figura:
che completeremo in questo modo:
Tipo selettore: CLASSE
Nome: menu
Definisci in: Solo questo documento
Facciamo quindi click su Ok, e apparirà il modulo di definizione dei vari elementi della classe menu.
Gli elementi definibili sono:
- Tipo
- Sfondo
- Blocco di testo
- Elementi di pagina
- Bordo
- Elenco
- Posizione
- Estensioni
Il completamento di tale modulo è facilmente raggiungibile, e permette di definire uno o più elementi nella totalità dei loro attributi.
Conclusione
La barra CSS rende Dreamweaver un potente editor per i fogli di stile, e offre sia all'utente alle prime armi, sia al programmatore avanzato, un valido strumento per la gestione dell'aspetto estestico di una pagina web.
Aggiungi questo tutorial ai preferiti
