Conas Menu Drop-Down a chruthú i Dreamweaver

Déanann Dreamweaver éasca biachláir a laghdú do do shuíomh Gréasáin. Ach cosúil le gach foirmeacha HTML is féidir leo a bheith beagán deacair. Tabharfaidh an teagascóir seo tú trí na céimeanna chun roghchlár a laghdú i Dreamweaver.

Menuus Léim Dreamweaver

Soláthraíonn Dreamweaver 8 draoi freisin chun roghchlár léim a chruthú le haghaidh loingseoireachta i do láithreán Gréasáin. Murab ionann agus biachláir bhunúsacha, déanfaidh an roghchlár seo rud éigin nuair a bheidh tú críochnaithe. Ní bheidh ort aon JavaScript nó CGIanna a scríobh chun d'fhoirm dhíscaoilte a fháil. Míníonn an teagascóir seo conas an draoi Dreamweaver 8 a úsáid chun roghchlár léim a chruthú.

01 de 20

An Chéad Cruthaigh an Fhoirm

Conas Menu Buail a Dhéanamh i Dreamweaver An Chéad Cruthaigh an Fhoirm. Scáileán ag J Kyrnin

Nóta tábhachtach Maidir le Foirmeacha HTML agus Dreamweaver:

Ach amháin i gcás roghnóirí speisialta cosúil leis an roghchlár léim, ní chuireann Dreamweaver cabhrú leat "obair" a dhéanamh. Ar an ábhar seo tá CGI nó JavaScript uait. Féach ar mo chuid teagaisc Ag déanamh Foirmeacha HTML Oibre le haghaidh tuilleadh eolais.

Nuair atá tú ag cur roghchlár anuas ar do shuíomh Gréasáin, is é an chéad rud atá uait ná foirm chun é a thimpeallacht. I Dreamweaver, téigh go dtí an roghchlár Ionsáigh agus cliceáil ar an bhFoirm, ansin roghnaigh "Foirm".

02 de 20

Taispeáin Foirme i View Design

Conas Menu Buail a Chruthaigh i bhFoirm Taispeántais Dreamweaver i Design Design. Scáileán ag J Kyrnin

Taispeánann Dreamweaver do shuíomh foirmeálta amhairc san amharc dearaidh, mar sin tá a fhios agat cá háit a ndéanfaidh tú d'eilimintí foirm. Tá sé seo tábhachtach, toisc nach bhfuil na clibeanna roghchlár dílse bailí (agus ní oibreoidh siad) lasmuigh den eilimint fhoirm. Mar is féidir leat a fheiceáil san íomhá, is é an fhoirm an líne dearg dromchla san amharc deartha.

03 de 20

Roghnaigh Liosta / Roghchlár

Conas Menu Buail a Dhéanamh i Dreamweaver Roghnaigh Liosta / Menu. Scáileán ag J Kyrnin

Tugtar míreanna "liosta" nó "roghchlár" ar bhiachláir síos i Dreamweaver. Mar sin, ceann amháin a chur le d'fhoirm, ní mór duit dul isteach sa roghchlár Foirm ar an roghchlár Ionsáigh agus roghnaigh "Liosta / Roghchlár". Déan cinnte go raibh do chúrsóir laistigh de líne dearg dromchla do bhosca foirm.

04 de 20

Fuinneog Roghanna Speisialta

Conas Menu Drop-Down a chruthú i bhFuinneog Roghanna Speisialta Dreamweaver. Scáileán ag J Kyrnin

Sna Roghanna Dreamweaver tá scáileán ar Inrochtaineacht. Roghnaim go léiríonn Dreamweaver gach tréith inrochtaineachta dom. Agus is é an scáileán seo mar thoradh air sin. Is áit iad na foirmeacha ina dtagann a lán suíomhanna Gréasáin inrochtaineacht agus trí na cúig rogha seo a líonadh beidh do bhiachláir dífhostaithe níos inrochtana láithreach.

05 de 20

Inrochtaineacht Foirm

