Hvordan å gjøre Spry Menyer

Hvordan å gjøre Spry Menyer


For å legge til et attraktivt og dynamisk navigasjonsmenyen til ditt nettsted, opprette en bruker Adobes Spry funksjoner. I sin bok, "Dreamweaver CS3: The Missing Manual," forfatteren David Sawyer McFarland oppsummeres Spry as (se referanser) Siden Dreamweaver CS3 "en samling av avansert Javascript programmering som lar deg legge til en rekke dynamiske effekter på websidene." og CS4 kommer med Spry funksjonene, kan du bruke enten versjon av Web design software for å utvikle nettstedet og lage din navigasjonsmeny med relativ letthet.

bruksanvisning

1 Plasser markøren der du vil sette inn Spry-menyen på din Dreamweaver HTML-side. Pass på at dette er en av de første tingene du gjør når du utvikler din side; denne måten, den første siden fungerer som en mal, og menyen blir ført over til de andre sidene.

2 Klikk på "Sett inn" i menylinjen øverst på skjermen. Flytt markøren mot bunnen av rullegardinmenyen, holder du markøren over "Spry" og deretter "Spry menylinjen" i undermenyen og klikk.

3 Velg om du vil at menylinjen til å være horisontal eller vertikal, og klikk på den aktuelle knappen.

4 Endre meny etiketter fra "Sak 1" til "Sak 4" til de aktuelle navn som "Hjem", "Om" og "Kontakt". Du kan gjøre dette i "Design" visning, "Code" visning eller i " Properties "nederst på siden. Egenskaper delen lar deg redigere undermenyer og sette inn hyperkoblinger for menykategoriene.

5 Lagre dokumentet. Dreamweaver vil spørre om du vil lagre de avhengige Spry filer; disse inkluderer Javascript dokumentet som styrer Spry menyen funksjonalitet og CSS-filen som styrer menyen utseende. Klikk på "OK".

6 Fortsett med å tilpasse menylinjen. Det er to måter å re-tilgang til Spry redaktør i delen Egenskaper. Når du klikker i menyen din, bør en blå bar vises på toppen av det: klikk på den for å åpne Spry redaktør nedenfor. Du kan også klikke på <ul.MenuBarVertical # MenuBar1> eller <ul.MenuBarHorizontal # MenuBar1> i "statuslinjen" nederst i HTML-dokumentet.

Hint

  • Hvis du vil redigere menylinjen utseende, klikk på fanen ovenfor merket "SpryMenuBarVertical.css" eller "SpryMenuBarHorizontal.css" og bytte til "Code" visning. Du kan justere farge, polstring og grenser i denne filen. CSS-filen skal åpnes automatisk siden det er avhengig av HTML-fil. Hvis den ikke gjør det, åpner du mappen hvor du lagrer din side. I mappen som heter "Spry Eiendeler," åpne CSS-fil.
  • Med mindre du er kjent med Javascript, er det en god ide å la Spry Javascript (JS) fil intakt. En svikt i denne filen kan føre til at menyen for å ikke fungere slik det var opprinnelig ment; det kan også påvirke brukbarheten av hele området.