Hvordan lage en Multi Tab webside

Multi kategorien nettsider gir et attraktivt og dynamisk grensesnitt som brukerne kan klikke deg gjennom når du navigerer gjennom et nettsted. Tabbed navigeringslinjer er vanligvis laget med en kombinasjon av programmeringsspråk; men du kan bruke gratis, ferdige maler fra Dynamic Drive og spare tid, eller behovet for å ha koding kunnskap. Lær hvordan du kan lage dine egne multi kategorien menyer for websidene dine og gi en forbedret brukeropplevelse for web besøkende.

Bruksanvisning

1 Acquire gratis fanemenyen skript fra Dynamic Drive Internett kilde for å få Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) og Javascript-kode er nødvendig for å skape menyen. Klikk på "ddtabmenu.zip" linken for å laste ned kildefilene til datamaskinen.

2 Dobbeltklikk på den nedlastede mappen og åpne "ddtabdemos.htm" fil i en HTML-tekstredigeringsprogram, for eksempel Dreamweaver. Dette dokumentet inneholder alle faner meny eksempler på slik at du kan forhåndsvise dem og se hvilken du ønsker å bruke på ditt nettsted.

3 Legg valgt multi-kategorien på nettsiden din. Hver kategori alternativet har tilhørende CSS og HTML-kode merket med eksempel nummer (for eksempel eksempel 1), slik at du kan slette kategorien eksempler som du ikke vil bruke. Alternativt kan du åpne en eksisterende nettside dokument og sette inn de riktige kodene.

4 Redigere navigasjonsfeltet slik at det inneholder innhold og lenker. Gjør dette ved å finne de "<li>" liste koder i HTML-koden og erstatte de eksisterende webadresser og eksempelteksten med din egen. Fortsett ved å rulle ned til "<div>" DIV koden for å redigere eksempelteksten som vises når en kobling svevde over.

5 Tilpass utseendet på menyen ved å redigere CSS-filen. Bruk "CSS Styles Window" i Dreamweaver for å se reglene stil, eller åpne den aktuelle CSS-filen gitt i den nedlastede zip-fil. Se stilarket og bruke tekstredigeringsprogrammet "Properties" vinduet for å legge til eller redigere stiler, for eksempel bar farge, i henhold til dine preferanser.

6 Navn og lagre filene. Bruk nettleserens "Preview" funksjon for å teste ut flere kategorien nettside.

Hint

• Ikke fjern kreditt merknader i noen av filene, slik at de ikke krenker opphavs opphavsrett.