Come creare una barra di navigazione per una pagina Web

September 14

Come creare una barra di navigazione per una pagina web. I visitatori del tuo sito possono trovare la strada utilizzando una barra di navigazione a portata di mano per guidarli!

istruzione

Una barra di navigazione che utilizza il testo salva solo il tempo di download ed è facile da aggiungere.

1 Aprire la pagina utilizzando un programma di editing di testo, come Blocco note o EditPad. Posizionare il cursore dove apparirà nella barra di navigazione.

2 Digitare quanto segue, cambiando i nomi delle pagine e le posizioni dove indicato: Home / Il tag centrale centra l'intera barra di navigazione, mentre i restanti tag servono per aggiungere un link di testo ad altre pagine. Gli ultimi tag aggiungere uno spazio, una linea di demarcazione e un altro spazio tra ogni collegamento.

3 Continuare ad aggiungere pagine in questo modo, cambiando i nomi e le posizioni, se del caso: Novità /

4 Chiudere il tag centro digitando:

Utilizzare una tabella per allineare i link e aggiungere colore ad una barra di navigazione. Si consiglia di leggere il 'Come aggiungere una tabella a una pagina Web' eHow prima.

5 Aprire la pagina utilizzando un programma di editing di testo, come Blocco note o EditPad. Posizionare il cursore dove apparirà nella barra di navigazione.

6 Iniziare la tabella digitando il seguente: Questo indica al browser di iniziare un tavolo senza frontiere e una larghezza di 100%.

7 Iniziare la riga della tabella:

8 Aggiungere il primo link digitando il seguente: Casa. Questo tag dice al browser la prima colonna ha una larghezza di 25% del tavolo, aggiunge un collegamento alla home page, centra il testo e chiude la colonna.

9 Continuare ad aggiungere i collegamenti con gli stessi tag, sostituendo il nome della pagina e la posizione a seconda delle necessità. Cosa c'è di nuovo.

10 Chiudere il tag centro digitando:

11 Chiudere la riga digitando:

12 Terminare la tabella:

Verificare ogni link sulle opere a barre. I visitatori odiano perdersi e non tornerà!

13 Salvare la pagina appena rivisto e caricarlo sul vostro sito web.

14 La connessione a Internet e fare clic su ogni link per verificare che sia corretto.

15 Effettuare le modifiche necessarie, salvare e caricare di nuovo.

Consigli e avvertenze

  • Aggiungere un colore di sfondo al tavolo per farlo risaltare. Dopo la WIDTH = 100% tag, digitare quanto segue, sostituendo con il colore desiderato o il codice esadecimale: BGCOLOR = 'blu'.
  • Se si utilizza un colore di sfondo, rendere i collegamenti di testo in grassetto o aumentare la dimensione dei caratteri per farli risaltare meglio contro lo sfondo colorato.
  • Aggiungere o diminuire il numero di colonne assicurandosi che la percentuale di ciascuna colonna combinata aggiunge fino a 100%. Ad esempio, l'esempio precedente utilizza quattro colonne, ciascuna 25% del tavolo. Per tre colonne, utilizzare il 33%.

Articoli Correlati