Yadda za a ƙirƙirar Drop-Down Menu a Dreamweaver

Dreamweaver yana sa sauƙi don ƙirƙirar menus drop-down don shafin yanar gizonku. Amma kamar duk siffofin HTML za su iya zama bit tricky. Wannan koyaswa zai biye da ku ta hanyar matakai don ƙirƙirar menu mai sauƙi a Dreamweaver.

Maɓallin Jumma'a na Dreamweaver Jump

Dreamweaver 8 yana samar da wani maye don ƙirƙirar menu mai tsalle don kewayawa a shafin yanar gizonku. Sabanin mahimman menu menus, wannan menu zai yi wani abu idan an gama. Ba za ku buƙa rubuta wani Javascript ko CGIs don samo nau'in ɓangarenku don aiki ba. Wannan koyawa kuma ya bayyana yadda za a yi amfani da Dreamweaver 8 wizard don ƙirƙirar menu mai tsalle.

01 na 20

Na farko Create da Form

Yadda za a ƙirƙirar Drop-Down Menu a Dreamweaver Na farko Create da Form. Hotuna ta J Kyrnin

M Note Game da HTML Forms da Dreamweaver:

Sai dai ga masu wizards na musamman kamar menu tsalle, Dreamweaver ba ya taimaka maka yin HTML siffofin "aiki". Don haka kuna buƙatar CGI ko JavaScript. Da fatan a duba takaddata na Rubutun Samun Ayyuka don ƙarin bayani.

Lokacin da kake ƙara menu zuwa ƙasa zuwa shafin yanar gizonku, abu na farko da kuke buƙatar shi ne nau'i don kewaye da shi. A Dreamweaver, je zuwa Insert menu kuma danna Form, sa'an nan kuma zabi "Form".

02 na 20

Fom na Nuni a Zane Zane

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Form Nuna a View Design. Hotuna ta J Kyrnin

Dreamweaver yana nuna wurin da kake da shi a gani a ra'ayi, don haka ka san inda za a sanya nau'ikan siffofi. Wannan yana da mahimmanci, saboda matakan menu na kasa-da-kasa ba su da inganci (kuma ba za su yi aiki ba) a waje da nau'in nau'i. Kamar yadda kake gani a cikin hoton, siffar shine ja tsararren layi a cikin ra'ayi.

03 na 20

Zaɓi Lissafin / Menu

Yadda za a ƙirƙirar Drop-down Menu a cikin Dreamweaver Zabi List / Menu. Hotuna ta J Kyrnin

Ana kiran menu menus da ake kira "jerin" ko "menu" a cikin Dreamweaver. Don haka don ƙara ɗaya zuwa ga tsari, kana buƙatar shiga cikin Fom ɗin menu akan Saka menu kuma zaɓi "Jerin / Menu". Tabbatar cewa mai siginanka ya kasance a cikin layin ja mai launi na akwatin ku.

04 na 20

Window Zaɓuɓɓuka na Musamman

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Special Options Window. Hotuna ta J Kyrnin

A cikin Dreamweaver Zabuka akwai allon a kan An samuwa. Na zaɓa don Dreamweaver ya nuna mani dukkan halayen haɗi. Kuma wannan allon shine sakamakon wannan. Forms su ne wurin da yawa shafukan intanet suka rushe don samun damar kuma ta cika wadannan zabuka guda biyar zaɓinku ɗinku na sauƙaƙe zai zama mafi sauki.

05 na 20

Form Access

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Form Access. Hotuna ta J Kyrnin

Zaɓuɓɓuka masu amfani sune:

Label

Wannan shine sunan don filin. Zai nuna a matsayin rubutu kusa da nau'in siffan ku.
Rubuta abin da kake so ka kira menu dinku. Wannan na iya zama wata tambaya ko gajeren magana cewa menu da aka saukewa zai amsa.

Yanayin

HTML ya haɗa da tag tag don gano takardun alamarku ga mai bincike. Zaɓinku shine su kunshi menu da aka saukar da rubutu da rubutu tare da tag, don amfani da "don" attributa a kan tag tag don gane ko wane nau'i ne ya zama nassoshi, ko don kada ku yi amfani da tag tag a kowane.
Na fi so in yi amfani da shi don alamar, kamar haka idan na buƙatar motsa lakabin don wasu dalilai za'a haɗa shi da madaidaicin filin.

Matsayi

Zaka iya sanya lakabin ku kafin ko bayan menu da aka saukar.

Samun dama

