Çawa Dabeşkirina Drop-Down Menu di Dreamweaver de

Dreamweaver ji bo malpera malpera we hêsantir dike ku hûn ji bo malperên dop-downê biafirînin. Lê wekî hemû formên HTML-ê ew dikarin bêkêmasî be. Vê tutorial dê bi gavên ku hûn li dînameya drop-down ava bikin di Dreamweaver de digerin.

Dreamweaver Jump Menus

Dreamweaver 8 ji bo navnîşana navîgasyonê ya navîgasyonê ya navîgasyonê biafirîne wizard jî pêşkêş dike. Maverokên jêrîn yên jêrîn-nexşeyê, nexşeya vê bingehê dê dema ku hûn qedandin. Hûn dê naxwazin JavaScript-an jî CGI-nivîsan binivîsin ku forma drav-downê bixebitin. Ev tutorial jî diyar dike ka çawa çawa bikar bîne ku çawa Dreamweaver 8 wizard bikar bîne ku pergala pûçê biafirîne.

01 ji 20

Pêşîn Forma Weşanê çêbike

Çawa Dabeşîna Drop-Down Menu di Dreamweaver Pêşîn Forma Weşanê çêbike. Screen shot by J Kyrnin

Têkilî Girêdanên Der barê HTML Form û Dreamweaver:

Ji bilî wizardsên taybetî yên wekî menuê jimar, Dreamweaver ne alîkarî ku hûn formên HTML-ê "karûbar" bikin. Ji bo vê yekê hûn hewceyê CGI an JavaScriptê. Ji kerema xwe vexwendina min bibînin Ji bo agahdariyên HTML çêbikin ji bo bêtir agahdarî.

Dema ku hûn di malpera malpera dop-down de zêde bike, ew tiştê ku hewcedariya we hewce ye ku ew dora wê ye. Li Dreamweaver, diçe menuê vekişîn û formê li jêr, paşê "Form" hilbijêrin.

02 ji 20

Formên Displays Di Design View de

Çawa Mînak Drop-Down Menu di Dreamweaver Forma Displays In Design View. Screen shot by J Kyrnin

Dreamweaver di nimûnerê dîzmayî ya we deverek nîşanî nîşan dide, da ku hûn bizanin ku derheqên xwe yên ku hûn binivîsin. Ev girîng e, ji ber ku pelên dod-downê ne derbas ne (ne dê û kar nekin) ji hêla elementa formê. Wekî ku hûn dikarin di nav wêneyê de bibînin, forma xuyakirina nîzîkî ya rengê xalîk sor ya sor e.

03 ji 20

Lîsteya Mîheng / Hilbijêre

Çawa Dabeşkirina Drop-Down Menu di Dreamweaver Lîsteya Lîsteya Hilbijêre / Menu hilbijêre. Screen shot by J Kyrnin

Drop-down menus têne "lîsteya" an "menu" de di nav Dreamweaver de têne gotin. Ji bo ku hûn bi forma xwe re zêde bikin, divê hûn li pêşeka menuê biçin ser menuê binivîsin û "List / Menu" hilbijêrin. Bawer bikin ku kursiya we di nav rêza bendê ya xaça we ya sor de bû.

04 ji 20

Pencereyên Taybet

Çawa Mîhengek Drop-Down di Dreamweaver de Vebijêrkên Special Taybet. Screen shot by J Kyrnin

Li Vebijêrkên Dreamweaver hene ku li ser pisporê veguherînek heye. Ez hilbijêre ku Dreamweaver ji min re taybetmendiyên hemî destnîşan bikin. Û vê screenê ev encam e. Formên cîhekî hene ku gelek malperên ku di destûra wan de têne derxistin û ji van pênc bijîşkên tije derxistin dê mûçeyên jêrîn dê di cih de bêhtir bibînin.

05 ji 20

Access Access

Çawa Dabeşkirina Drop-Down Menu di Dreamweaver Forma Hûrgelê de. Screen shot by J Kyrnin

Vebijêrkên Hilbijartinê hene:

Awanasî

Ev navê navê ji zeviyê ye. Ew ê di binavê forma xwe de li ser textê nîşan bide.
Binivîse ku hûn dixwazin ku menuê dora xwe hilbijêre. Ev dikare pirsek an kurteya kurt be ku dibe ku menu-dop-down dê bersîv bike.

Awayî

HTML di navnîşa nîşana nîşana navnîşanê de ji bo labelên xwe bi geroka xwe nasnameyê nas bike. Hilbijartinên we ji bo pêşeka dûr-dûr û label textê bi tagê vekin, da ku ji bo "for" taybetmendiyê li ser nîşana nîşana nîşana nîşana nîşankirî bikin ku bizanibin kîjan forma xwe binivîsin, an naveroka nîşana nîşankerî bikar bînin.
Ez dixwazim ji bo taybetmendiyê bikar bînin, gava ku ez hewce be ku ji bo hin sedemên veguhestinê veguherînim ew dê hê jî bi qada forma rast ve girêdayî ye.

Rewş

Hûn dikarin li pêş an jî paşê veşartina navnîşa xwe binivîsin.

Key Key

Ev kilît e ku kû bi karûbarên Alt an Bijareya ku bi rasterast bi riya vê formê ve tê bikaranîn. Ev formên xwe hêsantir bikar tîne ku bêyî hewcedariyek masî bi kar tînin. Çawa Heke Destnîşankirina Key Keyek HTML di HTML

Indeksa Tab

Ev armanca ku gava koda klavyeyê bi rêya rûpela Webê bikar bîne, ku zeviya forma tê gihîştin. Understanding Tabindex

Dema ku hûn alternatîfên xwe bigihîjin alternatîf, OK.

06 ji 20

Mîheng hilbijêre

Çawa Dabeşkirina Drop-Down Menu di Dreamweaver Peldanka Hilbijêre. Screen shot by J Kyrnin

Dema ku hûn li pêşniyarê paqijkirina pergala xweya xweya xwe de, hûn hewce ne ku hûn celebên cûrbecûr hene ji bo wê zêde bikin. Ya pêşî li menu-dop-down hilbijêre ku li ser lêgerînê bike. Dreamweaver dê li ser dora-hilberê dora dotêlekî din xistin, da ku nîşan bide ku hûn hilbijartin.

07 ji 20

Proper Properties

Çawa Mîhengek Drop-Down Menu in Dreamweaver Menu Properties. Screen shot by J Kyrnin

Mîhengên peldanka dê li lîsteya dol-down ya lîsteyê / lîsteya taybetmendiyê biguherînin. Li wir hûn li navnîşa xwe ya navnîşê bide (da ku ew dibêjin "hilbijêre"), biryar da ku hûn bixwazin ku ew bibe an an menuê, daveroka stîrek ji çarçoveya xwe ya xwe bidin, û nirxên xwe kêm bikin.

Navnîşan û Mîhengê Navnîşa çi ye?

Dreamweaver menu-ê peldanka dop-downê bang dike ku tenê tenê hilbijartinek destûrê dide. A "lîsteya" hilbijêre ku di hilweşînan de gelek hilbijartî dikare û ji hêla yek ji hêre bilindtir dibe.

Heke hûn dixwazin ku pergala dûr-dûr bixin ku çend rêzikan bilind bin, ew cureyê "lîsteya" lîsteyê biguherînin û qaîdeyên "hilbijartinên" bişkojk vekin.

08 ji 20

Add New List Items

How to Create a Drop-Down Menu in Dreamweaver Add New List Items. Screen shot by J Kyrnin

Ji bo pergala nû ya nû ve zêde bike, li ser "nirxên lîsteyê ..." bitikîne. Ev ê paceya jorîn veke. Di navnîşa pêşîn de li navnîşa lîberê we binivîsin. Ew ê li ser rûpelê nîşan bide. Heke hûn ji valahiya vala bihêle, ew jî di heman demê de wê çi bişîne.

09 ji 20

Zêdetir û nûvekirinê zêde bikin

Çawa Dabeşîna Drop-Down Menu di Dreamweaver de zêde bike û nûve bike. Screen shot by J Kyrnin

Bişkojka plus plus icon ji bo zêdetir tiştên din zêde bike. Heke hûn dixwazin li wan li qonaxa lîsteyê re-arman bikin, bikar bîne û binê binê rast.

10 ji 20

Tiştên Hemî Giştî bidin

Çawa Dabeşkirina Drop-Down Menu di Dreamweaver Hemû Bêjeyên Bêjeyê bidin. Screen shot by J Kyrnin

Wekî ku ez di gava pêncê de behsa, eger hûn valahiyê vala bihêle, dê dê nîşanî forma xwe bişînin. Lê tu dikarî nirxên hemî tiştên xwe bidin - ji bo agahdarî alternatîf bi forma xwe bişînin. Hûn ê gelek tiştan wek mûçek hûrs bikar bînin.

11 ji 20

Bişkojk hilbijêre

Çawa Dabeşkirina Drop-Down Menu di Dreamweaver Hilbijêre Default. Screen shot by J Kyrnin

Rûpelên malperî yên ku ji bo pêşveçûnê veşartî yê pêşniyara pêşîn ve hatî lîsteya navekî pêşîn tête lîstîn kirin. Lê heke tu dixwazî ​​cûreyek cuda hilbijêre, li "Destpêk ve hatî hilbijartî" li ser Menûra Propertiesê li ser xweş bike.

12 ji 20

Lîsteya Dîra View Lîsteya xwe bibînin

How to Create a Drop-Down Menu in Dreamweaver Lîsteya View Design View. Screen shot by J Kyrnin

Dema ku hûn li ser milkên xwe biguherînin, Dreamweaver dê lîsteya nirxa xwe ya bijartî ya lîsteya dop-down nîşan bide.

13 ji 20

Li Kodê View Lîsteya Xweya xwe bibînin

How to Create a Drop-Down menu in Dreamweaver Di Kodê View-List de binêre. Screen shot by J Kyrnin

Heke hûn li ser çavdêriya kodê biguherînin, hûn dikarin bibînin ku Dreamweaver menu-ê di koda paqij de paqij bike. Tenê taybetmendiyên bêhtir hene ku em bi alternatîfên peywendiyê re zêde kirin. Koda kod e ku xwendin û fam bikin. Ew ji hêla hilbijartî = "bijartî" ve tête kirin, ji ber ku min ji Dreamweaver re gotiye ku ez bixweber bi XHTML nivîsîn.

14 ji 20

Save and Browser

Çawa Mîhengek Drop-Down di Dreamweaver de ye û Guhertoya Browser. Screen shot by J Kyrnin

Heke hûn belgeya xwe biparêze û gerokteyek Webê binêrin, hûn dikarin bibînin ku hûn menu-dop-down menu tenê mîna we hêvî dikim ku hûn hêvî bikin.

15 ji 20

Lê ew tiştek tiştek nîne

Çawa Dabeşîna Drop-Down Menu li Dreamweaver Lê Dema ku tiştek tiştek bikî. Screen shot by J Kyrnin

Peldanka ku em jorîn li jor xuya dike, lê tiştek nayê kirin. Ji bo ku ji bo tiştek bigirin, hûn hewce bike ku çalakiyek formek li ser forma xwe ava bikin, ku yekser tutoriyek din e.

Bi dilfikir, Dreamweaver ku pêdivî ye ku pergala dûr-dûr a pergala navxweyî ye ku hûn bêyî malpera xwe li malpera xwe bixwazin ku hûn hewce dikin, binivîsin, formên CGI, an nivîskî. Ew Mîhengê vexwendin.

The Dreamweaver menu menu jumps up names and URLs with a drop-down up. Hingê hûn dikarin di nav menuê de hilbijêre û rûpela Web dê di wê deverê de hilbijêre, tenê mîna ku we girêdana peywendî kir.

Herin menuê vekin û hilbijêre Form û piştre Mîheng hilbijêre.

16 ji 20

Window menu

Çawa Dabeşkirina Drop-Down Menu di Dreamweaver Menu Menu. Screen shot by J Kyrnin

Bişkojka standard-dop-down, standard menu ji bo ku hûn pelê xebitîn bistînin ji bo peldanka xwe ya navnîşê binivîse ji bo paceyê nû vekin.

Ji bo yekemîn yekem, pirtûka "untitled1" biguherînin ku hûn çi bixwaze ew bixwînin û navnîşana URL-ê ku wê girêdanê biçin.

17 ji 20

Mîhengên Rêveberiya xwe hilbijêre

Çawa Dabeşîna Drop-Down Menu di Dreamweaver Mîhengên Peldanka Xwe bike. Screen shot by J Kyrnin

Li navîgasyon lêgerînê binivîse ku ji bo peldanka nû ya navnîşek nû ve zêde bike. Wek ku hûn dixwazin dixwazin.

18 ji 20

Hilbijêre Menu Menu

Çawa Dabeşkirina Drop-Down Menu di Dreamweaver Hilbijêre Menu Menu. Screen shot by J Kyrnin

Dema ku hûn tevlî girêdanên ku hûn dixwazin dixwazin, divê hûn bijartên xwe hilbijêrin:

URLs Open Open

Heke hûn frameset heye, hûn dikarin girêdanên li çarçoveyên cuda vekin. An jî hûn dikarin bijareya Main Window da ku hedefek taybet a guhartin biguherînin da ku URL dê di nav paceyên nû de an jî cîhek vekirî bike.

Navê Peldanka

Peldanka xwe ji bo rûpela yekane nasnameyê bide. Ji bo vê yekê hewce ye ku scriptê wê rast bike. Ew jî ji we re destnîşan dike ku hûn bi awayekî pir bişkojk vekin.

Piştî menuê vekişin

Ez dixwazim vê yekê hilbijêrî ji ber ku hin caran veguherîn dema ku peldanka guhertina pirtûkê dixebite. Ew hê bêtir eşkere ye.

Peldanka Yekem Hilbijêre Piştî hilbijêre

Vê yekê hilbijêre ku heke we lezgîn e ku wekî "menuek yekem" hilbijêre wekî " Ev ê sîgorte dike ku ew tiştê li ser rûpelê dahûrkirî bimîne.

19 ji 20

View Menu Design View Here

Çawa Dabeşkirina Drop-Down Menu di Dreamweaver Here cem: navîgasyon lêgerîn Screen shot by J Kyrnin

Just like menu with your first-ever, Dreamweaver menu di navnîşa pîrnavê de bi xuyaa xuya ya xuya ye. Hûn dikarin pergala dop-down menuê biguherînin mîna we ji we re din.

Heke hûn vê yekê biguherînin, bisekinin ku tu nasnameyên li ser pirtûkan biguherînin, nebe ku şîfre dibe ku kar nekin.

20 ji 20

Mîhengê Mîhengê Here cem

Çawa Dabeşîna Drop-Down Menu di Dreamweaver de Mîhengê Bişkojka Here cem. Screen shot by J Kyrnin

Peldanka pelê û F12ê têkevin dê gerokê li gerokê xwe bijartî nîşan bide. Li wir hûn dikarin bijartî hilbijêre, "Go" bike û karûbarên jimarê bikî!