Jinsi ya Kuunda Menyu ya Kunjuzi katika Dreamweaver

Orodha ya maudhui:

Jinsi ya Kuunda Menyu ya Kunjuzi katika Dreamweaver
Jinsi ya Kuunda Menyu ya Kunjuzi katika Dreamweaver
Anonim

Unachotakiwa Kujua

  • Nenda kwa Ingiza > Fomu > Fomu. Bofya mstari mwekundu wenye vitone kwenye fomu na uende kwenye Ingiza > Fomu > Orodha/Menu. Chagua chaguo za ufikivu.
  • Bofya menyu na uchague sifa zake, kisha uchague Orodhesha thamani ili kuongeza vipengee vipya vya menyu. Bofya saini ya kuongeza ili kuongeza vipengee zaidi.
  • Ongeza thamani za bidhaa na uchague kipengee chaguomsingi. Ili kuongeza vitendo, nenda Ingiza > Fomu > Jump Menu. Ongeza vipengee kwenye menyu ya Rukia na uhifadhi.

Dreamweaver hurahisisha kuunda menyu kunjuzi za tovuti yako. Lakini kama aina zote za HTML, zinaweza kuwa gumu kidogo. Mafunzo haya yatakuelekeza katika hatua za kuunda menyu kunjuzi katika Dreamweaver.

Menyu za Kuruka za Dreamweaver

Dreamweaver 8 pia hutoa mchawi ili kuunda menyu ya kuruka kwa usogezaji kwenye Tovuti yako. Tofauti na menyu kunjuzi za msingi, menyu hii itafanya kitu ukimaliza. Hutalazimika kuandika JavaScript au CGI zozote ili kupata fomu yako ya kunjuzi ifanye kazi. Mafunzo haya pia yanaelezea jinsi ya kutumia mchawi wa Dreamweaver 8 kuunda menyu ya kuruka.

Kwanza, Unda Fomu

Image
Image

Isipokuwa kwa wachawi maalum kama vile menyu ya kuruka, Dreamweaver haikusaidii kufanya fomu za HTML "zifanye kazi." Kwa hili, unahitaji CGI au JavaScript.

Unapoongeza menyu kunjuzi kwenye Tovuti yako, jambo la kwanza unahitaji ni fomu ya kuizunguka. Katika Dreamweaver, nenda kwenye menyu ya Chomeka na ubofye Fomu, kisha uchague "Fomu."

Maonyesho ya Fomu katika Mwonekano wa Usanifu

Image
Image

Dreamweaver huonyesha eneo la fomu yako kionekanavyo katika mwonekano wa muundo, ili ujue mahali pa kuweka vipengele vyako vya fomu kwa sababu lebo za menyu kunjuzi si halali (na hazitafanya kazi) nje ya kipengele cha fomu. Kama unavyoona kwenye picha, umbo ni mstari wa vitone nyekundu katika mwonekano wa muundo.

Chagua Orodha/Menyu

Image
Image

Menyu kunjuzi huitwa "orodha" au vipengee vya "menyu" katika Dreamweaver. Kwa hivyo ili kuongeza moja kwenye fomu yako, unahitaji kwenda kwenye menyu ya Fomu kwenye menyu ya Chomeka na uchague "Orodha/Menyu." Hakikisha kuwa kiteuzi chako kilikuwa ndani ya mstari wa vitone vyekundu wa kisanduku chako cha fomu.

Dirisha Maalum la Chaguzi

Image
Image

Katika Chaguo za Dreamweaver, kuna skrini kwenye Ufikivu. Menyu zako kunjuzi zitafikiwa mara moja zaidi kuliko tovuti zingine ikiwa utajaza chaguo hizi tano.

Ufikivu wa Fomu

Image
Image

Chaguo za ufikivu ni:

Lebo

Sehemu ya lebo inaonekana kama maandishi kando ya kipengele chako cha fomu. Andika jina kwa menyu kunjuzi yako. Inaweza kuwa swali au kifungu kifupi cha maneno ambacho menyu kunjuzi itajibu.

Mtindo

