Hvordan bygge en rullegardinmeny Bruke Spry i Dreamweaver?

Hvordan bygge en rullegardinmeny Bruke Spry i Dreamweaver?


En rullegardinmenyen i en webside åpnes når en bruker klikker eller svever hennes musepekeren over den. Du kan lage drop-down menyer i Dreamweaver, en webside laging program, med programmets innebygde Spry menylinjen widget. Spry menylinjen skaper drop-down menyen og dens rammeverk. Alt du trenger å gjøre er å redigere meny etiketter og konfigurere menystrukturen for å møte dine behov.

Bruksanvisning

1 Åpne Dreamweaver HTML-fil som du ønsker å lage en rullegardinmenyen, eller starte en ny HTML-fil ved å klikke på "File" -menyen og velge "New". Dette åpner dialogboksen Nytt dokument. Velg "HTML" fra Type-listen, og ønsket layout fra Layout-listen, og klikk deretter på "Create" -knappen.

2 Klikk på "File" -menyen og velg "Lagre som". Navn og lagre filen i dialogboksen Lagre som

3 Klikk på stedet på websiden der du vil plassere rullegardinmenyen.

4 Klikk på "Insert" -menyen, velg "Spry," og velg deretter "Spry menylinjen" fra flyout menyen. Dette åpner Spry Menylinje i dialogboksen.

5 Velg "Horisontal" -knappen, og klikk "OK." Dreamweaver skaper en horisontal rullegardinmenyen på siden

6 Gå til "Properties" panel og velg "Sak 1" i den første kolonnen i meny etiketter. Den første kolonnen i Properties panelet er de øverste menyen etiketter.

7 Velg den eksisterende teksten i "Text" feltet i Properties panelet og skriv din første meny etiketten.

8 Velg firkanttegn (#) i "Link" feltet i Properties panelet og skriver inn URL for dette menyvalget.

9 Gjenta trinn 6 til 8 til du har omdøpt alle etikettene i første kolonne og tildelt URLer til dem. Du kan opprette flere toppmenyelementer ved å klikke på "Legg til menypunktet" -knappen, et plusstegn ikon, over kolonnen.

10 Velg "Sak 1.1" i den andre kolonnen i Properties panelet. Den andre kolonnen inneholder andre nivå meny etiketter.

11 Velg den eksisterende teksten i "Text" feltet og skriv etiketten for dette menyvalget.

12 Velg firkanttegn (#) i "Link" feltet i Properties panelet og skriver inn URL for dette menyvalget.

1. 3 Gjenta trinn 10 til 8 til du har endret navn alle etikettene i den andre kolonnen og tildelt URLer til dem. Du kan opprette flere andre nivå menyelementer ved å klikke på "Legg til menypunktet" -knappen, et plusstegn ikon, over kolonnen.

Hint

  • For å opprette tredje nivå rullegardinmenyelementer, velg menyvalget andre nivå i Properties panelet som du ønsker å opprette en tredje nivå menyen, og klikk på "Legg menypunktet" -knappen over den tredje kolonnen da. Dreamweaver oppretter automatisk menypunktet tredje nivå i tredje kolonne.
  • Når du lagrer en webside som inneholder en Spry meny, skaper Dreamweaver støtter Javascript og CSS-filer og lagrer dem i en undermappe i rotkatalogen på nettsiden heter SpryAssets. Når du laster opp nettsiden til en webserver, ikke glem å laste opp SpryAssets mappen. Ellers vil rullegardinmenyen ikke vises og fungere ordentlig.