Conas Menu Buail a Chruthú in Inrochtaineacht Foirm Dreamweaver. Scáileán ag J Kyrnin

Is iad na Roghanna inrochtaineachta:

Lipéad

Is é seo an t-ainm don réimse. Taispeánfar é mar théacs in aice le d'eilimint fhoirm.
Scríobh cad ba mhaith leat glaoch ar do roghchlár anuas. Is ceist nó gearrfhrása é seo a fhreagróidh an roghchlár anuas.

Stíl

Cuimsíonn HTML tag lipéad chun do lipéid fhoirm a aithint don bhrabhsálaí. Is é do roghanna an roghchlár anuas agus an téacs lipéad a chur leis an gclib, an tréith "a chur in ionad" ar an gclib lipéid a úsáid chun aitheantais an chlib fhoirm a thaispeánann sé nó nach n-úsáideann an tag lipéad ar chor ar bith.
Is fearr liom úsáid a bhaint as an tréith, mar sin más gá dom an lipéad a aistriú ar chúis éigin, beidh sé fós ceangailte leis an réimse foirmeacha ceart.

Post

Is féidir leat do lipéad a chur roimh an roghchlár anuas nó dá éis.

Eochair Rochtana

Seo é an eochair is féidir a úsáid chomh maith leis na heochracha Alt nó Rogha chun go díreach chuig an réimse foirme sin. Déanann sé seo do chuid foirmeacha an-éasca le húsáid gan luch a bheith acu. Conas Eochair Rochtana a Shocrú i HTML

Innéacs Tab

Seo é an t-ord inar chóir rochtain a fháil ar réimse na foirme nuair a úsáideann an méarchlár go cluais tríd an leathanach Gréasáin. An Tabindex a thuiscint

Nuair a bheidh tú ag athrú do chuid roghanna inrochtaineachta, cliceáil OK.

06 de 20

Roghnaigh an Roghchlár

Conas Menu Drop-Down a chruthú i Dreamweaver Roghnaigh an Roghchlár. Scáileán ag J Kyrnin

Nuair a bheidh do chuid roghchlár dílse ag taispeáint san amharc deartha, caithfidh tú na heilimintí éagsúla a chur leis. Roghnaigh an roghchlár anuas síos trí chliceáil ar an gcéad dul síos. Cuirfidh Dreamweaver líne poncáilte eile timpeall ach an roghchlár anuas, chun a thaispeáint go bhfuil tú roghnaithe agat.

07 de 20

Airíonna Menu

Conas Menu Buail a Dhéanamh i Airíonna Menu Dreamweaver. Scáileán ag J Kyrnin

Athróidh an roghchlár airíonna ar an liosta / airíonna roghchláir don roghchlár anuas sin. Ansin, is féidir leat ID a thabhairt ar do roghchlár (áit a deir sé "roghnaigh"), cinneadh a dhéanamh más mian leat é a bheith ina lios nó ar roghchlár, tabhair rang stíl é ó do bhileog stíl, agus luachanna a shannadh don titim.

Cad é an Difríocht idir Liosta agus Roghchlár?

Glaolann Dreamweaver roghchlár anuas ar an roghchlár aon laghdú a ligeann do rogha amháin. Ceadaíonn "liosta" roghanna éagsúla sa titim agus is féidir go mbeadh níos mó ná mír amháin ar airde.

Más mian leat roghchlár anuas a bheith ina línte illeibhéil, é a athrú go dtí cineál "liosta" agus fág an bosca "roghnacha" gan scriosadh.

08 de 20

Cuir Míreanna Liosta Nua leis

Conas Menu Buail a Dhéanamh i Dreamweaver Cuir Míreanna Liosta Nua. Scáileán ag J Kyrnin

Chun míreanna nua a chur le do roghchlár, cliceáil ar an gcnaipe "Liosta luachanna ...". Osclóidh sé an fhuinneog thuas. Cuir isteach do lipéad mír sa chéad bhosca. Seo é a thaispeánfar ar an leathanach. Má fhágann tú an luach bán, is é sin an méid a chuirfear isteach san fhoirm.

