Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver

by Jennifer Kyrnin

Dreamweaver inafanya kuwa rahisi kujenga menus ya kushuka kwa Mtandao wako. Lakini kama aina zote za HTML zinaweza kuwa mbaya sana. Mafunzo haya atakutembea kupitia hatua za kuunda orodha ya kushuka kwa Dreamweaver.

Menyu ya Rukia ya Dreamweaver

Dreamweaver 8 pia hutoa mchawi ili kuunda orodha ya kuruka kwenye urambazaji kwenye tovuti yako. Tofauti na menyu ya chini ya kushuka, orodha hii itafanya kitu wakati umekamilisha. Hutahitaji kuandika yoyote ya JavaScript au CGIs ili kupata fomu yako ya kushuka chini. Mafunzo haya pia yanaeleza jinsi ya kutumia mchawi wa Dreamweaver 8 ili kuunda orodha ya kuruka.

01 ya 20

Kwanza Fomu Fomu

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Kwanza Fomu Fomu. Screen iliyopigwa na J Kyrnin

Kumbuka Muhimu Kuhusu Fomu za HTML na Dreamweaver:

Isipokuwa kwa wachawi maalum kama orodha ya kuruka, Dreamweaver haikusaidia kufanya fomu za HTML "kazi". Kwa hili unahitaji CGI au JavaScript. Tafadhali angalia mafunzo yangu Kufanya Kazi za Fomu ya HTML kwa habari zaidi.

Unapoongeza orodha ya kushuka kwenye tovuti yako, kitu cha kwanza unachohitaji ni fomu ya kuzunguka. Katika Dreamweaver, nenda kwenye Menyu ya Kuingiza na bonyeza Fomu, kisha uchague "Fomu".

02 ya 20

Maonyesho ya Fomu katika Mtazamo wa Design

Jinsi ya Kujenga Menyu ya Drop-Down katika Maonyesho ya Fomu ya Dreamweaver katika Mtazamo wa Design. Screen iliyopigwa na J Kyrnin

Dreamweaver inaonyesha eneo lako la fomu kwa macho kwenye mtazamo wa kubuni, kwa hivyo unajua wapi kuweka vipengee vya fomu yako. Hii ni muhimu, kwa sababu vitambulisho vya menyu ya kushuka haviko sahihi (na haitafanya kazi) nje ya kipengele cha fomu. Kama unavyoweza kuona katika picha, fomu ni mstari mwekundu unaojitokeza katika mtazamo wa kubuni.

03 ya 20

Chagua Orodha / Menyu

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Chagua Orodha / Menyu. Screen iliyopigwa na J Kyrnin

Menus kushuka huitwa "orodha" au "menu" vitu katika Dreamweaver. Ili kuongeza moja kwa fomu yako, unahitaji kwenda kwenye Fomu ya menyu kwenye orodha ya Kuingiza na uchague "Orodha / Menyu". Hakikisha kuwa mshale wako ulikuwa ndani ya mstari mwekundu unaojitokeza wa sanduku lako la fomu.

04 ya 20

Dirisha Chaguzi maalum

Jinsi ya kuunda Menyu ya Drop-Down katika Dirisha ya Chaguzi maalum ya Dreamweaver. Screen iliyopigwa na J Kyrnin

Katika Chaguo Dreamweaver kuna skrini kwenye Upatikanaji. Ninaamua kuwa Dreamweaver anifanye sifa zote za upatikanaji. Na skrini hii ni matokeo ya hilo. Fomu ni mahali ambako maeneo mengi ya wavuti huanguka chini katika ufikiaji na kwa kujaza chaguo hizi tano menyu yako ya kushuka chini itapatikana kwa urahisi.

05 ya 20

Fomu ya Upatikanaji

Jinsi ya Kujenga Menyu ya Drop-Down kwenye Fomu ya Dreamweaver Ufikiaji. Screen iliyopigwa na J Kyrnin

Chaguzi za upatikanaji ni:

Lebo

Hii ndiyo jina la shamba. Itaonyesha kama maandishi kando ya kipengele chako cha fomu.
Andika nini unataka kuiita orodha yako ya kushuka. Hii inaweza kuwa swali au maneno mafupi kuwa orodha ya kushuka itajibu.

Sinema

HTML inajumuisha lebo ya lebo ili kutambua maandiko yako ya fomu kwa kivinjari. Uchaguzi wako ni kuunganisha orodha ya kushuka na lebo ya lebo na lebo, kutumia alama ya "kwa" kwenye lebo ya lebo ili kutambua fomu ya alama ya kumbukumbu, au usitumie lebo ya lebo kabisa.
Napenda kutumia sifa hiyo, kama vile kama ninahitaji kusambaza studio kwa sababu fulani bado itaunganishwa kwenye shamba la fomu sahihi.

Nafasi

Unaweza kuweka lebo yako kabla au baada ya orodha ya kushuka.

Kitufe cha Upatikanaji

