Dreamweaver fè li fasil yo kreye meni gout-desann pou sit entènèt ou an. Men, tankou tout fòm HTML yo ka yon ti jan difisil. Tutorial sa a pral mache ou atravè etap sa yo pou kreye yon meni gout-desann nan Dreamweaver.
Dreamweaver Ale Meni
Dreamweaver 8 tou bay yon sòsye yo kreye yon meni so pou Navigasyon nan sit entènèt ou. Kontrèman ak meni gid debaz yo, meni sa a pral aktyèlman fè yon bagay lè w fini. Ou pa pral gen yo ekri nenpòt JavaScript oswa CGIs jwenn fòm gout-desann ou nan travay. Tutorial sa a eksplike tou kijan pou yo itilize Dreamweaver 8 sòsye a pou kreye yon meni sote.
01 nan 20
Premye Kreye Fòm
Nòt enpòtan sou Fòm HTML ak Dreamweaver:
Eksepte pou asistan espesyal tankou meni an sote, Dreamweaver pa ede ou fè fòm HTML "travay". Pou sa ou bezwen yon CGI oswa JavaScript. Tanpri, gade tutoryèl mwen Fè HTML Fòm Travay pou plis enfòmasyon.
Lè w ap ajoute yon meni gout-desann nan sit entènèt ou a, premye bagay ou bezwen se yon fòm nan antoure li. Nan Dreamweaver, ale nan meni an Mete epi klike Fòm, Lè sa a, chwazi "Fòm".
02 nan 20
Fòm Montre nan Design View
Dreamweaver montre kote fòm ou vizyèlman nan gade nan konsepsyon, kidonk, ou konnen ki kote yo mete eleman fòm ou. Sa a enpòtan, paske gid meni gout-desann yo pa valab (epi yo pa pral travay) andeyò eleman fòm lan. Kòm ou ka wè nan imaj la, fòm la se liy lan wouj pwentiye an nan konsepsyon View.
03 nan 20
Chwazi Lis / Menu
Meni Drop-Down yo rele "lis" oswa "meni" atik nan Dreamweaver. Se konsa, ajoute youn nan fòm ou, ou bezwen ale nan meni an Fòm sou meni an Mete epi chwazi "Lis / Menu". Asire w ke kurseur ou te nan liy lan wouj pwentiye nan bwat fòm ou.
04 nan 20
Espesyal Opsyon fenèt
Nan Opsyon yo Dreamweaver gen yon ekran sou Aksè nan. Mwen chwazi gen Dreamweaver montre m 'tout atribi attributes. Ak ekran sa a se rezilta nan sa. Fòm yo se yon kote kote anpil sit entènèt tonbe desann nan aksè ak pa ranpli senk opsyon sa yo meni gout-desann ou yo pral imedyatman plis aksesib.
05 nan 20
Fòm Aksè
Opsyon nan aksè yo se:
Label
Sa a se non an pou jaden an. Li pral montre moute kòm tèks bò kote eleman fòm ou.
Ekri sa ou vle rele meni gout-desann ou. Sa a ka yon fraz kesyon oswa kout ki meni an gout-desann ap reponn.
Style
HTML gen ladan yon etikèt sou etikèt pou idantifye etikèt fòm ou nan navigatè a. Chwa ou yo vlope meni an gout-desann ak tèks la etikèt ak tag a, yo sèvi ak "pou" atribi a sou etikèt la tag yo idantifye ki fòm tag li referans, oswa pa itilize etikèt la tag nan tout.
Mwen pito sèvi ak atribi a, tankou Lè sa a, si mwen bezwen pou avanse pou pi etikèt la pou kèk rezon li ap toujou dwe tache nan jaden ki kòrèk fòm.
Pozisyon
Ou ka mete etikèt ou anvan oswa apre meni an gout-desann.
Aksè Kle
Sa a se kle a ki ka itilize ansanm ak Alt a oswa Opsyon kle yo jwenn dirèkteman nan ki jaden fòm. Sa fè fòm ou trè fasil yo sèvi ak san yo pa bezwen yon sourit. Ki jan yo mete kanpe yon kle aksè nan HTML
Tab Index
Sa a se lòd la nan ki jaden an fòm yo ta dwe jwenn aksè lè w ap itilize klavye a tab nan paj wèb la. Konprann Tabindex la
Lè ou te mete ajou opsyon aksè ou, klike sou OK.
06 nan 20
Chwazi Menu la
Yon fwa ou gen meni gout-desann ou a montre nan konsepsyon wè, ou bezwen ajoute eleman sa yo divès kalite li. Premye chwazi meni an gout-desann pa klike sou li. Dreamweaver pral mete yon lòt liy pwentiye alantou jis meni an gout-desann, yo montre ke ou te chwazi li.
07 nan 20
Pwopriyete Menu
Meni pwopriyete yo pral chanje nan lis la / pwopriyete pwopriyete pou meni gout-desann. Gen ou ka bay meni ou yon ID (kote li di "chwazi"), deside si ou vle li nan yon lis oswa yon meni, ba li yon klas style soti nan fèy style ou a, epi bay valè nan gout-desann la.
Ki sa ki nan diferans ki genyen ant lis ak meni?
Dreamweaver rele yon meni gout-desann meni nenpòt gout-desann ke se sèlman pèmèt yon seleksyon. Yon "lis" pèmèt chwa miltip nan gout-desann epi li ka plis pase yon atik ki wo.
Si ou vle yon meni gout-desann yo dwe liy miltip segondè, chanje li nan yon "lis" kalite epi kite bwat la "seleksyon" san limit.
08 nan 20
Add nouvo Lis Atik
Pou ajoute nouvo atik nan meni ou, klike sou "Lis valè ..." bouton an. Sa a pral louvri fennèt ki anlè a. Kalite nan etikèt atik ou a nan bwat la an premye. Sa a se sa ki pral montre nan paj la. Si ou kite valè a vid, se tou ki sa yo pral voye nan fòm lan.
09 nan 20
Add plis ak reorder
Klike sou icon nan plis yo ajoute plis atik. Si ou vle re-lòd yo nan bwat la lis, sèvi ak flèch yo leve, li desann sou bò dwat la.
10 nan 20
Bay tout bagay valè yo
Kòm mwen mansyone nan etap 8, si ou kite valè a vid, etikèt la ap voye nan fòm lan. Men, ou ka bay tout bagay ou valè - voye lòt enfòmasyon nan fòm ou an. Ou pral sèvi ak sa a anpil pou bagay tankou meni sote.
11 nan 20
Chwazi yon Default
Paj entènèt default yo montre kèlkeswa sa ki gout-desann atik yo ki nan lis premye kòm atik la default. Men, si ou vle yon sèl diferan chwazi, mete aksan sou li nan bwat la "Okòmansman chwazi" sou meni an Pwopriyete.
12 nan 20
Gade lis ou a nan View View
Yon fwa w ap fè koreksyon pwopriyete yo, Dreamweaver pral montre lis drop-down ou a ak valè a default chwazi.
13 nan 20
Gade lis ou a nan Kòd View
Si ou chanje nan View Kòd, ou ka wè ke Dreamweaver ajoute meni gout-desann ou a ak kòd trè pwòp. Atribi sèlman siplemantè yo se yo menm ke nou ajoute ak opsyon aksè. Kòd la se tout eklere ak trè fasil pou li ak konprann. Li menm mete nan chwazi a "chwazi" atribi paske mwen te di Dreamweaver ke mwen default nan ekri XHTML.
14 nan 20
Sove ak View nan Navigatè
Si ou sove dokiman an ak wè li nan yon navigatè entènèt, ou ka wè ke meni gout-desann ou sanble jis tankou ou ta atann li a.
15 nan 20
Men li pa fè anyen
Meni an nou kreye pi wo a sanble amann, men li pa fè anyen. Yo nan lòd yo jwenn li fè yon bagay, ou bezwen mete kanpe yon fòm fòm sou fòm nan tèt li, ki se yon tutorial konplètman lòt.
Chans, Dreamweaver gen yon meni bati-an meni-desann ke ou ka itilize imedyatman sou sit ou a san yo pa bezwen aprann sou fòm, CGIs, oswa scripting. Li rele yon meni Ale.
Dreamweaver Ale Menu a kouche moute yon meni gout-desann ak non ak URL. Lè sa a, ou ka chwazi yon atik nan meni an ak paj entènèt la ap deplase nan kote sa a, jis tankou si ou te klike sou yon lyen.
Ale nan meni an Mete epi chwazi Fòm ak Lè sa a Ale Menu.
16 nan 20
Ale fenèt meni
Kontrèman ak meni an gout estanda, meni an Ale ouvè yon fenèt nouvo pou ou pou w rele atik meni ou epi ajoute detay sou ki jan fòm nan ta dwe travay.
Pou atik nan premye, chanje tèks la "untitled1" nan sa ou vle li li epi ajoute yon URL ke lyen sa a ta dwe ale nan.
17 nan 20
Ajoute atik nan meni Ale ou
Klike sou atik la ajoute yo ajoute yon atik nouvo nan meni so ou. Ajoute anpil bagay ou vle.
18 nan 20
Ale Opsyon Menu
Yon fwa ou te ajoute tout lyen yo ou vle, ou ta dwe chwazi opsyon ou a:
Louvri URL nan
Si ou gen yon frameset, ou ka louvri lyen yo nan yon ankadreman diferan. Oswa ou ka chanje opsyon a nan Main fenèt nan yon sib espesyal pou ke URL la ap louvri nan la nan yon lòt fenèt oswa yon lòt kote.
Non Menu
Bay meni ou yon ID inik pou paj la. Sa mande pou script la ap travay kòrèkteman. Li tou pèmèt ou gen menas so plizyè nan yon fòm - jis ba yo tout non diferan.
Mete Go Button Apre Menu
Mwen renmen chwazi sa paske pafwa script la pa travay lè meni an chanje. Li la tou plis aksesib.
Chwazi premye atik apre chanjman URL
Chwazi sa a si ou gen yon èd memwa tankou "Chwazi yon sèl" kòm atik la meni an premye. Sa a pral asire ke atik la rete default nan paj la.
19 nan 20
Ale Menu Design View
Jis tankou ak meni premye ou a, Dreamweaver kouche moute meni so ou a nan View konsepsyon ak atik la default vizib. Ou ka Lè sa a, edite meni an gout-desann tankou ou ta nenpòt ki lòt.
Si ou modifye li, asire w pa chanje nenpòt idantite sou atik yo, otreman script la pa ka travay.
20 nan 20
Ale Menu nan Navigatè
Ekonomize dosye a ak frape F12 ap montre paj la nan navigatè pi pito ou. Gen ou ka chwazi yon opsyon, klike sou "Ale" ak meni an so travay!