April 9
Dreamweaver MX funziona con i fogli di stile a cascata (CSS) per formattare la pagina nel modo desiderato. È possibile creare o modificare il codice CSS in Dreamweaver e poi collegarlo al Hypertext Markup Language (HTML) file che si sta lavorando. È possibile impostare le dimensioni della pagina per una dimensione relativa (sulla base di una percentuale di dimensioni dello schermo), o ad un valore assoluto (non influenzato dalla dimensione dello schermo).
1 Creare o aprire il file CSS in Dreamweaver MX. Selezionare \ "CSS \" da \ "Crea nuovo \" nella schermata principale per creare il file, oppure selezionare \ "Open \" e sfogliare per trovare il file CSS per un file esistente.
2 Copiare il codice riportato di seguito al file CSS per definire le dimensioni della pagina per il tag <BODY>:
body {
Larghezza: 800px
ANDARE
}
3 Ridurre o aumentare le dimensioni di larghezza (in pixel) per modificare le impostazioni per la tua pagina. Per utilizzare una larghezza relativa (in base alle dimensioni dello schermo), utilizzare \ "width: 90% \" o un altro percentuale.
4 Salvare il file CSS selezionando \ "File \" e \ "Salva \" dalla barra degli strumenti. Il file avrà un ". CSS \" estensione \. Passare alla cartella in cui il file deve essere salvato, un nome al file e fare clic su \ "Save. \"
5 Aprire il file HTML in cui si desidera lo stile applicato in Dreamweaver MX.
6 Selezionare \ "Testo, \" \ "Stili CSS \" e \ "Associa foglio di stile \" dalla barra degli strumenti. Clicca su \ "Browse \" e fare doppio clic sul file CSS è stato creato. Il foglio di stile verrà aggiunto tra i tag <HEAD> del file HTML.
7 Salvare le modifiche, quindi verificare come la pagina appare in un browser Web selezionando il \ "Anteprima / debug nel browser \" pulsante e scegliendo un browser dalla lista (o, per una scelta rapida, cliccare su \ "F12 \").