Una barra di navigazione è un luogo dove gli utenti del sito possono controllare dove vanno sul sito web. Esso contiene i collegamenti a diverse porzioni del sito web ed è spesso stato progettato per maglie bene con l'aspetto generale del sito. La barra di navigazione è stato creato utilizzando HTML e la codifica CSS. La codifica HTML colpisce come le funzioni della barra di navigazione. Le influenze di codifica CSS più di come la barra di navigazione appare.

istruzione

1 Utilizzare il software web-building per costruire lo scheletro del sito web. software edificio Web utilizza un'interfaccia visiva per costruire gran parte del codice che è necessario per il sito web, permettendo di concentrarsi più specificamente sugli aspetti del codice che è possibile personalizzare.

2 Utilizzare un client FTP per accedere al tuo sito web. Il cliente avrà bisogno del vostro URL del sito web, FTP indirizzo, nome utente e la password per accedere al sito web sul web host.

3 Individuare il file che ha "css" alla fine l'estensione del file. Il file CSS che si desidera modificare dirà "<! DOCTYPE HTML PUBLIC" all'inizio. Qui, è possibile apportare modifiche al codice per costruire la vostra barra di navigazione.

4 Trova "#navbar ul {". Controllo, dove la barra di navigazione è a sinistra, al centro oa destra allineato modificando il testo dopo "text-align."

5 Trova "background-color :." Il numero che segue il codice indica il colore di sfondo. Modificare il numero di cambiare il colore di sfondo a ciò che si desidera.

6 Utilizzare un programma di grafica per creare gli aspetti più eleganti della barra di navigazione. Molte barre di navigazione hanno pendenze che li fanno apparire più 3-D ed elegante. Creare un rettangolo che rappresenterà il bar.

7 Posizionare due colori differenti, uno sopra l'altro, uno accanto all'altro in cui vengono create le barre di navigazione. Posizionare l'effetto di sovrapposizione di pendenza sui due colori in modo che si fondono. Modificare l'opacità del livello della barra di navigazione si trova così lo sfondo mostra attraverso un po 'e sembra più come la barra di navigazione è una parte del sito web.

8 Create un nuovo livello. Disegnare linee che viaggiano nella direzione opposta dell'orientamento della barra di navigazione. Ad esempio, quando la barra di navigazione viaggia orizzontalmente, disegnare le linee verticali. Applicare un effetto sovrapposizione sfumatura sulle linee. Salvare il tipo di file come "png".

9 Aggiungere i file di immagine di barra di navigazione nella cartella "immagini" sul server. Aprire il style.css. Individuare il "#nav {" porzione di style.css e sotto "/ * navigazione principale."

10 Aggiungere il testo "background: url (immagini / yourfile.png)." Nel posto che dice "tuofile", immettere il nome della barra di navigazione si è creato.

11 In "#nav li {," aggiungere "background: url (immagini / yourfile.png)" e aggiungere il file. Sostituire il nome del file già lì con il nome del file in "background: url (immagini / nav-home.png)" sotto "#nav li.home un ,." Continuare a sostituire ogni bit di codice che contiene un nome di file diverso con il nome del file. Si sta dicendo il computer di ciascun visitatore per caricare l'immagine creata nel punto in cui si trovano i link della barra di navigazione, dando loro un look elegante.