Crearea unei liste suspendate în Dreamweaver

O casetă verticală este similară cu o casetă de text, dar diferența este că permite utilizatorului să selecteze opțiunile dintr-un meniu drop-down în loc să scrie text. Lista opțiunilor de meniu apare atunci când utilizatorul face clic pe casetă. Puteți adăuga o casetă drop-down în Dreamweaver, introducând-o ca un formular pe pagina dvs. web. Există un alt mod de a utiliza extensia Vista Buttons, care vă permite să adăugați mai multe opțiuni la listele derulante din Macromedia Dreamweaver.

conținut

Pași
Butoane vista
Sfaturi
Avertismente

pași

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 1

Deschideți Dreamweaver.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 2

Deschideți documentul în Dreamweaver. Puteți crea un nou document HTML sau puteți deschide o pagină în care doriți să adăugați lista verticală. Pentru a crea sau deschide un fișier nou în Dreamwever, accesați meniul "Fișier" din colțul din stânga sus al ecranului.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 3

Faceți clic pe locul în care doriți să inserați caseta.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 4

Faceți clic pe "Inserați" în meniul de sus.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 5

Selectați "Formă".

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 6

Alegeți tipul corespunzător de formular. În funcție de versiunea Dreamweaver utilizată, opțiunea corectă poate fi etichetă "Jump Menu" sau "List / Menu".

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 7

Introduceți elementele din listă. Acestea vor fi opțiunile de meniu care vor apărea în caseta drop-down. Faceți clic pe semnul "+" ori de câte ori doriți să adăugați o nouă opțiune în listă.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 8

Determinați un ID pentru meniu. Puneți un simplu ID, cum ar fi "meniul", pentru a servi drept referință și pentru a vă ajuta să vă reamintiți ce este funcția formularului.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 9

Apăsați butonul "OK". Deci, meniul derulant va fi inserat în pagină sub formă de formular.

Butoane Vista

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 10

Descărcați butoanele Vista utilizând link-ul de descărcare de pe site-ul web al extensiei oficiale (https://vista-buttons.com/).

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 11

Rulați expertul de instalare. Preferabil închideți Dreamweaver înainte de a începe acest proces.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 12

Verificați opțiunea "Dreamweaver" atunci când expertul arată opțiunile de program pentru care doriți să instalați extensiile.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 13

Continuați să apăsați butonul "Înainte" până când instalarea este finalizată.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 14

Deschideți Dreamweaver. Bara de instrumente Butoane Vista trebuie să apară în partea de sus a ferestrei.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 15

Apăsați butonul "Insert Menu" din bara de instrumente Vista Buttons. Acest lucru va lansa programul Vista Buttons wizard, permițându-vă să inserați o listă drop-down în Dreamweaver utilizând diferite șabloane predefinite.

Imagine intitulată Adăugați o casetă Drop Down în Dreamweaver Pasul 16

Selectați "Salvați și închideți" pentru a finaliza setările. Odată ce acest lucru este realizat, meniul va fi adăugat la pagina cu setările de aspect specificate anterior.

sfaturi

Apăsați tasta F12 de pe tastatură pentru a previzualiza documentul deschis în Macromedia Dreamweaver. Pagina se va deschide într-un browser web și veți putea vedea cum va arăta rezultatul final al listei derulante când veți încărca ultima pagină.