Come creare sito web menu

September 1

Come creare sito web menu


Quando si dispone di un sito web che consistono in più di una pagina, è necessario aggiungere un menu di navigazione al sito. Il menu di navigazione aiuta visitatori del sito web navigare verso gli altri file di pagina che sono collegati al tuo sito web. Al fine di creare un menu di navigazione, è necessario avere una certa conoscenza di come lavorare con il codice HTML. È inoltre necessario l'accesso a software di progettazione grafica.

istruzione

1 Creare pulsanti di testo per il tuo sito web menu. Il pulsante di testo dovrebbe contenere il testo di navigazione che indica chiaramente il visitatore del sito ciò che sta cliccando su. Per esempio, un pulsante può contenere la parola "casa." Un altro tasto può contenere le parole "Contattaci".

È possibile creare pulsanti del menu attraverso un programma di software di grafica come Adobe Photoshop. Tuttavia, se non si vuole pagare per il software di progettazione grafica, è possibile utilizzare software di grafica online gratuito per creare i pulsanti. Alcuni siti che offrono software online per creare pulsanti di testo sono testo freddo, Web Toma e pulsanti AAA.

2 Right-Click il pulsante se si utilizza un software on-line, quindi selezionare l'opzione "Salva" per salvare il pulsante sul disco rigido del computer, se si sta utilizzando il software gratuito on-line. Se si utilizza Photoshop, fate clic su "File" e "Salva con nome" per salvare il pulsante sul disco rigido.

3 Accedere al "Pannello di controllo" del tuo account di hosting sito web.

4 Clicca su "Directory file." Selezionare la cartella "Immagini" nella directory del file.

5 Selezionare l'opzione "Upload". Sfogliare i file sul disco rigido fino a individuare i pulsanti di menu che sono state salvate nel passaggio 2. Fare clic su ogni pulsante per evidenziarlo. Quando si fa clic, è possibile tenere premuto il tasto "Ctrl" sulla tastiera per selezionare più file. Potrebbe essere necessario fare clic sul pulsante "OK" per completare il caricamento dei pulsanti. Questo può variare da account di hosting.

6 Annotare il nome del file per ogni pulsante che è stato caricato nella directory di file. Ad esempio, www.yoursite.com/images/home.jpg e www.yoursite.com/images/contactus.jpg.

7 Chiudere fuori dalla cartella immagini. Torna alla finestra principale del vostro "Directory file."

8 Fare clic su una delle pagine web all'interno della directory del file per aprirlo per la modifica. Non importa quale pagina si clicca su se avete intenzione di aggiungere il menu per ogni pagina del tuo sito web. Se si desidera solo aggiungere il menu di una pagina, è sufficiente fare clic sulla pagina che si desidera aggiungere il menu per.

9 Guarda verso la parte superiore della finestra di editor HTML per il tag con l'etichetta <HTML>. Subito dopo il tag <HTML>, inserire il seguente codice:

<Center> <a href="&lt;img"> http://www.yoursite.com/home.html">&lt;img rel = "nofollow"> http://www.yoursite.com/images/home .jpg> & lt; / a>

<a href="&lt;img"> http://www.yoursite.com/contactus.html">&lt;img rel = "nofollow"> http://www.yoursite.com/images/contactus.jpg> & lt; / a> & lt; / center>

10 Modificare il codice HTML sopra inserendo il proprio indirizzo web tra la staffa <a href>. È inoltre necessario immettere il nome del file per le immagini, come al punto 6, tra la staffa <img src>.

11 Inserire un altro <a href> e <img src> staffa, come mostrato nel codice di esempio, se si desidera aggiungere altri pulsanti. Il codice "" luoghi semplicemente un piccolo spazio tra i pulsanti in modo che non saranno toccano l'un l'altro.

12 Selezionare l'opzione "Salva" per salvare il menu di navigazione alla tua pagina web.

13 Ripetere i passaggi da 8 a 11 per ogni pagina che si trova nella directory del file.