Hogyan készítsünk egy legördülő menüt a Dreamweaver alkalmazásban?

A címkét a legördülő menü előtt vagy után helyezheti el.

Hozzáférési kulcs

Ez az a kulcs, amelyet az Alt vagy az Option billentyűkkel együtt használhatunk közvetlenül az űrlapmezőhöz. Így az űrlapokat nagyon egyszerűen használhatja egér használata nélkül.

Tab index

Ez az a sorrend, amelynél az űrlapmezőt el kell érni, amikor a billentyűzetet a weboldalon történő lapozáshoz használja.

Ha módosította a hozzáférési lehetőségeket, kattintson az OK gombra.

Válassza a Menü lehetőséget

Ha a legördülő menüt megjeleníti a Dreamweaver tervezési nézetben, hozzá kell adnia a különböző elemeket. Először válassza ki a legördülő menüt, kattintson rá. A Dreamweaver egy másik pontozott vonalat helyez el a legördülő menüben, hogy megmutassa, hogy kiválasztottad.

Menü tulajdonságai

A tulajdonságok menüje a legördülő menü lista / menü tulajdonságaira változik. Itt adhatja meg a menüben egy azonosítót (ahol azt mondja, hogy "választja"), eldöntheti, hogy egy lis vagy egy menüt szeretne-e megadni, stílusstílust adjon a stíluslapból, és értékeket rendel hozzá a legördülő menühöz.

Mi a különbség a lista és a menü között?

A Dreamweaver egy menük legördülő menüjét hívja le olyan legördülő menüből, amely csak egy választást engedélyez. A "lista" lehetővé teszi több választást a legördülő menüben, és több lehet egy elem.

Ha egy legördülő menüt kíván több vonalat elérni, akkor módosítsa a "list" típusra, és hagyja figyelmen kívül a "selections" jelölőnégyzetet.

Új listaelemek hozzáadása

Ha új elemeket szeretne felvenni a menübe, kattintson a "Listaértékek …" gombra. Ez megnyitja a fenti ablakot. Írja be az elemcímkéjét az első mezőbe. Ez fog megjelenni az oldalon. Ha az értéket üresen hagyja, akkor az is megjelenik a formában.

Adjon hozzá többet és rendezze újra

További elemek hozzáadásához kattintson a plusz ikonra. Ha vissza szeretné rendelni őket a listában, használja a felfelé és lefelé mutató nyilakat a jobb oldalon.

Minden érték megadása

Amint azt a 8. lépésben említettem, ha az értéket üresen hagyja, akkor a címkét elküldi az űrlapnak. De megadhatja az összes elem értékeit -, hogy alternatív információkat küldjön az űrlapnak. Ezt sok mindent használsz olyan dolgokra, mint az ugrási menük és a hiperhivatkozások.

Válasszon egy Alapértelmezett beállítást

A weblapok alapértelmezés szerint az alapértelmezett tételként szerepelnek a legördülő menüben. De ha másikat szeretne kiválasztani, akkor jelölje ki azt a Tulajdonságok menü "Kezdetben kiválasztott" mezőjében.

Tekintse meg listáját a Tervező nézetben

Miután befejezte a tulajdonságok szerkesztését, a Dreamweaver megjeleníti a legördülő listát az alapértelmezett értékkel.

Tekintse meg listáját a kódnézetben

Ha átvált a kódnézetre, akkor láthatjuk, hogy a Dreamweaver a legördülő menüvel nagyon tiszta kóddal bővül. Az egyetlen extra attribútum azok, amelyeket hozzáadási lehetőségekkel egészítettünk ki. A kód mindent megtett és nagyon könnyen olvasható és érthető. Még a kiválasztott = "kiválasztott" attribútumot is tartalmazza, mert elmondtam a Dreamweavernek, hogy alapértelmezés szerint XHTML-t írok.

Mentés és nézet a böngészőben

Ha elmented a dokumentumot és megtekinted azt egy webböngészőben, láthatod, hogy a legördülő menü ugyanúgy néz ki, mint azt elvárná.

De nem csinál semmit …

A fent létrehozott menü jól néz ki, de nem csinál semmit. Annak érdekében, hogy valamit megtegyen, létre kell hoznia egy űrlapot az űrlapon.

Szerencsére a Dreamweavernek van egy beépített legördülő menüje, amelyet azonnal használhat a webhelyén, anélkül, hogy meg kellene tanulnia űrlapokról, CGI-kről vagy parancsfájlokról. Ezt Jump Menu néven hívják.

A Dreamweaver ugrás menü egy legördülő menüt hoz létre nevekkel és URL-kkel. Ezután kiválaszthat egy elemet a menüből, és a weboldal az adott helyre költözik, mint ha rákattintott egy linkre.

Menjen a Beszúrás menübe, és válassza az Űrlapot, majd a Ugrás menüt.

Ugrás menüablak

A szokásos legördülő menüvel ellentétben a Jump (Ugrás) menü új ablakot nyit meg a menüelemek megnevezéséhez, és részleteket ad hozzá az űrlap működésének módjához.

Az első tételhez módosítsa a "untitled1" szöveget ahhoz, amit el szeretne olvasni, és hozzá kell adnia egy URL-t, amelyre a hivatkozás megy.

Elemek hozzáadása az Ugrás menühöz

Kattintson a hozzáadni kívánt elemre egy új elem felvételéhez az ugrási menübe. Adjon hozzá annyi tételt, amennyit csak akar.

Ugrás menü beállítások

Miután hozzáadta az összes kívánt linket, válassza ki az opciókat:

URL - ek megnyitása

Ha van egy frameet, akkor megnyithatja a hivatkozásokat egy másik keretben. Vagy megváltoztathatja a Main Window opciót egy speciális célra, így az URL egy új ablakban vagy máshol megnyílik.

Menü neve

Adja meg menüjében az oldal egyedi azonosítóját. Erre azért van szükség, hogy a szkript megfelelően működjön. Ezenkívül lehetővé teszi, hogy többféle ugrási menüt is létrehozzunk - csak adjon nekik különböző neveket.

Helyezzen be Go gombot a menü után

Szeretném kiválasztani ezt, mert néha a szkript nem működik, amikor a menü megváltozik. Ez is elérhetőbb.

Válassza ki az első elemet az URL-módosítás után

Válassza ezt, ha az első menüpontként megjelenik a "Válasszon ki" parancsot. Ez biztosítja, hogy az elem továbbra is az oldal alapértelmezett maradjon.

Ugrás a menü megjelenítéséhez

Az első menühöz hasonlóan a Dreamweaver beállítja az ugrás menüjét a tervezési nézetben az alapértelmezett elemgel. Ezután módosíthatja a legördülő menüt, mint bármely más.

Ha módosítja azt, győződjön meg arról, hogy az elemeken nem módosítja az azonosítókat, ellenkező esetben a szkript nem működik.

Ugrás a böngészőben

A fájl mentése és az F12 megnyomásával megjelenik az oldal a kívánt böngészőben. Ott kiválaszthat egy lehetőséget, kattints a "Go" -ra, és az ugrás menü működik!