09 de 20

Cuir Tuilleadh agus Athordú

Conas Breiseán Drop-Down a chruthú i Dreamweaver Cuir Tuilleadh agus Athordú. Scáileán ag J Kyrnin

Cliceáil ar an deilbhín móide chun míreanna breise a chur leis. Más mian leat iad a ordú sa bhosca liosta, bain úsáid as na saigheada suas agus síos ar dheis.

10 de 20

Tabhair Luachanna Míreanna Uile

Conas Menu Buail a Dhéanamh i Dreamweaver Tabhair Luachanna Míreanna Uile. Scáileán ag J Kyrnin

Mar a luadh mé i gcéim 8, má fhágann tú an luach bán, cuirfear an lipéad chuig an bhfoirm. Ach is féidir leat do chuid míreanna uile a luachanna - faisnéis malartach a sheoladh chuig do fhoirm. Bainfidh tú seo go leor as rudaí cosúil le biachláir a léim.

11 de 20

Roghnaigh Réamhshocrú

Conas Menu Drop-Down a chruthú i Dreamweaver Roghnaigh Réamhshocrú. Scáileán ag J Kyrnin

Is é an leathanach réamhshocraithe atá liostaithe ar na leathanaigh Ghréasáin a thaispeánfar cibé mír díluachála. Ach más mian leat ceann difriúil a roghnaíodh, é a tharraingt sa bhosca "Ar dtús roghnaithe" ar an roghchlár Properties.

12 de 20

Féach do Liosta i View Design

Conas Menu Buail a Dhéanamh i Dreamweaver Féach do Liosta i View Design. Scáileán ag J Kyrnin

Nuair a bheidh tú ag déanamh eagarthóireacht ar na hairíonna, taispeánfaidh Dreamweaver do liosta díolacháin leis an luach réamhshocraithe a roghnaíodh.

13 de 20

Féach do Liosta i gCód View

Conas Menu Buail a Dhéanamh i Dreamweaver Féach do Liosta i gCód View. Scáileán ag J Kyrnin

Má aistríonn tú go dtí an t-amharc cód, is féidir leat a fheiceáil go gcuireann Dreamweaver do roghchlár anuas le cód an-ghlan. Is iad na tréithe breise amháin ná na cinn a chuiramar le roghanna inrochtaineachta. Tá an cód go léir indented agus an-éasca le léamh agus a thuiscint. Cuireann sé fiú sa tréith roghnaithe = "roghnaithe" mar gheall ar Dreamweaver a dúirt mé go bhfuil mé réamhshocraithe agam XHTML a scríobh.

14 de 20

Sábháil agus Amharc sa Bhrabhsálaí

Conas Menu Drop-Down a chruthú i Dreamweaver Sábháil agus Amharc sa Bhrabhsálaí. Scáileán ag J Kyrnin

Má shábháil tú an doiciméad agus é a fheiceáil i mbrabhsálaí Gréasáin, is féidir leat a fheiceáil go bhreathnaíonn do chlár roghchlár díreach mar a bheifí ag súil leis.

15 de 20

Ach ní dhéanann sé rud ar bith

Conas Menu Drop-Down a chruthú i Dreamweaver ach ní dhéanann sé rud ar bith. Scáileán ag J Kyrnin

Breathnaíonn an roghchlár a cruthaíodh thuas os cionn, ach ní dhéanann sé aon ní. D'fhonn é a fháil chun rud éigin a dhéanamh, ní mór duit gníomh foirm a chur ar bun ar an bhfoirm féin, atá ina teagascóir go hiomlán eile.

Go héasca, tá foirm roghnaithe roghnaithe ag Dreamweaver gur féidir leat é a úsáid láithreach ar do shuíomh gan a bheith ag iarraidh foghlaim faoi fhoirmeacha, CGIanna nó scripteoireacht. Glactar le "Menu Léim".

