Dreamweaver faciligas krei malplenajn menuojn por via retejo. Sed kiel ĉiuj HTML-formoj ili povas esti iom malfacilaj. Ĉi tiu lernilo promenos tra la paŝoj por krei malsupren menuon en Dreamweaver.
Menuoj de Dreamweaver Jump
Dreamweaver 8 ankaŭ provizas magiiston por krei salton-menuon por navigado en via retejo. Kontraste kun bazaj malsuprenaj menuoj, ĉi tiu menuo fakte faros ion kiam vi finos. Vi ne devos skribi ajnan JavaScript aŭ CGI por akiri vian falmenformon por labori. Ĉi tiu lernilo ankaŭ klarigas kiel uzi la Dreamweaver 8-magiiston por krei salton-menuon.
01 de 20
Unue Krei la Formon
Grava Noto Pri HTML Formoj kaj Dreamweaver:
Krom specialaj sorĉistoj kiel la salta menuo, Dreamweaver ne helpas vin fari HTML-formojn "labori". Por tio vi bezonas CGI aŭ JavaScript. Bonvolu vidi mian lernilon Farante HTML-Formojn Labori por pliaj informoj.
Kiam vi aldonas malsupren-menuon al via retejo, la unua afero, kiun vi bezonas, estas formo por ĉirkaŭi ĝin. En Dreamweaver, iru al la Enmeta menuo kaj alklaku Formon, tiam elektu "Formo".
02 de 20
Formo Montras en Desegna Vido
Dreamweaver montras vian lokan lokon vide en la dezajno, do vi scias, kie meti viajn formajn elementojn. Ĉi tio estas grava, ĉar malplenaj menu-etikedoj ne estas valida (kaj ne funkcios) ekster la formularo. Kiel vi povas vidi en la bildo, la formo estas la ruĝa punkta linio en dezajno.
03 de 20
Elektu Listo / Menuo
Drop-malsuprenaj menuoj estas nomataj "listo" aŭ "menuo" eroj en Dreamweaver. Do aldoni unu al via formo, vi devas eniri en la Forma menuo en la Enmeta menuo kaj elekti "Listo / Menuo". Certigu, ke via kursoro estis en la ruĝa punkto de via skatolo.
04 de 20
Specialaj opcioj de fenestro
En la Dreamweaver-Opcioj ekzistas ekrano sur Alirebleco. Mi elektas havi Dreamweaver montri al mi ĉiujn atribuojn de alirebleco. Kaj ĉi tiu ekrano estas la rezulto de tio. Formoj estas loko, kie multaj retejoj malhelpas alirebleco kaj plenigante ĉi tiujn kvin eblojn, kiujn viaj menuoj malplenaj tuj estos pli alireblaj.
05 de 20
Forma Alirebleco
La Ebloj de alirebleco estas:
Etikedo
Ĉi tiu estas la nomo por la kampo. Ĝi montriĝos kiel teksto apud via formularo.
Skribu, kion vi volas nomi vian malsupren menuon. Ĉi tio povas esti demando aŭ mallonga frazo, kiun la malsupren-menuo respondos.
Stilo
HTML inkluzivas etiketon etikedon por identigi vian formon de etiketoj al la retumilo. Viaj elektoj devas enmeti la malsupren-menuon kaj la etikedon kun la etikedo, por uzi la atributon "por" en la etikedo etikedo por identigi, kiun formi etikedo, aŭ ne uzi la etikedon.
Mi preferas uzi la atributon, ĉar tiam se mi bezonos movi la etikedon pro iu kialo, ĝi ankoraŭ aliĝos al la ĝusta formo.
Pozicio
Vi povas meti vian etikedon antaŭ aŭ post la falmenuo.
Aliro Ŝlosilo
Ĉi tiu estas la ŝlosilo, kiu povas esti uzata kune kun la Alt aŭ Opcio-ŝlosiloj rekte rekte al tiu kampo. Ĉi tio faras viajn formojn tre facila por uzi sen neceso de muso. Kiel starigi Aliron-Klavon en HTML
Tab Indekso
Ĉi tiu estas la ordo, en kiu la formala kampo devas esti alirita kiam vi uzas la klavaron al pestaña tra la Retpaĝo. Kompreni la Tabindex
Kiam vi ĝisdatigis viajn alireblecojn, klaku OK.
06 de 20
Elektu la menuon
Unufoje vi havas vian malplenan menuon montrante en dezajno, vi devas aldoni la diversajn elementojn al ĝi. Unue elektu la malsupren-menuon alklakante ĝin. Dreamweaver metos alian punktitan linion ĉirkaŭ la malsupren-menuo, por montri, ke vi elektis ĝin.
07 de 20
Menuelaj Eroj
La propraĵoj menuo ŝanĝos al la listo / menuaj propraĵoj por tiu malsupren-menuo. Tie vi povas doni vian menuon ID (kie ĝi diras "elektu"), decidi, ĉu vi volas, ke ĝi estu lis aŭ menuo, donu al ĝi klasan klason de via stilo, kaj atribuu valorojn al la falmenuo.
Kio estas la Diferenco Inter Listo kaj Menuo?
Dreamweaver alvokas menuon malsupren-menuon ajnan falmenon, kiu nur permesas unu elekton. "Listo" permesas multajn elektojn en la falmenuo kaj povas esti pli ol unu ero alta.
Se vi volas malsuprenilan menuon por esti multnombraj linioj altaj, ŝanĝi ĝin al "listo" tipo kaj lasu la "elektojn" skatolon senkalkulita.
08 de 20
Aldoni Novajn Listo Erojn
Por aldoni novajn erojn al via menuo, alklaku la butonon "Listo valoroj ...". Ĉi tio malfermos la supran fenestron. Tajpu vian etikedon en la unua skatolo. Jen kion montriĝos sur la paĝo. Se vi lasos la valoron malplenan, tio ankaŭ estas, kio estos sendita en la formo.
09 de 20
Aldoni pli kaj reordigi
Alklaku la plusan ikonon por aldoni pli da eroj. Se vi volas reordigi ilin en la listo, uzu la supre kaj malsupren sagojn dekstre.
10 el 20
Donu All Items Valoroj
Kiel mi menciis en la paŝo 8, se vi lasos la valoron malplenan, la etikedo estos sendita al la formo. Sed vi povas doni ĉiujn viajn erojn valorojn - sendi alternativan informon al via formo. Vi uzos ĉi tion multe por aferoj kiel saltaj menuoj.
11 de 20
Elektu Defaŭlta
Retpaĝoj defaŭlte por montri kiom malsupren-eron estas listigitaj unue kiel la defaŭltan eron. Sed se vi volas elekti alian, reliefigu ĝin en la "Komence elektita" skatolo en la Propra menuo.
12 el 20
Vidu vian liston en Desegna Vido
Unufoje vi faros redaktadon de la propraĵoj, Dreamweaver montros vian malsupren-liston kun la defaŭlta valoro elektita.
13 de 20
Vidi Vian Listo en Kodo Vidaj
Se vi ŝaltas al kodvidejo, vi povas vidi, ke Dreamweaver aldonas vian malsupren-menuon per tre pura kodo. La nuraj kromaj atributoj estas tiuj, kiujn ni aldonis per ebloj de alirebleco. La kodo estas tute indentita kaj tre facila por legi kaj kompreni. Ĝi eĉ metas la elektitan = "elektitan" atributon ĉar mi rakontis al Dreamweaver ke mi implicite skribis XHTML.
14 de 20
Konservi kaj rigardi en retumilo
Se vi konservos la dokumenton kaj vidos ĝin en TTT-retumilo, vi povas vidi, ke via malpleniga menuo aspektas kiel vi atendus.
15 de 20
Sed Ĝi Ne DONAS Ĉion
La menuo, kiun ni kreis supre aspektas bone, sed ĝi ne faras ion. Por atingi ĝin fari ion, vi devas agordi forman agadon en la formo mem, kio estas tute alia lernilo.
Por sorto, Dreamweaver havas enkonstruitan menuon de malsupren-menuo, kiun vi povas uzi tuj sur via retejo sen neceso pri lernado pri formoj, CGI aŭ skribado. Oni nomas Jump Menuo.
La Dreamweaver Jump Menuo malplenigas menuon kun nomoj kaj URLoj. Tiam vi povas elekti eron en la menuo kaj la retpaĝaro moviĝos al tiu loko, kvazaŭ vi klakis ligon.
Iru al la Enmeta menuo kaj elektu Formon kaj poste Saltu Menuo.
16 de 20
Saltu Menfenan fenestron
Kontraste kun la norma falmenuo, la Salut-menuo malfermas novan fenestron por ke vi nomu viajn menuojn kaj aldonu detalojn pri kiel la formo devus funkcii.
Por la unua ero, ŝanĝu la tekston "untitled1" al tio, kion vi volas legi kaj aldoni URL, al kiu tiu ligilo devas iri.
17 de 20
Aldonu erojn al via salto-menuo
Alklaku la aldonan eron por aldoni novan eron al via salta menuo. Aldonu tiom da eroj kiel vi deziras.
18 de 20
Saltu Menuerajn Agordojn
Unufoje vi aldonis ĉiujn ligilojn, kiujn vi volas, vi elektu viajn eblojn:
Malfermaj URLoj
Se vi havas kadron, vi povas malfermi la ligilojn en malsama kadro. Aŭ vi povas ŝanĝi la eblon de Ĉefa Fenestro al speciala celo por ke la URL malfermiĝos ĉe nova fenestro aŭ aliloke.
Menuo Nomo
Donu vian menuon unika ID por la paĝo. Ĉi tio estas postulita por ke la skripto funkcios ĝuste. Ĝi ankaŭ permesas al vi havi multoblajn menuojn en unu formo - nur donu al ili ĉiujn malsamajn nomojn.
Enmetu Iru Butonon Post Menuo
Mi ŝatas elekti ĉi tion ĉar kelkfoje la skripto ne funkcias kiam la menuo ŝanĝas. Ankaŭ estas pli atingebla.
Elektu unuaĵon post ŝanĝo de URL
Elektu ĉi tion se vi havas respondon kiel "Elektu unu" kiel la unua menueron. Ĉi tio certigos, ke tiu ero restas defaŭlta en la paĝo.
19 de 20
Saltu Menuo Dezajno Rigardi
Same kiel kun via unua menuo, Dreamweaver starigas vian salton-menuon en dezajno-vidpunkto kun la defaŭlta ero videbla. Vi povas tiam redakti la malsupren-menuon kiel vi volas.
Se vi redaktas ĝin, certigu, ke vi ne ŝanĝu ajnajn identigojn pri la eroj, alie la skripto eble ne funkcios.
20 de 20
Saltu Menuo en Retumilo
Ŝpari la dosieron kaj bati F12 montros la paĝon en via prefera retumilo. Tie vi povas elekti opcion, alklaku "Iru" kaj la salta menuo funkcias!