Creazione di Class Style in Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver supporta la creazione di stili di classe per consentire un controllo più preciso sulla tua pagina formattazione. È possibile creare selettori di classe , che sono denominati stili per corpo, testo, titoli, sottotitoli e altri elementi. A differenza dei selettori di tag, puoi scegliere praticamente qualsiasi nome per una classe e applicare il suo stile in modo selettivo agli elementi se e quando vuoi.

Puoi anche rendere la tua nuova regola disponibile per più di una pagina nel tuo sito definendo un nuovo foglio di stile esterno. Questo metodo salva le tue regole in un file esterno che può essere collegato a più pagine alla volta.

1Aprire la finestra di dialogo Nuova regola CSS.

Individua il pannello CSS, a destra, e fai clic sul pulsante Nuova regola CSS in basso o scegli Formato → Stili CSS → Nuovo.

2Scegli classe (può essere applicata a qualsiasi elemento HTML).

Questa opzione si trova nell'elenco a discesa Tipo di selettore.

3Nome la tua nuova classe.

Nella casella di testo Nome selettore, immettere un nome per la nuova classe. Puoi inserire qualsiasi nome che desideri, ma assicurati che non abbia spazi e sia descrittivo di come lo userai. Reallycoolstyle è un brutto nome; headlinestyle è un nome migliore. Dreamweaver inserisce il punto nella parte anteriore del nome dello stile perché è una convenzione di denominazione necessaria.

4Scegli (Nuovo file di foglio di stile).

Questa è un'opzione nell'elenco a discesa Definizione regola in basso. Clicca OK.

5 Viene visualizzata la finestra di dialogo Salva file di fogli di stile.

Trova la cartella del tuo sito (o se non hai definito un sito, una cartella in cui conserverai tutte le informazioni pertinenti, come i file di immagini e le pagine del tuo sito).

6 Immettere un nome per il foglio di stile.

Inserire un nome appropriato, come main. css o base. css se è il set principale di stili che stai creando per il tuo sito web. (Dreamweaver aggiungerà l'estensione css obbligatoria alla fine del nome del file).

7Save il tuo stile.

Lascia l'URL così com'è e l'elenco a discesa Relativo a impostato su Documento. Fai clic su Salva.

Hai creato un nuovo. file CSS o un foglio di stile esterno. Viene visualizzata la finestra di dialogo Definizione regola CSS in cui è possibile perfezionare ulteriormente il nuovo foglio di stile.