Leagann an "Dreamweaver Jump Menu" roghchlár anuas le hainmneacha agus URLanna. Ansin, is féidir leat mír a roghnú sa roghchlár agus bogfaidh an leathanach Gréasáin go dtí an suíomh sin, díreach cosúil le cliceáil ar nasc agat.

Téigh go dtí an roghchlár Ionsáigh agus roghnaigh Foirm agus ansin Léim Menu.

16 de 20

Léim Fuinneog Roghchlár

Conas Menu Drop-Down a chruthú i bhFuinneog Roghchlár Dreamweaver Léim. Scáileán ag J Kyrnin

Murab ionann agus an roghchlár caighdeánach díola, téann an roghchlár Léim le fuinneog nua ionas gur féidir leat do chuid míreanna roghchlár a ainmniú agus sonraí a chur leis faoin gcaoi ar chóir an fhoirm a bheith ag obair.

Maidir leis an gcéad mhír, téigh an téacs "untitled1" leis an méid is mian leat é a léamh agus URL a chur leis gur chóir an nasc sin a dhéanamh.

17 de 20

Cuir Míreanna ar Do Roghchlár Léim

Conas Menu Buail a Dhéanamh i Dreamweaver Cuir Míreanna le Do Roghchlár Léim. Scáileán ag J Kyrnin

Cliceáil ar an mír breise chun mír nua a chur le do roghchlár léim. Cuir an oiread míreanna is mian leat.

18 de 20

Léim na Roghanna Menu

Conas Menu Buail a Dhéanamh i Roghanna Menu Léim Dreamweaver. Scáileán ag J Kyrnin

Nuair atá tú ag cur na naisc go léir is mian leat, ba chóir duit do chuid roghanna a roghnú:

Oscail URLanna I

Má tá frámaí ort, is féidir leat naisc a oscailt i bhfráma eile. Nó is féidir leat rogha an Phríomhfhuinneog a athrú go sprioc speisialta ionas go mbeidh an URL ag oscailt i bhfuinneog nua nó in áit eile.

Ainm an Chláir

Tabhair ID uathúil do do roghchlár don leathanach. Tá sé seo riachtanach ionas go mbeidh an script ag obair i gceart. Tugann sé deis duit bialann il léim a bheith i bhfoirm amháin - ach ainmneacha éagsúla a thabhairt dóibh.

Cuir isteach an cnaipe a chur isteach i ndiaidh an chláir

Is maith liom é seo a roghnú mar uaireanta ní oibríonn an script nuair a athraíonn an roghchlár. Tá sé níos inrochtana freisin.

Roghnaigh an Chéad Mír Tar éis Athrú URL

Roghnaigh seo má tá pras agat mar "Roghnaigh ceann" mar an chéad mhír roghchlár. Áiritheoidh sé seo go bhfanfaidh an t-ítim sin réamhshocraithe ar an leathanach.

19 de 20

Amharc Léimse Dearadh Menu

Conas Menu Buail a Dhéanamh i Dreamweaver Léim Amharc Dearadh Menu. Scáileán ag J Kyrnin

Díreach cosúil le do chéad roghchlár, leagann Dreamweaver do roghchlár léim suas i d'fhonn dearadh leis an mír réamhshocraithe le feiceáil. Ansin, is féidir leat an roghchlár anuas a chur in eagar cosúil le haon cheann eile.

Má dhéanann tú é a eagrú, déan cinnte gan aon ID a athrú ar na hítimí, ar shlí eile ní fhéadfadh an script a bheith ag obair.

20 de 20

Léim Menu sa Bhrabhsálaí

Conas Menu Drop-Down a chruthú i Dreamweaver Léim Menu sa Brabhsálaí. Scáileán ag J Kyrnin

Taispeáin an leathanach i do bhrabhsálaí is fearr leat an comhad a shábháil agus bualadh F12. Is féidir leat rogha a roghnú, cliceáil "Téigh" agus oibríonn an roghchlár léim!