Hvordan lage en meny Online

Smashing Magazine, et ledende webdesign autoritet, sier, "Navigasjon er det viktigste elementet i web design." Webutviklere lage menyer i en rekke stilarter. Horisontale menyer flyte over siden, mens vertikale menyer vises på siden. Stilen du velger avhenger av dine design mål. Du kan bruke Flash, CSS eller Javascript for å lage menyer eller generere dem på nettet i løpet av minutter.

Bruksanvisning

Bruk CSS Menu Maker

1 Besøk CSS Menu Maker hjemmeside. Du vil se eksempel drop-down, horisontale og vertikale menyer.

2 Klikk på en av menyene og klikk "Tilpass." Den Opprett Menystruktur side åpnes.

3 Klikk "Legg til knapp." Skriv en tittel på knappen i Tittel tekstboksen. Skriv inn en URL i Link tekstboksen. Tittelen du skriver inn vil vises på knappen. Når du klikker på knappen, vil nettleseren tar deg til URL-adressen du skriver inn i Link tekstboksen.

4 Klikk på "Target" drop-down boksen og velg "samme vindu" for å gjøre koblingen åpne i samme nettleservindu. Ellers velger du "Nytt vindu". Klikk "Preview" for å forhåndsvise menyen.

5 Klikk "Keep Redigere Min meny" og fortsette å legge til flere menyknapper hvis du trenger dem.

6 Klikk "Preview" når du er ferdig og klikk "Last ned nå." Siden vil laste ned en ZIP-fil på harddisken din og åpne et Windows Utforsker-vindu.

7 Klikk på "Pakk ut alle filer" -knappen øverst i Windows Utforsker, og klikk deretter på "Extract". Windows Explorer vil pakke ut filene til harddisken og vise dem i en mappe. Disse filene inkluderer bilder, CSS-kode og monteringsanvisninger.

8 Klikk på "installation_instructions" HTML-fil. Nettleseren vil åpne og vise deg hvordan du legger i menyen til ditt nettsted.

bruk IzzyMenu

9 Besøk IssyMenu hjemmeside og klikk på "Min Menyer." Registrerings meny vises.

10 Skriv inn et brukernavn og et passord du velger å opprette en gratis konto. Klikk på "Registrer".

11 Skriv inn brukernavn og passord i innloggingstekstboksene, og klikk "Logg inn". Klikk på "X" øverst på siden for å vise hjemmesiden.

12 Klikk på "Meny Styles." Meny Catalog side åpnes og viser en liste over menystiler. Bla gjennom menyene og klikk en du liker. Siden vil vise menyen i redigeringsvinduet. Den venstre siden av siden inneholder meny egenskaper, for eksempel menytype, skrifttype, bredde og farge.

1. 3 Finn Meny Type eiendom og klikk "Vertical" eller "Horizontal" for å velge et menytype.

14 Bruk rullepilene for å angi skrift, bredde, bakgrunnsfarge og andre meny egenskaper. Hvis du ikke gjør noen endringer, vil arrangøren bruke standardeiendomsverdier.

15 Klikk på "Link" knappen. Nettstedet viser koblingsegenskaper, for eksempel farge, linjehøyde og grensen. Bruk rullepilene for å angi egenskapene eller la standardverdiene.

16 Klikk på "Hover" -knappen. Du vil se lenke hover egenskaper som farge og bakgrunnsfarge. Disse egenskapene definerer hvordan koblinger se når du holder du musepekeren over dem. Velg verdier for disse egenskapene hvis du ønsker å endre standardverdiene.

17 Klikk "Menystruktur". Menystrukturen side åpnes og vise din nåværende menystruktur. Som standard vil du se elementer for "Home", "Om" og "Kontakt". En URL vises ved siden av hvert element. For eksempel, er Home elementets URL "home.html."

18 Klikk "home.html" og skriv inn nettadressen til din virkelige hjemmeside.

19 Klikk på "about.html" og "contact.html» nettadresser og erstatte dem med nettadressene til Om og Kontakt websider. Hvis du ikke ønsker å bruke en av de eksisterende menyelementer, klikker du på "Minus" knappen ved siden av elementet du vil slette.

20 Klikk på "Plus" -knappen for å legge til et nytt menyelement. Elementet vil vises i listen. Klikk på den nye element, hold nede venstre museknapp og dra hvis du ønsker å flytte den.

21 Klikk på "Last ned". Siden vil laste ned en ZIP-fil på harddisken din og åpne et Windows Utforsker-vindu.

22 Klikk på "Pakk ut alle filer" -knappen øverst i Windows Utforsker, og klikk deretter på "Extract". Windows Explorer vil pakke ut filene til harddisken og vise dem i en mappe. Disse filene inkluderer bilder, CSS-kode og monteringsanvisninger.

23 Dobbeltklikk på filen som heter "IzzyMenu.html." Nettleseren vil åpne og vise menyen.

Bruk CSS Menu Builder

24 Besøk CSS Menu Builder nettsted. Du vil se en liste over horisontale, vertikale og brødsmule menystiler.

25 Klikk på knappen som tilsvarer den stilen du vil bruke. For eksempel, for å lage en horisontal meny, klikk på "Bygg horisontale menyen." Utformingen side åpnes og vise ulike knappe stiler.

26 Klikk på en av knapp stiler og klikk deretter på "Next". Siden vil vise fem fargeseksjoner.

27 Velg fargeverdiene i Pointer Colors delen for å sette farge på musepekeren.

28 Sett fargeverdiene i Hover Colors delen for å angi hvordan en knapp vises når du holder musen over den. For eksempel, hvis du velger rød som hover farge, vil menyknappene lyser rødt når du beveger musen over dem.

29 Definer verdier i Inaktive Colors delen for å angi hvordan en knapp vises når det ikke er valgt.

30 Velg fargeverdiene i det aktive Colors delen for å angi hvordan en knapp vises når er valgt.

31 Finn Menyinnstillinger-delen og velger verdier for beholderen, meny bredde og tekstjustering. Sett en hake ved siden av "Avrundede hjørner" hvis du ønsker å lage en meny med avrundede hjørner.

32 Klikk "Next" for å vise lenkesiden. Som standard vil du se eksempel menyelementer Home, Tjenester, Om og Kontakt med. Klikk på "Slett Link" knappen ved siden av hvert menyelement for å slette den.

33 Skriv inn et navn for en vare som du vil skal vises på menyen i Link tekstboksen Navn. Skriv inn URL forbundet med det navnet i Link URL tekstboksen. Klikk "Legg til Link." Det nye elementet vil vises på venstre side av siden.

34 Gjenta denne prosessen for å legge til flere elementer i menyen. For å endre rekkefølgen på elementene, klikk og dra dem til nye steder på menyen.