Huu ndio ufunguo ambao unaweza kutumika pamoja na funguo za Alt au Chaguo ili kupata moja kwa moja kwenye uwanja huo. Hii hufanya aina zako rahisi sana kutumia bila kuhitaji panya. Jinsi ya Kuweka Kitufe cha Upatikanaji katika HTML

Orodha ya Tab

Huu ndio utaratibu ambao shamba la fomu linapaswa kupatikana wakati wa kutumia kibodi kwenye kichupo kupitia ukurasa wa wavuti. Kuelewa Tabindex

Ukiongeza chaguzi zako za upatikanaji, bofya OK.

06 ya 20

Chagua Menyu

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Chagua Menyu. Screen iliyopigwa na J Kyrnin

Mara baada ya kuwa na orodha yako ya kushuka chini inayoonyesha katika mtazamo wa kubuni, unahitaji kuongeza vipengele mbalimbali. Chagua kwanza orodha ya kushuka kwa kubonyeza. Dreamweaver itaweka mstari mwingine unaozunguka karibu na orodha ya kushuka, ili kuonyesha kwamba umechagua.

07 ya 20

Mali ya Menyu

Jinsi ya Kujenga Menyu ya Drop-Down kwenye Mali ya Menyu ya Dreamweaver. Screen iliyopigwa na J Kyrnin

Orodha ya mali itabadilisha kwenye orodha / orodha ya menyu kwenye orodha ya kushuka. Huko unaweza kutoa kitambulisho cha menyu yako (ambapo inasema "chagua"), uamua kama unataka kuwa lis au orodha, uipe darasa la mtindo kutoka kwa karatasi yako ya mtindo, na uwape maadili ya kushuka.

Ni tofauti gani kati ya Orodha na Menyu?

Dreamweaver inaita orodha ya kushuka chini ya menyu yoyote ya kushuka ambayo inaruhusu uteuzi mmoja. "Orodha" inaruhusu uchaguzi nyingi katika kushuka kwa chini na inaweza kuwa zaidi ya kitu kimoja cha juu.

Ikiwa unataka orodha ya kushuka chini kuwa na mistari nyingi ya juu, ubadilisha kwenye aina ya "orodha" na uondoe sanduku la "chaguo" lililofungwa.

08 ya 20

Ongeza Vipengee vya Orodha Mpya

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Ongeza Vipya vya Orodha Mpya. Screen iliyopigwa na J Kyrnin

Ili kuongeza vitu vipya kwenye orodha yako, bofya kitufe cha "Orodha ya maadili ...". Hii itafungua dirisha hapo juu. Weka katika studio yako ya bidhaa kwenye sanduku la kwanza. Hii ndiyo itaonyesha kwenye ukurasa. Ikiwa ukiacha thamani tupu, hiyo pia itatumwa kwa fomu.

09 ya 20

Ongeza Zaidi na Rudisha upya

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Ongeza Zaidi na Kurekebisha tena. Screen iliyopigwa na J Kyrnin

Bofya kwenye icon ya pamoja ili kuongeza vitu vingi. Ikiwa unataka kuwaagiza tena katika sanduku la orodha, tumia mishale ya juu na chini upande wa kulia.

10 kati ya 20

Kutoa Maadili Yote ya Vitu

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Kutoa Maadili Yote ya Vitu. Screen iliyopigwa na J Kyrnin

Kama nilivyosema katika hatua ya 8, ikiwa ukiacha thamani tupu, lebo itatumwa kwa fomu. Lakini unaweza kutoa vitu vyote vya maadili - kutuma habari mbadala kwenye fomu yako. Utatumia hii mengi kwa vitu kama menus kuruka.

11 kati ya 20

Chagua Default

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Chagua Chaguo-msingi. Screen iliyopigwa na J Kyrnin

Kurasa za wavuti zinazoteuliwa ili kuonyesha kitu chochote cha kuacha kipengee kilichoorodheshwa kwanza kama kipengee chaguo-msingi. Lakini ikiwa unataka aliyechaguliwa tofauti, onyesha kwenye sanduku la "Chaguo la awali" kwenye Menyu ya Mali.

12 kati ya 20

Angalia Orodha yako katika Mtazamo wa Uumbaji

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Angalia Orodha Yako katika Mtazamo wa Muundo. Screen iliyopigwa na J Kyrnin

Ukipokamilika kuhariri mali, Dreamweaver itaonyesha orodha yako ya kushuka chini na thamani iliyochaguliwa.

13 ya 20

Tazama Orodha yako katika Tazama Kanuni

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Angalia Orodha Yako katika Msimbo wa Kanuni. Screen iliyopigwa na J Kyrnin

Ikiwa unabadili mtazamo wa kificho, unaweza kuona kwamba Dreamweaver anaongeza orodha yako ya kushuka chini kwa msimbo safi sana. Sifa tu za ziada nizo ambazo tuliziongeza na chaguo za upatikanaji. Kificho ni indented na rahisi sana kusoma na kuelewa. Pia huweka katika sifa iliyochaguliwa = "kuchaguliwa" kwa sababu nimemwambia Dreamweaver kwamba mimi ni sawa na kuandika XHTML.