Wannan shine maɓallin da za a iya amfani dashi tare da Alt ko Maɓallan zaɓi don samun kai tsaye zuwa filin. Wannan ya sa siffofinku suna da sauƙin amfani ba tare da bukatan linzamin kwamfuta ba. Yadda za a Ci gaba da Maɓallin Gano a cikin HTML

Tab Tab

Wannan shi ne tsari wanda ya kamata a sami damar samfurin filin don amfani da maballin don shiga cikin shafin yanar gizon. Ganin Tabindex

Lokacin da kun sabunta zaɓin shigarku, danna Ya yi.

06 na 20

Zaɓi Menu

Yadda za a ƙirƙirar Drop-Down Menu a Dreamweaver Zaɓi Menu. Hotuna ta J Kyrnin

Da zarar kana da jerin menu na saukewa a cikin zane, kana buƙatar ƙara abubuwa daban-daban zuwa gare shi. Na farko zaɓi menu mai saukewa ta danna kan shi. Dreamweaver zai sanya wani tsararren layi a kusa da jerin menu da aka saukar, don nuna cewa kun zaɓi shi.

07 na 20

Abubuwan Menu

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Menu Properties. Hotuna ta J Kyrnin

Lambar kaddarorin za su canja zuwa lissafin jerin / kundin menu don wannan menu mai saukewa. A can za ku iya ba da ID dinku (inda ya ce "zaɓa"), yanke shawara idan kuna son shi ya zama wani littafi ko menu, ku ba shi kundin tsari daga takardar launi ɗinku, kuma ku ba da lambobi zuwa layi.

Mene ne Bambanci tsakanin Jerin da Menu?

Dreamweaver ya kira menu na sauƙaƙe menu duk wani saukewa wanda kawai ya ba da zaɓi daya. Jerin "jerin" yana ba da damar zaɓuɓɓuka masu yawa a cikin rushewa kuma zai iya zama fiye da ɗaya abu babba.

Idan kana so menu mai saukewa ya zama lambobin tsafi, canza shi zuwa jerin "list" kuma bar 'akwatin' zaɓin 'ba a ɓoye ba.

08 na 20

Ƙara Sabbin Lissafin Sabuwar

Yadda za a ƙirƙirar Drop-Down Menu a Dreamweaver Ƙara Sabbin Lissafin Abubuwan. Hotuna ta J Kyrnin

Don ƙara sabon abubuwa zuwa menu naka, danna maballin "Lissafin Lissafin ...". Wannan zai bude taga a sama. Rubuta cikin lakabin abunka a cikin akwatin farko. Wannan shi ne abin da zai nuna a shafin. Idan ka bar mahimmin darajar, haka ma abin da za a aika a cikin tsari.

09 na 20

Ƙara Ƙari da sakewa

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Ƙara Ƙari da sakewa. Hotuna ta J Kyrnin

Danna kan icon don ƙara ƙarin abubuwa. Idan kana so ka sake sarrafa su a cikin akwatin jeri, yi amfani da kiban sama da ƙasa a hannun dama.

10 daga 20

Bada Kayan Gida na Dukkan

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Ba da Duk Abubuwan Values. Hotuna ta J Kyrnin

Kamar yadda na ambata a mataki na takwas, idan kun bar mahimmanci, za a aika lakabin zuwa cikin nau'i. Amma zaka iya ba da duk abubuwan kirki - don aika da wani bayani zuwa ga hanyarka. Za ku yi amfani da wannan abu mai yawa ga abubuwa kamar maɓallin tsalle.

11 daga cikin 20

Zaɓi Default

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Zaba wani Default. Hotuna ta J Kyrnin

Shafukan yanar gizon yanar gizo don nuna duk abin da aka sauke shi an fara a matsayin abu na tsoho. Amma idan kana so a zabi wani dabam, a nuna shi a cikin akwatin "Da aka zaɓa" a kan Menu Properties.

12 daga 20

Dubi Lissafinka a Tsarin Duba

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Duba Lissafinka a Duba Hanya. Hotuna ta J Kyrnin

Da zarar an gama gyara dukiya, Dreamweaver zai nuna jerin abubuwan da aka sauke tare da ƙimar da aka zaɓa.

13 na 20

Dubi Lissafinka a Duba Dokokin

Yadda za a ƙirƙirar Drop-Down Menu a Dreamweaver Duba Lissafi a Duba Dokokin. Hotuna ta J Kyrnin

Idan kun canza zuwa duba lambar, za ku ga cewa Dreamweaver yana ƙara menu dinku tare da lambar tsabta. Abubuwan haɓaka guda kawai ne waɗanda muka ƙaddara tare da zaɓin shiga. Kodin yana da kyau kuma yana da sauƙin karatu da fahimta. Har ma ya sanya a cikin zaɓaɓɓe = "attributa" domin na gaya wa Dreamweaver cewa na kasa yin rubutun XHTML.

