Hvordan lage en meny treet i Dreamweaver 8

Meny trær er svært populære på nettet, og kan sees på de fleste nettsteder hvor navigasjon er avgjørende for betrakterens opplevelse. En meny treet er rett og slett en meny som inneholder forskjellige navigasjonsnivåer som brukeren kan åpne eller skjule interaktivt. For eksempel på en matlaging nettsted, kan du ha en "oppskrifter" i menyen, som, når moused-over, har "Vegan", "Vegetarian" og "Kjøtt" seksjoner. Dreamweaver lar deg lage interaktive menytrær raskt og uten å måtte forholde seg til mye kode. Musen-over og sammen mulighetene i menyen opprettes automatisk av Dreamweaver med en HTML-språket kalles "Spry" som ser en forferdelig mye som Javascript.

bruksanvisning

1 Åpne en ny HTML-dokument ved å klikke på "File", "Ny", velge "HTML" som sidetypen og klikke "OK".

2 Dreamweaver krever at du lagre dokumentet før du legger widgets. Klikk på "File" og "Lagre som" og lagre dokumentet som "MenuTesting.html."

3 Klikk på "Sett inn", "Spry" og "menylinje". Du vil se en menylinje vises på skjermen med fire elementer.

4 Klikk på "File" og "Forhåndsvisning i leser," og velg nettleseren du velger å se på menyen i en nettleser. Hold musepekeren over "Sak 1." En sub-delen faller ned og viser deg "punkt 1.1", "punkt 1.2" og "Sak 1.3." Hvis du setter musen over "punkt 1.1" og sub-sub-meny vises viser deg "Sak 1.1.1" og "Sak 1.1.2."

5 I Dreamweaver, klikk "Code View." Rediger koden din ved å erstatte tekst som begynner med "Item" med selve teksten i menyen. Du kan teste ny skapning ved å forhåndsvise den i nettleseren din, som i trinn 4.