Oprettelse af en suspenderet liste i Dreamweaver

En drop-down boks ligner en tekstboks, men forskellen er, at den giver brugeren mulighed for at vælge muligheder fra en rullemenu i stedet for at skrive tekst. Listen over menuvalg vises, når brugeren klikker på boksen. Du kan tilføje en drop-down boks i Dreamweaver ved at indtaste den som en formular på din webside. Der er en anden måde at bruge Vista Knapper udvidelsen, som giver dig mulighed for at tilføje flere valgmuligheder til rullelisterne i Macromedia Dreamweaver.

trin

Billede med titlen Tilføj en drop-down boks i Dreamweaver Trin 1
1
Åbn Dreamweaver.
  • Billede med titlen Tilføj en drop-down boks i Dreamweaver Trin 2
    2
    Åbn dokumentet i Dreamweaver. Du kan oprette et nyt HTML-dokument eller åbne en side, hvor du vil tilføje rullelisten. For at oprette eller åbne en ny fil i Dreamwever, skal du gå til menuen "Fil" i øverste venstre hjørne af skærmen.
  • Billede med titlen Tilføj en drop-down-boks i Dreamweaver Trin 3
    3
    Klik, hvor du vil indsætte boksen.
  • Billede med titlen Tilføj en drop-down boks i Dreamweaver Trin 4
    4
    Klik på "Insert" i topmenuen.
  • Billede med titlen Tilføj en drop-down-boks i Dreamweaver Trin 5
    5
    Vælg "Formular".
  • Billede med titlen Tilføj en drop-down-boks i Dreamweaver Trin 6
    6
    Vælg den rigtige formular. Afhængig af den version af Dreamweaver, der bruges, kan den korrekte valgmulighed være mærket "Jump Menu" eller "List / Menu".
  • Billede med titlen Tilføj en drop-down-boks i Dreamweaver Trin 7
    7
    Indtast emnerne i listen. Disse vil være de menupunkter, der vises i rullemenuen. Klik på "+" -tegnet, når du vil tilføje en ny mulighed i listen.
  • Billede med titlen Tilføj et drop-down-felt i Dreamweaver Trin 8
    8
    Bestem et id for menuen. Indsæt et simpelt id, som f.eks. "Menu", som reference og hjælpe dig med at huske, hvad formens funktion er.
  • Billede med titlen Tilføj en drop-down-boks i Dreamweaver Trin 9


    9
    Tryk på "OK" knappen. Så drop-down menuen vil blive indsat i siden som en formular.
  • Vista knapper

    Billede med titlen Tilføj en drop-down-boks i Dreamweaver Trin 10
    1
    Download Vista-knapper ved hjælp af downloadlinket på den officielle udvidelseswebsted (https://vista-buttons.com/).
  • Billede med titlen Tilføj en drop-down boks i Dreamweaver Trin 11
    2
    Kør installationsguiden. Luk helst Dreamweaver, før du starter denne proces.
  • Billede med titlen Tilføj en drop-down-boks i Dreamweaver Trin 12
    3
    Kontroller indstillingen "Dreamweaver", når guiden viser de programmuligheder, som du vil installere udvidelserne til.
  • Billede med titlen Tilføj en drop-down-boks i Dreamweaver Trin 13
    4
    Fortsæt med at trykke på "Næste" knappen, indtil installationen er færdig.
  • Billede med titlen Tilføj en drop-down boks i Dreamweaver Trin 14
    5
    Åbn Dreamweaver. Værktøjslinjen Vista-knapper skal vises øverst i vinduet.
  • Billede med titlen Tilføj en drop-down-boks i Dreamweaver Trin 15
    6
    Tryk på knappen "Indsæt menu" på værktøjslinjen Vista Knapper. Dette vil starte guiden Vista Knapper, så du kan indsætte en rulleliste i Dreamweaver ved hjælp af forskellige foruddefinerede skabeloner.
  • Billede med titlen Tilføj en drop-down-boks i Dreamweaver Trin 16
    7
    Vælg "Gem og Luk" for at afslutte indstillingerne. Når dette er gjort, vil menuen blive tilføjet til siden med de tidligere udstillingsindstillinger.
  • tips

    • Tryk på F12 på tastaturet for at forhåndsvise dokumentet åbnet i Macromedia Dreamweaver. Siden åbnes i en webbrowser, og du kan se, hvordan det endelige resultat fra rullemenuen vil se ud, når du endelig uploader siden.

    advarsler

    • Før du installerer Vista-knappens udvidelse, skal du sørge for, at Dreamweaver er installeret på din computer.
    Del på sociale netværk:

    Relaterede
    © 2024 HodTari.com