November 30
Piè di pagina si trovano in fondo a una pagina Web. Essi consentono di legare insieme il vostro sito web e fornire ulteriori dettagli su una società. Web designer spesso ripetono collegamenti dalla navigazione in alto all'interno del piè di pagina per impedire agli utenti di scorrere indietro fino a recuperare le informazioni. Dal momento che il piè di pagina è spesso breve, è possibile dividere in colonne di strutturare il contenuto più facilmente. Ad esempio, si può decidere di includere i dettagli di contatto sulle informazioni di sinistra, diritto d'autore nel mezzo e le condizioni della società sulla destra.
1 Avviare un editor di testo, come Blocco note, WordPad o EditPad. Selezionare "File" e "Apri" dal menu. Si apre una finestra di dialogo. Fare doppio clic sul file HTML che si desidera modificare.
2 Aggiungere il seguente codice tra il tag <HEAD> per creare uno stile per il piè di pagina. Sostituire la larghezza con la larghezza specifica che si desidera impostare per il piè di pagina. Il "900px;" width applica alla larghezza dell'intera piè. La larghezza all'interno di "sinistra", "medio" e "destra" si applicano a quella di ogni colonna all'interno del piè di pagina.
<Style type = "text / css">
<! -
footer {
clear: both;
width: 900px;
border-top: 2px nero solido;
}
.left {float: left; width: 300px; }
.middle {float: left; width: 300px; }
.right {float: left; width: 300px; }
->
</ Style>
3 Scorrere fino alla fine della pagina Web, appena sopra il tag di chiusura <BODY>.
4 Aggiungere il seguente codice HTML per creare e dividere il piè di pagina in terzi:
<Div id = "footer">
<Div class = "left"> sezione </ div> sinistra
Sezione centrale </ div> <div class = "middle">
<Div class = "right"> sezione destro </ div>
</ Div>
5 Sostituire "parte sinistra", "Sezione centrale" e "la sezione a destra" con i contenuti del piè di pagina.