Creazione di nuovi stili di tag in Adobe CS5 Dreamweaver - dummies

La creazione di un tag (o di un elemento) è un percorso semplice per la nuova Adobe Creative Suite 5 (Adobe CS5) Gli utenti di Dreamweaver comprendono i CSS. Dreamweaver ti consente di lavorare con tag HTML esistenti, come P, H1 e H2. Utilizzando i tag elemento esistenti nella pagina e in Impostazioni proprietà, è possibile scegliere di applicare la formattazione automatica ovunque vengano utilizzati determinati tag HTML.

1 Apri una pagina HTML.

Assicurati di sceglierne uno che contenga testo.

2Fare clic sul pulsante HTML nel pannello di ispezione Proprietà.

Il pulsante si trova sul lato sinistro del pannello. Questo visualizza la finestra di ispezione Proprietà in visualizzazione HTML.

3Seleziona una riga di testo.

In grassetto il testo selezionato utilizzando il pulsante B situato nella finestra di ispezione Proprietà.

4 Passa alla visualizzazione CSS.

Fai clic sul pulsante CSS sul lato sinistro a sinistra del pannello di ispezione Proprietà.

L'obiettivo è di assegnare informazioni di stile definitive al tag che mette in grassetto il testo, quindi anche il testo in grassetto sulla pagina appare rosso.

5Avvia una nuova regola CSS.

Lascia il testo in grassetto selezionato, e nella finestra di ispezione Proprietà seleziona dall'elenco a discesa Regola target.

6 Applica colore al testo selezionato.

Con il testo ancora selezionato, utilizzare il selettore dei colori sul lato destro della finestra di ispezione Proprietà (situato sotto i pulsanti B e I) per selezionare un colore rosso da applicare al testo selezionato in grassetto.

7Appare la finestra di dialogo Nuova regola CSS.

Dall'elenco a discesa Tipo di selettore, scegliere Tag (ridefinisce un elemento HTML); scegliere Forte dall'elenco a discesa Nome selettore; scegliere (solo questo documento) dall'elenco a discesa Definizione regola.

Il tipo di selettore determina il modo in cui la formattazione verrà applicata agli elementi sulla pagina. Gli stili di tag cambiano l'aspetto di qualsiasi elemento formattato con un tag HTML specifico.

8 Fare clic su OK per creare il nuovo stile di tag e chiudere il pannello.

Ora, ogni volta che si applica il tag per rendere il testo in grassetto (utilizzando il pulsante B o altre scorciatoie), anche il testo in grassetto appare rosso. Hai creato uno stile di tag che determina il modo in cui il testo in grassetto appare ogni volta che appare in un documento.