Come modificare il formato pagina in Dreamweaver MX

April 9

Come modificare il formato pagina in Dreamweaver MX


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).

istruzione

Creazione del codice

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. \"

Applicando la variazione

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 \").