Rendere una pagina web centrato consente di creare contenuti che vengono visualizzati orizzontalmente al punto centrale della pagina, anche se la finestra del browser è ingrandita o ridotta. Inoltre, formattazione della pagina in questo modo garantisce che il vostro lavoro è ben definito in mezzo affinché tutti gli elementi sono visibili. Utilizzo dell'applicazione di Adobe Dreamweaver, è possibile utilizzare gli strumenti per creare le regole di stile Cascading Style Sheets (CSS) che consentono di centrare la propria pagina web con successo.

Istruzioni

1

Avviare l'applicazione di Dreamweaver, creare un nuovo file o aprirne uno esistente e aprire il pannello "Stili CSS" scegliendo questa opzione sotto il menu "Finestra".

2

Creare uno stile di "corpo" facendo clic su "Nuova regola CSS" e scegliendo "Tag". Inserire la parola "corpo" nel campo di testo "Tag" e selezionare "Solo questo documento." Il "corpo" controlla l'aspetto complessivo della pagina e consente di impostare misure che aiutano a centro pagina.

3

Selezionare "Box" nella finestra di dialogo che viene visualizzata, immettere uno zero nel campo di testo "Padding" e "Margine" e seleziona le caselle "Uguale per tutti". Fare clic su "OK" quando finito per avere il codice CSS automaticamente inserito nella pagina HTML.

4

Creare uno stile che controlla l'area che contiene il contenuto della pagina web scegliendo un termine, ad esempio "contenitore", che denomina questa regola. Ripetere la procedura nel passaggio 2, ma questa volta inserire la parola desiderata nel campo di testo "Tag".

5

Impostare gli stili per la regola nel passaggio 4 cliccando "Box" e inserendo un numero, ad esempio 780 pixel, nel campo di testo "Larghezza" per controllare la larghezza della pagina. Ripetere questo processo facendo clic sulla categoria di "Posizionamento" e inserendo lo stesso valore nel campo "Larghezza". Fare nuovamente clic su "Box" e inserire una misura per il "margine" digitando gli zeri nei campi "Top" e "Bottom". Selezionare "auto" da "Destra" e "Sinistra" drop-down menu.

6

Salvare il file e selezionare "Visualizza anteprima nel browser" sotto "File" per visualizzare la pagina centrata.

Consigli & Avvertenze

• Alcune versioni di Dreamweaver, come ad esempio CS3, forniscono modelli di pagina web, Ready-Made centrato in modo che non è necessario creare il codice CSS. Per accedervi, fare clic su "Nuovo" sotto "File", selezionare "HTML" o "HTML Template" sotto "Tipo di pagina" e selezionare un titolo con la parola "centrata" in esso sotto la sezione "Layout".