Come creare piè di pagina di un tema

May 29

Come creare piè di pagina di un tema


Un tema sito web è il codice utilizzato per creare pagine uniformi per l'intero sito e contiene tre sezioni standard. Queste sezioni sono l'intestazione, il contenuto principale e il piè di pagina. piè di pagina di un tema contiene informazioni come le comunicazioni di copyright, ultimo aggiornamento della pagina web, un link ad una mappa del sito e le informazioni di contatto sito web. Un sito web autore può creare il piè di pagina tema con sfondi complicati o consentirgli di ereditare il disegno complessivo tema.

istruzione

1 Determinare quale file conterrà le informazioni di piè di pagina per il tema. HTML e Active Server Pages (ASP) siti in possesso di queste informazioni nello stesso file, come il resto delle informazioni HTML del sito. Tuttavia, alcuni siti web basato PHP contengono queste informazioni in un file di piè di pagina separata denominata "footer.php".

2 Aprire il file piè di pagina in un editor di testo. Utilizzare Blocco note per Windows o TextEdit per Mac.

3 Aggiungere il seguente codice alla linea direttamente sopra il </ body> tag di chiusura nel file. Il piè di pagina è l'elemento finale della pagina caricata in un browser, quindi questo è il posizionamento standard per il piè di pagina.

<Div id = "footer">

&lt;p>&copy; My Example Site&lt;/p>

</ Div>

</ Body>

La prima riga contiene il tag di apertura divisione piè di pagina. La seconda riga contiene il codice per un paragrafo piè di pagina. Questo esempio carica sulla pagina come un simbolo di copyright e "il mio esempio del sito". La terza linea si chiude la divisione piè di pagina.

4 Salvare il file del tema e chiuderlo.

5 Aprire il foglio di stile del tema. Questo file contiene tutte le informazioni di stile per il tema, tra cui la larghezza della pagina web, i tipi di font e le immagini di sfondo.

6 Aggiungere il seguente codice al fondo del foglio di stile:

footer {

font-size: 8px;

width: 100%;

height: auto;

margin: 10px 10px 0px 0px;

padding: 3px;

clear: both;

}

Questo codice di esempio dice al browser come visualizzare il piè di pagina. I "#footer" segnali al browser che questa parte del Cascading Style Sheet (CSS) stili del piè di pagina. Il font è alto 8 pixel. La larghezza dell'area piè è esattamente la stessa larghezza del resto della pagina. L'altezza cresce automaticamente quando viene aggiunto ulteriori informazioni alla zona. Dieci pixel separano i margini superiore e inferiore del piè di pagina, mentre non ci sono i margini sul lato destro e sinistro. Tre pixel pad l'area tra il contenuto dell'area ei margini. Infine, il piè libera fuori qualsiasi elemento flottante nella pagina sopra o su entrambi i lati di esso.

7 Salvare il file CSS e vicino.

Consigli e avvertenze

  • È possibile utilizzare il software premio di design, come Adobe Dreamweaver o Microsoft Expression Design, al posto delle applicazioni native elencati qui.
  • Salvare i file dopo ogni modifica.
  • Testare la pagina in vari browser per verificare le corrette dimensioni e il luogo del piè di pagina.
  • Secondo la libreria MSDN, pagine ASP scritte con HTML degrada con grazia, se non vi è alcuna funzionalità ASP nella pagina.
  • Chiudere tutti i tag per garantire il corretto posizionamento del piè di pagina.