14 daga 20

Ajiye kuma Duba cikin Bincike

Yadda za a ƙirƙirar Drop-Down Menu a Dreamweaver Ajiye kuma Duba a cikin Browser. Hotuna ta J Kyrnin

Idan ka adana takardun kuma duba shi a cikin mai bincike na yanar gizo, za ka ga cewa menu na saukewa ya dubi kamar yadda za ku sa ran.

15 na 20

Amma Ba Yayi Komai ba

Yadda za a ƙirƙirar Drop-down Menu a Dreamweaver Amma Ba Yayi Komai. Hotuna ta J Kyrnin

Abinda muka halitta a sama yana da kyau, amma baya yin wani abu. Domin samun shi don yin wani abu, kana buƙatar kafa tsari na samfurin a kan tsari da kanta, wanda shine gaba ɗaya koyaushe.

Abin takaici, Dreamweaver yana da tsari mai tsaftace-rubucen ginawa wanda zaka iya amfani nan da nan a kan shafin ba tare da buƙatar koyi game da siffofin, CGIs, ko scripting. An kira shi Jump Menu.

Ma'anar Dreamweaver Jump Menu ya tsara menu mai saukewa da sunayen da URLs. Sa'an nan kuma za ka iya zaɓar abu a cikin menu kuma shafin yanar gizon zai motsa zuwa wannan wuri, kamar dai idan ka danna mahaɗi.

Je zuwa Shigar da menu sai ka zaɓi Fom sannan sai Ka fara Menu.

16 na 20

Jump Window Menu

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Jump Window Menu. Hotuna ta J Kyrnin

Ba kamar daidaitattun tsarin menu ba, Jump menu yana buɗe sabon taga don ku kira abubuwan menu ku da ƙarin bayani game da yadda nau'i ya kamata aiki.

Don abu na farko, canza rubutun "untitled1" zuwa ga abin da kake son shi ya karanta kuma ƙara adireshin da ya haɗi ya kamata ya je.

17 na 20

Ƙara abubuwa a cikin Jump Menu

Yadda za a ƙirƙirar Drop-Down Menu a Dreamweaver Add Items to your Jump Menu. Hotuna ta J Kyrnin

Danna kan ƙara abu don ƙara sabon abu zuwa menu tsalle ku. Ƙara abubuwa da yawa kamar yadda kuke so.

18 na 20

Jira Zaɓuɓɓuka Menu

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Jump Options Menu. Hotuna ta J Kyrnin

Da zarar ka kara da duk hanyoyin da kake so, ya kamata ka zabi zaɓuɓɓuka naka:

Bude URL a cikin

Idan kana da matakan wuta, za ka iya buɗe hanyoyi a cikin daban-daban. Ko kuma za ka iya canza wani zaɓi daga Window Gidan zuwa manufa ta musamman domin URL zai buɗe a cikin sabon taga ko kuma wasu wurare.

Sunan Menu

Ka ba da adireshinku na musamman ga ID. Ana buƙatar wannan domin script zaiyi aiki daidai. Har ila yau, ba ka damar samun menu da yawa a cikin wata hanya - kawai ka ba su sunayen daban.

Saka Kunna Goge Bayan Menu

Ina so in zaɓi wannan domin wani lokaci rubutun ba ya aiki lokacin da menu ya canza. Har ila yau, ya fi dacewa.

Zaɓi Mataki na farko Bayan Canja URL

Zaɓi wannan idan kana da matsala irin su "Zaɓi ɗaya" a matsayin abu na farko. Wannan zai tabbatar da cewa abin ya kasance a kan shafin.

19 na 20

Jump Menu View View

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Jump Menu Design View. Hotuna ta J Kyrnin

Kamar dai yadda menu na farko ɗinka, Dreamweaver ya kafa tsarin tsalle-tsalle a cikin ra'ayi tare da tsohuwar abu a bayyane. Hakanan zaka iya shirya menu mai saukewa kamar za ku yi.

Idan ka shirya shi, ka tabbata kada ka canza duk ID a kan abubuwa, in ba haka ba rubutun bazai aiki ba.

20 na 20

Jump Menu a Bincike

Yadda za a ƙirƙirar Drop-Down Menu a cikin Dreamweaver Jump Menu a Browser. Hotuna ta J Kyrnin

Ajiye fayil ɗin da bugawa F12 zai nuna shafin a cikin abin da kake so. A nan za ka iya zaɓar wani zaɓi, danna "Go" da ayyukan ayyukan tsalle!