Come fare un menu online

September 14

Come fare un menu online


Smashing Magazine, una delle principali autorità Web design, dice: "La navigazione è l'elemento più significativo nel Web design." Gli sviluppatori Web creano i menu in una varietà di stili. menu orizzontali scorrono lungo la pagina, mentre i menu verticali vengono visualizzati sul lato. Lo stile che si sceglie dipende dalla vostra obiettivi di progettazione. È possibile utilizzare Flash, CSS o JavaScript per creare menu o generare on-line in pochi minuti.

istruzione

Usare CSS Menu Maker

1 Visita il sito web CSS Menu Maker. Si vedrà campione discesa, orizzontali e verticali menu.

2 Fare clic su uno dei menu e quindi fare clic su "Personalizza". La pagina di Struttura Crea menu si apre.

3 Fai clic su "Aggiungi pulsante." Inserire un titolo per il pulsante nella casella di testo Titolo. Inserisci un URL nella casella di testo Collegamento. Il titolo immesso apparirà sul pulsante. Quando si fa clic sul pulsante, il browser vi porterà l'URL immesso nella casella di testo Collegamento.

4 Fai clic sul menu a tendina "Target" e selezionare "stessa finestra" per fare il collegamento aperto nella stessa finestra del browser. In caso contrario, selezionare "Nuova Finestra". Fai clic su "Anteprima" per vedere in anteprima il menu.

5 Fai clic su "Modifica Mantenere My Menu" e continuare ad aggiungere i pulsanti di menu aggiuntive se ne avete bisogno.

6 Fai clic su "Anteprima" quando si è fatto e quindi fare clic su "Download Now". Il sito scaricare un file ZIP sul disco rigido e aprire una finestra di Esplora risorse di Windows.

7 Fare clic sul pulsante "Extract Tutti i file" nella parte superiore di Esplora risorse di Windows e quindi fare clic su "Extract". Di Windows Explorer estrarre i file sul disco rigido e li visualizza in una cartella. Questi file includono le immagini, codice CSS e istruzioni di installazione.

8 Fare clic sul file HTML "installation_instructions". Il tuo browser si aprirà e vi mostrerà come aggiungere il menu per il vostro sito web.

Usa IzzyMenu

9 Visita il sito IssyMenu e fare clic su "My Menu". Apparirà un menu di registrazione.

10 Immettere un nome utente e una password di vostra scelta per creare un account gratuito. Fai clic su "Registra".

11 Inserisci il tuo nome utente e la password nelle caselle di testo Accesso e clicca su "Accedi". Fare clic sul pulsante "X" nella parte superiore della pagina per visualizzare la home page.

12 Fai clic su "stili di menu." Il Catalogo pagina del menu si apre e visualizza un elenco di stili di menu. Sfoglia i menu e fare clic su quello che ti piace. Il sito verrà visualizzato il menu nella finestra di modifica. Il lato sinistro della pagina contiene proprietà del menu, come il tipo di menu, font, larghezza e colore.

13 Individuare la proprietà Type Menu e fare clic su "verticale" o "orizzontale" per scegliere un tipo di menu.

14 Utilizzare le frecce a discesa per impostare carattere, la larghezza, il colore di sfondo e altre proprietà del menu. Se non si apportano modifiche, il sito utilizzerà i valori predefiniti delle proprietà.

15 Fare clic sul pulsante "Link". Il sito mostrerà proprietà di collegamento, come il colore, l'altezza della linea e bordo. Utilizzare le frecce a discesa per impostare le proprietà o lasciare i valori predefiniti.

16 Fare clic sul pulsante "Hover". Si vedrà proprietà collegamento hover come il colore e il colore di sfondo. Queste proprietà definiscono come link guardano quando si passa il mouse su di loro. Selezionare i valori per queste proprietà, se si desidera modificare i valori predefiniti.

17 Fai clic su "Struttura del menu". La pagina di struttura del menu si apre e visualizza la struttura del menu corrente. Per impostazione predefinita, si vedrà articoli per "casa", "About" e "Contatto". Un URL appare accanto a ciascun elemento. Ad esempio, l'URL del prodotto casa è "home.html".

18 Fai clic su "home.html" e digitare l'URL del tuo vero home page.

19 Fare clic sulle e URL "about.html" "contact.html" e sostituirli con gli URL delle pagine web circa e di contatto. Se non si desidera utilizzare una delle voci di menu esistenti, fare clic sul pulsante "Meno" accanto alla voce che si desidera eliminare.

20 Fare clic sul pulsante "Plus" per aggiungere una nuova voce di menu. L'elemento apparirà nella lista. Fare clic sul nuovo elemento, tenere premuto il tasto sinistro del mouse e trascinare se si desidera riposizionare esso.

21 Fai clic su "Download". Il sito scaricare un file ZIP sul disco rigido e aprire una finestra di Esplora risorse di Windows.

22 Fare clic sul pulsante "Extract Tutti i file" nella parte superiore di Esplora risorse di Windows e quindi fare clic su "Extract". Di Windows Explorer estrarre i file sul disco rigido e li visualizza in una cartella. Questi file includono le immagini, codice CSS e istruzioni di installazione.

23 Fare doppio clic sul file denominato "IzzyMenu.html." Il tuo browser si aprirà e visualizzare il menu.

Usare CSS Menu Builder

24 Visita il sito web Builder CSS Menu. Verrà visualizzato un elenco di stili di menu orizzontali, verticali e breadcrumb.

25 Fare clic sul pulsante che corrisponde allo stile che si desidera utilizzare. Ad esempio, per creare un menu orizzontale, cliccare su "Build Menu orizzontale". La progettazione della pagina si aprirà e visualizzare i vari stili di pulsanti.

26 Fare clic su uno degli stili pulsante e quindi fare clic su "Avanti". Il sito mostrerà cinque sezioni di colore.

27 Selezionare i valori di colore nella sezione Colori Puntatore per impostare il colore del puntatore del mouse.

28 valori di colore impostati nella sezione Colori Hover per impostare il modo in cui viene visualizzato un pulsante quando si passa il mouse su di esso. Per esempio, se si sceglie il rosso come colore hover, pulsanti di menu diventa rosso quando si sposta il mouse su di loro.

29 Definire i valori dei colori nei colori inattivi sezione per impostare il modo in cui viene visualizzato un pulsante quando non è selezionata.

30 Selezionare i valori di colore nella sezione Colori attivi per impostare il modo in cui viene visualizzato un pulsante quando viene selezionato.

31 Individuare la sezione delle impostazioni del menu e selezionare i valori per l'allineamento del contenitore, la larghezza del menu e il testo. Mettere un segno di spunta accanto a "angoli arrotondati", se si desidera creare un menu con gli angoli arrotondati.

32 Fare clic su "Avanti" per visualizzare la pagina dei Link. Per impostazione predefinita, potrete vedere le voci del menu di esempio per la casa, Servizi, Informazioni su e Contatto. Fare clic sul pulsante "Elimina collegamento" accanto a ciascuna voce di menu per eliminarlo.

33 Digitare un nome per un elemento che si desidera visualizzare sul menu nella casella di testo Nome collegamento. Inserire l'URL associato a quel nome nella casella di testo Collegamento URL. Fai clic su "Aggiungi link". La nuova voce apparirà sul lato sinistro della pagina.

34 Ripetere questa procedura per aggiungere ulteriori elementi al menu. Per modificare l'ordine delle voci, fare clic e trascinarli nuove posizioni sul menu.