HTML inajumuisha lebo ya kutambua lebo zako za fomu kwenye kivinjari cha wavuti. Chaguo zako ni kufunga menyu kunjuzi na maandishi ya lebo kwa lebo hiyo, kutumia sifa ya "kwa" kwenye lebo ya lebo ili kutambua ni aina gani ya lebo inayorejelea, au kutotumia lebo ya lebo kabisa.

Nafasi

Unaweza kuweka lebo yako kabla au baada ya menyu kunjuzi.

Ufunguo wa Kufikia

Wageni wanaweza kutumia ufunguo wa ufikiaji kwa "Picha" au vitufe vya Chaguo ili kufika moja kwa moja kwenye sehemu hiyo ya fomu. Njia hii ya mkato ya kibodi hurahisisha fomu zako kutumia bila kipanya. alt="

Tab Index

Faharasa ya kichupo ni jinsi watumiaji wanapaswa kufikia sehemu za fomu wanapotumia kibodi kuchuja ukurasa wa wavuti.

Unaposasisha chaguo zako za ufikivu, bofya SAWA.

Chagua Menyu

Image
Image

Baada ya kupata menyu kunjuzi inayoonyeshwa katika mwonekano wa muundo wa Dreamweaver, unahitaji kuongeza vipengele mbalimbali. Kwanza, chagua menyu ya kushuka kwa kubofya. Dreamweaver itaweka mstari mwingine wenye vitone karibu na menyu kunjuzi ili kuonyesha kuwa umeichagua.

Sifa za Menyu

Image
Image

Menyu ya sifa itabadilika kuwa orodha/vipengele vya menyu kwa menyu kunjuzi. Hapo unaweza kuipa menyu yako kitambulisho (ambapo inasema "chagua"), uamue ikiwa unataka iwe orodha au menyu, ipe darasa la mtindo kutoka kwa laha yako ya mtindo, na ugawanye maadili kwenye menyu kunjuzi.

Kuna tofauti gani kati ya Orodha na Menyu?

Dreamweaver huita menyu kunjuzi ya menyu kunjuzi yoyote ambayo inaruhusu chaguo moja pekee. "Orodha" inaruhusu chaguo nyingi katika menyu kunjuzi na inaweza kuwa zaidi ya kipengee kimoja juu.

Ikiwa ungependa menyu kunjuzi iwe juu ya mistari mingi, ibadilishe hadi aina ya "orodha" na uache kisanduku cha "michaguo" bila kuchaguliwa.

Ongeza Vipengee Vipya vya Orodha

Image
Image

Ili kuongeza vipengee vipya kwenye menyu yako, bofya kitufe cha "Orodhesha thamani…", ambacho hufungua dirisha lililo hapo juu. Kisha, chapa lebo ya kipengee chako kwenye kisanduku cha kwanza. Itaonyeshwa kwenye ukurasa.

Ongeza Zaidi na Upange Upya

Image
Image

Bofya aikoni ya plus ili kuongeza vipengee zaidi. Ikiwa ungependa kuziagiza upya katika kisanduku cha orodha, tumia vishale vya juu na chini vilivyo upande wa kulia.

Toa Thamani za Bidhaa Zote

Image
Image

Ukiacha thamani wazi, lebo itaenda kwenye fomu. Lakini unaweza kuvipa vitu vyako vyote thamani - kutuma taarifa mbadala kwa fomu yako. Utatumia hii sana kwa mambo kama vile menyu za kuruka na viungo.

Chagua Chaguomsingi

Image
Image

Kurasa za wavuti chaguo-msingi za kuonyesha kipengee chochote kunjuzi ambacho kimeorodheshwa kwanza kama kipengee chaguomsingi. Lakini ikiwa ungependa kuchagua tofauti, iangazie kwenye kisanduku cha "Iliyochaguliwa awali" kwenye menyu ya Sifa.

Angalia Orodha Yako katika Mwonekano wa Muundo

Image
Image

Ukimaliza kuhariri sifa, Dreamweaver itaonyesha orodha yako kunjuzi iliyo na thamani chaguomsingi iliyochaguliwa.

Angalia Orodha Yako katika Mwonekano wa Msimbo

Image
Image

