Nella programmazione Web standard, HTML (HyperText Markup Language) viene utilizzato per creare il contenuto delle pagine Web, come testo e immagini. CSS – Fogli di stile a cascata – il linguaggio viene utilizzato per applicare lo stile al contenuto HTML. In Dreamweaver CS3, è possibile copiare qualsiasi stile di testo CSS attualmente applicato al contenuto di una pagina specifica in modo che venga applicato anche a qualsiasi contenuto di pagina aggiuntivo specificato. Copiare gli stili in tutto il design del sito è un modo efficiente per applicare uno stile alle pagine, ideale quando si tratta di creare un sito Web aziendale.
1
Aprire la pagina desiderata dal sito Web aziendale in Dreamweaver CS3. Gli stili CSS per la pagina si apriranno automaticamente in una scheda separata di Dreamweaver, appena a destra della scheda “Codice sorgente”.
2
Fare clic sulla scheda “.css” per aprirla. Tutti gli stili di testo della tua pagina verranno elencati qui. Scorri gli stili fino allo stile di testo specifico che desideri copiare. Ad esempio, lo stile “p {text-align: center;}” applica l’allineamento al centro a tutto il testo contenuto nel paragrafo
tag nella tua pagina HTML.
3
Seleziona lo stile che desideri copiare e premi “Ctrl-C” per copiarlo. Fare clic su una riga vuota nella pagina CSS e premere “Invio” alcune volte per aggiungere altre righe vuote. Posiziona il cursore sulla riga desiderata e premi “Ctrl-V” per creare la copia.
4
Modificare il codice di stile del testo CSS copiato da applicare al contenuto HTML desiderato. Ad esempio, se lo stile che hai copiato era “div {width: 300px;}” e desideri applicare lo stesso stile alle tabelle, modifica il codice copiato in “table {width: 300px;}”.
5
Premi “Ctrl-S” per salvare le modifiche al tuo codice CSS. Passa alla scheda “Codice sorgente”, apri il menu “File” e fai clic su “Anteprima nel browser” per vedere come lo stile di testo CSS copiato cambia l’aspetto della tua pagina.