Centrare un sito

Oggi cerchiamo di ottenere un sito più leggibile "centrando il contenuto del nostro sito"non stò parlando di scrivere il testo e poi centrarlo, sto parlando di ottenere uno stile per il sito mettendo tutto il testo al centro della pagina.

Diciamo che vogliamo un margine vuoto sia a destra che a sinistra che in alto

indipendentemente dalla risoluzione video o dalla dimensione della finestra.

Ci sono due modi: i css, le tabelle di layout

Css

ho scritto una guida tempo fa abbastanza completa sul sito, l'hanno già fatta circolare in tanti quindi non ci torno sopra più di tanto, il foglio di stile che gestisce le pagine web avrà per oggetto questo ordine

padding-left:20%; padding-right:20%; padding-top:10%

lascia un 20% di margine a sinistra, a destra e un 10% in alto, possiamo applicarlo al tag body o a celle a seconda di come vogliamo organizzare il nostro sito

ecco un esempio

Tabelle di layout

Le tabelle di layout sono una novità di FP 2003 che ci consentono di creare zone separate per contenuti e per grafica.

Così come in dreamweaver il tutto si svolge per livelli. Attenzione però perchè prima di avventurarvi nella creazione di una pagina per livelli avete bisogno di disegnare il tutto nella vostra testa, comunque...

inserisci/livello

inserisce un riquadro modificabile

click con il dx del mouse

proprietà livello

vi si apre una finestra sulla dx dello schermo in cui andremo a modificare bordi, sfondo, posizionamento.

Nel posizionamento abbiamo scelto di creare una cella larga 600 pixel che rimane in mezzo al foglio, perciò abbiamo specificato una dimensione in percentuale: ecco l'esempio