Ukibadilisha hadi mwonekano wa msimbo, unaweza kuona kuwa Dreamweaver inaongeza menyu kunjuzi kwa kutumia msimbo safi. Sifa pekee za ziada ni chaguo za ufikivu. Nambari ya kuthibitisha imeingizwa ndani na ni rahisi sana kusoma na kuelewa.

Hifadhi na Utazame katika Kivinjari

Image
Image

Ukihifadhi hati na kuiona katika kivinjari cha wavuti, unaweza kuona kwamba menyu kunjuzi yako inaonekana kama vile unavyotarajia.

Lakini Haifanyi Chochote…

Image
Image

Menyu tuliyounda hapo juu inaonekana sawa, lakini haifanyi chochote. Ili kuifanya ifanye kitu, unahitaji kusanidi kitendo cha fomu kwenye fomu yenyewe.

Kwa bahati nzuri, Dreamweaver ina menyu kunjuzi iliyojengewa ndani ambayo unaweza kutumia mara moja kwenye tovuti yako bila kuhitaji kujifunza kuhusu fomu, CGIs, au hati. Inaitwa Jump Menu.

Menyu ya Rukia ya Dreamweaver husanidi menyu kunjuzi iliyo na majina na URL. Kisha unaweza kuchagua kipengee kwenye menyu, na ukurasa wa Wavuti utahamia eneo hilo, kama tu kama ulikuwa umebofya kiungo.

Nenda kwenye menyu ya Chomeka na uchague Fomu kisha Rukia Menyu.

Dirisha la Kuruka Menyu

Image
Image

Tofauti na menyu ya kawaida kunjuzi, menyu ya Rukia hufungua dirisha jipya ili uweze kutaja vipengee vyako vya menyu na kuongeza maelezo kuhusu jinsi fomu inavyopaswa kufanya kazi.

Kwa kipengee cha kwanza, badilisha maandishi "isiyo na kichwa1" hadi yale unayotaka isome na uongeze URL.

Ongeza Vipengee kwenye Menyu Yako ya Rukia

Image
Image

Bofya kipengee cha kuongeza ili kuongeza kipengee kipya kwenye menyu yako ya kuruka. Ongeza vipengee vingi unavyotaka.

Chaguo za Menyu ya Rukia

Image
Image

Baada ya kuongeza viungo vyote unavyotaka, unapaswa kuchagua chaguo zako:

Fungua URL Katika

Ikiwa una seti ya fremu, unaweza kufungua viungo katika fremu tofauti. Au unaweza kubadilisha chaguo la Dirisha Kuu hadi lengo maalum ili URL ifunguke katika dirisha jipya au kwingineko.

Jina la Menyu

Ipe menyu yako kitambulisho cha kipekee cha ukurasa. Inahitajika ili hati ifanye kazi kwa usahihi. Pia hukuruhusu kuwa na menyu nyingi za kuruka katika fomu moja - zipe zote majina tofauti.

Ingiza Kitufe cha Kwenda Baada ya Menyu

Ninapenda kuchagua hii kwa sababu wakati mwingine hati haifanyi kazi menyu inapobadilika. Pia inafikika zaidi.

Chagua Kipengee cha Kwanza Baada ya Kubadilisha URL

Chagua hii ikiwa una kidokezo kama vile "Chagua moja" kama kipengee cha kwanza cha menyu. Hii itahakikisha kuwa kipengee hicho kinasalia chaguomsingi kwenye ukurasa.

Mwonekano wa Muundo wa Menyu ya Rukia

Image
Image

Kama vile kwenye menyu yako ya kwanza, Dreamweaver huweka menyu yako ya kuruka katika mwonekano wa muundo huku kipengee chaguomsingi kikionekana. Kisha unaweza kuhariri menyu kunjuzi kama ungefanya nyingine yoyote.

Ukiihariri, hakikisha hubadilishi vitambulisho vyovyote kwenye vipengee; vinginevyo, hati inaweza kufanya kazi.

Rukia Menyu katika Kivinjari

Image
Image

Kuhifadhi faili na kubofya F12 kutaonyesha ukurasa katika kivinjari chako unachopendelea. Hapo unaweza kuchagua chaguo, bofya "Nenda," na menyu ya kuruka inafanya kazi.

Ilipendekeza: