Ahoana no fomba hamoronana menamena fanesorana amin'ny Dreamweaver

Dreamweaver dia mahatonga azy ireo mora hamorona menus ho an'ny tranokalanao. Saingy tahaka ireo endrika HTML rehetra dia mety ho somary sarotra ihany izany. Ity lesona ity dia handehandeha anao amin'ny alalan'ny dingana mba hamoronana menio fanala ao Dreamweaver.

Dreamweaver Jump Menus

Ny Dreamweaver 8 koa dia manome mpahay siansa hamorona menopika hitsikerana ny tranokala ao amin'ny tranokalanao. Raha oharina amin'ny menoketsa fanodinana fototra, ity menu ity dia hanao zavatra rehefa vita. Tsy voatery hanoratra jiro na CGI ianao mba hahazoana ny taratasy fialan-tsasatrao hiasa. Ity lesona ity koa dia manazava ny fomba fampiasana maotera Dreamweaver 8 mba hamoronana menopika hitsambikina.

01 of 20

Hamorona ny endrika voalohany

Ahoana no Hanamboarana Mari-Dalana Manidina ao Dreamweaver Voalohany Mamorona ny endrika. Saripika nalain'i J Kyrnin

Fanamarihana manan-danja momba ny endrika HTML sy Dreamweaver:

Ankoatra ireo mpitsikilo manokana toy ny menamenam-peo, Dreamweaver dia tsy manampy anao hamolavola endrika "asa" HTML. Izany dia mila CGI na JavaScript. Azafady mba jereo ny tutorial momba ny fanaovana HTML Forms Work for more information.

Rehefa ampidirinao ao amin'ny tranonkalanao ny menus lefona, ny zavatra voalohany ilainao dia endrika iray hanodinana azy. Ao amin'ny Dreamweaver, mandehana ao amin'ny menio Fidio ary tsindrio ny Form, ary dia mifidy "Form".

02 of 20

Ny endrika dia mampiseho ny fomba fijery

Ny fomba hamoronana ny menamena manidina amin'ny endrika Dreamweaver dia maneho amin'ny fomba fijery. Saripika nalain'i J Kyrnin

Ny Dreamweaver dia maneho ny toerana misy ny endriny amin'ny fomba fijery, ka fantatrao hoe aiza no hametrahana ny endriky ny endrika. Zava-dehibe izany, satria ny marika fandaharana fanontana dia tsy mety (ary tsy miasa) ivelan'ny endriky ny endrika. Araka ny hitanao eo amin'ny sary, ny endriny dia ny tsipika mena voafaritra amin'ny fomba fijery.

03 of 20

Misafidiana Lisitra / Menu

Ahoana no fomba hamoronana ny menamena manidina ao amin'ny Dreamweaver Fidio ny lisitra / Menu. Saripika nalain'i J Kyrnin

Ny menamena fanidina dia antsoina hoe "lisitra" na "sakafo" ao Dreamweaver. Raha te hampiditra iray amin'ny endritsoratra ianao, dia mila miditra ao amin'ny menu-ny Form ao amin'ny menu Insert ary misafidy "List / Menu". Ataovy azo antoka fa ny kursor dia ao anatin'ny andalana miloko mena misy ny boaty.

04 of 20

Special Options Window

Ahoana no fomba hamoronana menio fanontam-pirinty ao amin'ny Dreamweaver Special Options Window. Saripika nalain'i J Kyrnin

Ao amin'ny Dreamweaver Options dia misy ny efijery amin'ny Accessibility. Misafidy ny hanana Dreamweaver hampiseho ahy ny toetra rehetra azo aleha. Ary ity efijery ity dia vokatr'izany. Ny endrika dia toerana iray izay ahitana tranonkala maro midina ao amin'ny fidirana sy amin'ny famenoana ireo safidy dimy ireo ny menamena fanodinkodinanao dia ho mora azo kokoa.

05 of 20

Form Accessibility

Ahoana no fomba hamoronana ny menamena manidina ao amin'ny Dreamweaver Form Accessibility. Saripika nalain'i J Kyrnin

Ny Options Accessibility dia:

Label

Izany no anaran'ilay saha. Hiseho toy ny lahatsoratra eo akaikin'ny endriky ny endrikao izany.
Soraty izay tianao hiantsoana ny menus drop-down. Mety ho fanontaniana na fehezanteny fohy no hamalian'ilay menio fanontam-pirinty.

Style

HTML dia misy andian-tsoratra marika ahafantarana ny mombamomba ny labozia amin'ny navigateur. Ny safidy ataonao dia ny mameno ny menio fanontam-pirinty sy ny mari-pamantarana miaraka amin'ny marika, hampiasa ny toetra "for" amin'ny marika famantarana mba hamantarana ny endrika famantarana azy io, na tsy mampiasa ny marika famantarana.
Tiako ny hampiasa ny toetra manokana, toy ny hoe raha te hampandeha ilay mari-pamantarana aho noho ny antony hafa dia mbola hifanaraka amin'ny saran-dalana.

Position

Azonao atao ny mametraka ny môtôo mialoha na aorian'ilay sakafo fisakafoana.

Access Key

Io no fanalahidy izay azo ampiasaina miaraka amin'ny alalana Alt na Option mba hahatongavana mivantana mankany amin'io sehatra io. Izany dia mahatonga ny endriny ho mora ampiasaina nefa tsy mila totozy. Ahoana ny fametrahana ny key Access ho an'ny HTML

Tabindex

Ity no baiko ahafahana manokatra ny sahan'ny rindrankajy rehefa mampiasa ny klavier ka hiditra amin'ny tranonkala. Understanding the Tabindex

Rehefa navaozinao ireo safidy momba ny fidirana dia tsindrio OK.

06 of 20

Mifidiana ny sakafo

Ahoana no Hanamboarana Mari-dàlana Manidina Amin'ny Dreamweaver Fanteno ny sakafo. Saripika nalain'i J Kyrnin

Raha vantany vao tafapetraka ny menus fanosehana eo amin'ny fomba fijery, dia mila ampiana ireo singa samihafa. Mifidiana voalohany ny menio fanala amin'ny alàlanao hikirakira azy. Dreamweaver dia hametraka tsipika hafa kely manodidinin'ny seho an-drakitra fotsiny, mba hampisehoana fa efa nofidina ianao.

07 of 20

Properties Menu

Ahoana no fomba hamoronana menio fanesorana ao amin'ny Dreamweaver Properties Menu. Saripika nalain'i J Kyrnin

Ny menio properties dia hanova ny lisitry ny menu / menu ho an'ity menio fanala. Azonao atao ny manome ny ID misy anao (izay milaza hoe "mifidy"), ka manapa-kevitra raha tianao ho lisitry na menu iray izy io, dia omeo ny kilasim-pianakaviana ao amin'ny takelaka misy anao, ary manendry ny sanda amin'ny fetra.

Inona ny fahasamihafana eo amin'ny lisitra sy ny menu?

Dreamweaver dia miantso menamena fanontam-pirinty izay misy safidy iray izay mamela ny safidy tokana. Ny "lisitra" dia ahafahana misafidy safidy maro ao amin'ny fingadingana ary mety ho mihoatra noho ny zavatra iray avo lenta.

Raha toa ka mila milina fanontam-pirinty maromaro avo lenta ianao, dia manova azy amin'ny karazana "lisitra" ary avelao tsy hijanona ny bokotra "selections".

08 of 20

Ampio lahatsoratra lisitra vaovao

Ahoana no Hanamboarana Toro-Down Menu amin'ny Dreamweaver Add New List Items. Saripika nalain'i J Kyrnin

Ampio zava-baovao ao amin'ny menio ianao, tsindrio ny bokotra "List values ​​...". Io dia hanokatra ny varavarankely etsy ambony. Ampidiro ao amin'ny boaty voalohany ny mari-pamantarana misy anao. Izay no hampiseho amin'ny pejy. Raha mandao ny vidin'ny vidiny ianao dia izany koa no halefa amin'ny endrika.

09 of 20

Hanampy misimisy kokoa

Ahoana no hamoronana ny sakafo menavava ao anaty Dreamweaver Add More and Reorder. Saripika nalain'i J Kyrnin

Tsindrio eo amin'ny sehatra plus mba hanampy zavatra bebe kokoa. Raha te-hametraka azy ireo ao amin'ny boaty lisitra ianao dia ampiasao ny zana-tsipìka ambony sy ambany.

10 of 20

Omeo ny lanjan'ny lenta rehetra

Ahoana no hamoronana ny menamena fanesorana amin'ny Dreamweaver Manomeza lanjan'ny singa rehetra. Saripika nalain'i J Kyrnin

Araka ny nambarako tamin'ny dingana faha-8, raha mandao ny sandan'ny vidiny ianao, dia halefa any amin'ny endrika ny marika. Azonao omena ihany anefa ny sanda rehetra omena anao - ny mandefa fanazavana hafa amin'ny endriny. Ampiasao betsaka ho an'ny zavatra toy ny menus jump izany.

11 of 20

Mifidiana Default

Ahoana no Hanamboarana Toro-Down Menu amin'ny Dreamweaver Fidio ny Default. Saripika nalain'i J Kyrnin

Pejy tsy alahelon'ny tranonkala ahafahana mampiseho izay loha-drakitra rehetra dia voasoratra ho laharana voalohany. Saingy raha tianao dia misy olona iray voafidy, dia asongadino ao amin'ny boaty "Voalohany voafaritra" ao amin'ny menio Properties.

12 of 20

Jereo ny lisitrao amin'ny fomba fijery noforonina

Ahoana no Mamorona Tombom-peo ao amin'ny Dreamweaver Jereo ny lisitrao amin'ny Design Design. Saripika nalain'i J Kyrnin

Rehefa vita ny fanitsiana ireo toetra ireo, dia hampiseho ny lisitra fidirana miaraka aminao miaraka amin'ny votoatin'ny safidy ny Dreamweaver.

13 of 20

Jereo ny lisitrao amin'ny kaody

Ahoana ny fomba hamoronana menio fanesoana ao amin'ny Dreamweaver Jereo ny lisitrao ao amin'ny Kodin-kevitra. Saripika nalain'i J Kyrnin

Raha miova amin'ny fijerena ny code ianao, dia afaka mahita fa ny Dreamweaver dia manampy ny menus drop-in ao amin'ny code code madio. Ireo toetra fanampiny fanampiny dia ireo izay nampidirintsika amin'ny safidy fidirana. Ny code dia miditra sy mora mamaky sy mahatakatra. Io aza dia mametraka ny toetra voafidy = "nofidiana" satria efa nilaza tamin'ny Dreamweaver aho fa tsy afaka manoratra XHTML aho.

14 of 20

Mialà ary mijery amin'ny tranokala

Ahoana ny fomba hamoronana menio fanesorana ao amin'ny Dreamweaver Mamonjy sy Mijery amin'ny Browser. Saripika nalain'i J Kyrnin

Raha mamonjy ilay rakitra ianao ary mijery azy ao anaty tranonkala iray, dia ho hitanao fa mitovy amin'ny fomba fijerinao azy ny menus fanala anao.

15 of 20

Saingy tsy misy na inona na inona

Ahoana no fomba hamoronana menamena fanesoana ao amin'ny Dreamweaver kanefa tsy manao na inona na inona. Saripika nalain'i J Kyrnin

Ny menio noforoninay etsy ambony dia toa tsara, fa tsy manao na inona na inona. Mba hahafahana manao izany, dia mila manangana hetsika amin'ny endriny ianao, izay lesona iray manontolo.

Soa ihany, Dreamweaver dia manana endrika fanontam-pirinty natsangana izay azonao ampiasaina avy hatrany ao amin'ny tranokalanao raha tsy mila mianatra momba ny endrika, CGI, na scripting. Antsoina hoe "Jump Menu" izany.

Ny Menu Dreamweaver Jump Menu dia mametraka ny menamena fanala miaraka amin'ny anarana sy URL. Afaka misafidy singa iray ao amin'ny menio ianao ary ny pejy web dia hifindra any amin'io toerana io, toy ny hoe efa nidira rohy ianao.

Mandehana any amin'ny Fandefasana sakafo ary mifidiana Forma ary tsindrio Menu.

16 of 20

Sokafy ny Window

Ahoana no fomba hamoronana menio fanesorana ao amin'ny Dreamweaver Jump Menu Window. Saripika nalain'i J Kyrnin

Raha oharina amin'ny menio fanontam-pirinty marika, dia manokatra varavarankely vaovao ho anao ny menu Jump izay hanonona ny zavatra ao amin'ny sakafo ary hametraka tsipiriany momba ny fomba tokony hiasan'ny form.

Ampiasao ny lahatsoratra voalohany hoe "untitled1" izay tianao hovakinao ary ampio URL iray izay tokony hampidirana io rohy io.

17 of 20

Ampio ireo singa ho an'ny sainao Menu

Ahoana no Hanamboarana Menu Drop-Down ao Dreamweaver Hanampy Ireo Horonan-tsarinao? Saripika nalain'i J Kyrnin

Tsindrio eo amin'ny singa fanampiny mba hanampiana singa vaovao ao amin'ny menokanao hitsambikina. Manampia zavatra maro araka izay irinao.

18 of 20

Safidio ny safidy menu

Ahoana no fomba hamoronana menio fanosehana ao amin'ny Dreamweaver Jump Menu Options. Saripika nalain'i J Kyrnin

Raha vao nampidirinao ny rohy rehetra tianao, dia tokony hifidy ireo safidyo ianao:

Sokafy ny URL

Raha manana frameset ianao dia afaka manokatra ny rohy amin'ny endrika hafa. Na azonao atao ny manova ny safidy ny Main Window amin'ny tanjona manokana mba hahafahan'ny URL manokatra amin'ny varavarankely vaovao na any amin'ny toerana hafa.

Menu Menu

Omeo ID ny ID misy anao. Ilaina izany mba ahafahan'ny script mamaky tsara. Azonao atao koa ny manana menasam-pitenenana misimisy amin'ny endrika iray - manome azy ireo anarana hafa fotsiny.

Ampidino ny bokotra Go to Menu

Tiako ny mifidy izany satria indraindray dia tsy miasa ny script rehefa miova ny sakafo. Azo atao koa ny mahita azy.

Mifidiana Voalohany eo aorian'ny fanovana ny URL

Mifidiana izany raha toa ianao ka manana bitsika toy ny "Fidio ny iray" ho toy ny singa voalohany. Izany dia manome toky fa io laharana io dia mametraka ny tsy mety ao amin'ny pejy.

19 of 20

Alefaso ny fomba fijerin'ny menu

Ahoana ny fomba hamoronana ny sakafo fanontam-pirinty ao amin'ny Dreamweaver Jump Menu Design View. Saripika nalain'i J Kyrnin

Tahaka ny ao amin'ny sakafo voalohany anao, Dreamweaver dia mametraka ny menuo mitsambikina eo amin'ny fomba fijery miaraka amin'ny endri-tsoratra hita maso. Azonao atao ny manitsy ny menus lefona tahaka ny tianao hafa.

Raha manitsy azy ianao dia ataovy izay tsy ahafahana manova ny IDs amin'ny zavatra, raha tsy izany dia tsy mety miasa ilay script.

20 of 20

Alefaso ny bokotra navigateur

Ahoana no fomba hamoronana ny sakafo fanontam-pirinty ao amin'ny Dreamweaver Alefaso Menu ao amin'ny Browser. Saripika nalain'i J Kyrnin

Ny fitehirizana ny rakitra ary ny fametahana an'i F12 dia hampiseho ilay pejy ao amin'ny tranokala tianao. Azonao atao ny misafidy safidy iray, tsindrio ny "Go" ary ny asa fisitrihana mitsambikina!