14 ya 20

Hifadhi na Angalia katika Kivinjari

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Ila na Angalia katika Kivinjari. Screen iliyopigwa na J Kyrnin

Ikiwa utahifadhi hati na kuiangalia kwenye kivinjari cha wavuti, unaweza kuona kwamba orodha yako ya kushuka inaonekana kama vile ungevyotarajia.

15 kati ya 20

Lakini Haifanyi chochote

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Lakini Haifanyi Kitu. Screen iliyopigwa na J Kyrnin

Menyu tuliyoumba hapo juu inaonekana vizuri, lakini haifanyi chochote. Ili kupata jambo fulani, unahitaji kuanzisha hatua ya fomu kwenye fomu yenyewe, ambayo ni mafunzo mengine kabisa.

Kwa bahati, Dreamweaver ina fomu ya menyu iliyojengeka ambayo unaweza kutumia mara moja kwenye tovuti yako bila kuhitaji kujifunza kuhusu fomu, CGIs, au scripting. Inaitwa Menyu ya Rukia.

Menyu ya Rukia ya Dreamweaver inaweka orodha ya kushuka kwa majina na URL. Kisha unaweza kuchagua kipengee kwenye menyu na ukurasa wa wavuti utahamia kwenye eneo hilo, kama vile ungebofya kiungo.

Nenda kwenye orodha ya Kuingiza na uchague Fomu na kisha Rukia Menyu.

16 ya 20

Dirisha la Menyu ya Rukia

Jinsi ya kuunda Menyu ya Drop-Down katika Dirisha la Menyu ya Rukia ya Dreamweaver. Screen iliyopigwa na J Kyrnin

Tofauti na orodha ya kushuka kwa kiwango, Menyu ya Rukia inafungua dirisha jipya ili uweze kutaja vitu vya orodha yako na kuongeza maelezo kuhusu jinsi fomu inapaswa kufanya kazi.

Kwa kipengee cha kwanza, ubadilisha maandiko "isiyo na kichwa1" kwa kile unachotaka kusoma na kuongeza URL ambazo zilizounganishwa zinapaswa kwenda.

17 kati ya 20

Ongeza Vitu kwenye Menyu Yako ya Rukia

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Ongeza Vitu kwenye Menyu Yako ya Rukia. Screen iliyopigwa na J Kyrnin

Bofya kwenye kipengee cha kuongeza kuongeza kipengee kipya kwenye orodha yako ya kuruka. Ongeza vitu vingi kama unavyotaka.

18 kati ya 20

Chagua Menyu Chaguzi

Jinsi ya Kujenga Menyu ya Drop-Down katika Chaguzi za Rukia za Menyu ya Dreamweaver. Screen iliyopigwa na J Kyrnin

Mara baada ya kuongeza viungo vyote unayotaka, unapaswa kuchagua chaguzi zako:

Fungua URL

Ikiwa una frameset, unaweza kufungua viungo kwenye sura tofauti. Au unaweza kubadilisha chaguo la Dirisha kuu kwa lengo maalum ili URL itafunguliwe kwenye dirisha jipya au mahali pengine.

Jina la Menyu

Patia orodha yako ID ya kipekee kwa ukurasa. Hii inahitajika ili script itafanye kazi kwa usahihi. Pia inakuwezesha kuwa na menus nyingi za kuruka kwa fomu moja - tu kuwapa majina yote tofauti.

Ingiza Button Nenda Baada ya Menyu

Napenda kuchagua hii kwa sababu wakati mwingine script haifanyi kazi wakati menu inabadilika. Pia inapatikana zaidi.

Chagua Item ya Kwanza Baada ya URL ya Kubadili

Chagua hii ikiwa una haraka kama "Chagua moja" kama kipengee cha kwanza cha menyu. Hii itahakikishia kwamba bidhaa hiyo inabakia kwenye ukurasa.

19 ya 20

Jumapili ya Kuangalia Menyu ya Menyu

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Jump Menu Design View. Screen iliyopigwa na J Kyrnin

Kama ilivyo kwa orodha yako ya kwanza, Dreamweaver huweka orodha yako ya kuruka kwenye mtazamo wa kubuni na kipengee chaguo-msingi kinaonekana. Unaweza kisha kuhariri orodha ya kushuka kama ungependa mwingine.

Ikiwa ungependa kuhariri, hakikisha usibadilisha vitambulisho vyovyote kwenye vitu, vinginevyo script haiwezi kufanya kazi.

20 ya 20

Rukia Menyu katika Kivinjari

Jinsi ya Kujenga Menyu ya Drop-Down katika Dreamweaver Rukia Menyu katika Kivinjari. Screen iliyopigwa na J Kyrnin

Kuhifadhi faili na kupiga F12 itaonyesha ukurasa katika kivinjari chako kilichopendekezwa. Huko unaweza kuchagua chaguo, bofya "Nenda" na orodha ya kuruka inafanya kazi!