Dreamweaver gerir það auðvelt að búa til fellivalmyndir fyrir vefsvæðið þitt. En eins og allar HTML skjöl geta þau verið svolítið erfiður. Þessi einkatími mun ganga þér í gegnum skrefin til að búa til fellilistann í Dreamweaver.
Dreamweaver Jump Menus
Dreamweaver 8 veitir einnig töframaður til að búa til hoppa valmynd fyrir flakk á vefsvæðinu þínu. Ólíkt undirstöðu fellivalmyndum, þessi valmynd mun í raun gera eitthvað þegar þú ert búin. Þú þarft ekki að skrifa JavaScript eða CGIs til að fá niðurdráttarformið þitt til að vinna. Þessi kennsla útskýrir einnig hvernig á að nota Dreamweaver 8 töframanninn til að búa til stökkvalmynd.
01 af 20
Búðu til fyrst formið
Mikilvægt athugasemd um HTML eyðublöð og Dreamweaver:
Að undanskildum sérstökum töframaður eins og stökkvalmyndinni, hjálpar Dreamweaver þér ekki að gera HTML-eyðublöð "vinnu". Fyrir þetta þarftu CGI eða JavaScript. Vinsamlegast skoðaðu kennslustund minn Gerð HTML eyðublöð Vinna til að fá frekari upplýsingar.
Þegar þú bætir niður fellilistanum við vefsvæðið þitt er það fyrsta sem þú þarft að hafa form til að umlykja það. Í Dreamweaver, farðu í Setja inn valmyndina og smelltu á Form, veldu síðan "Form".
02 af 20
Formaskýringar í hönnunarsýningu
Dreamweaver sýnir myndaraðstöðuna þína sjónrænt í hönnunarsýninni, svo þú veist hvar á að setja formhlutana þína. Þetta er mikilvægt vegna þess að fellivalmyndatakkar eru ekki gildar (og munu ekki virka) utan formhlutans. Eins og sjá má á myndinni er formið rauða punktalínan í hönnunarsýn.
03 af 20
Veldu lista / valmynd
Drop-down valmyndir eru kallaðir "listi" eða "valmynd" atriði í Dreamweaver. Svo að bæta við einu í eyðublaðið þarftu að fara inn í Form valmyndina á Insert valmyndinni og velja "List / Menu". Gakktu úr skugga um að bendillinn þinn hafi verið innan rauða dotted lína í reitinn í formi þínu.
04 af 20
Sérstillingar gluggi
Í Dreamweaver Options er skjár um aðgengi. Ég vel að hafa Dreamweaver sýna mér alla eiginleika um aðgengi. Og þessi skjár er afleiðing þess. Eyðublöð eru staður þar sem mörg vefsvæði falla niður í aðgengi og með því að fylla út þessar fimm valkostir munu fellivalmyndir þínar verða aðgengilegar strax.
05 af 20
Form Aðgengi
Aðgengi valkostir eru:
Merki
Þetta er nafnið á þessu sviði. Það mun birtast sem texti við hliðina á formhlutanum þínum.
Skrifaðu hvað þú vilt hringja í fellivalmyndina þína. Þetta getur verið spurning eða stutt setning sem fellivalmyndin mun svara.
Stíll
HTML inniheldur merkimiða til að bera kennsl á formatákn í vafrann. Val þitt er að pakka niður fellilistanum og merkimiðanum með merkinu, til að nota "fyrir" eigindann á merkimiðanum til að bera kennsl á hvaða formmerki það vísar til eða að nota ekki merkimiðann.
Ég vil frekar nota þennan eiginleika, því að ef ég þarf að flytja merkið af einhverjum ástæðum verður það ennþá tengt réttu formasvæðinu.
Staða
Þú getur sett merkið fyrir eða eftir fellivalmyndinni.
Aðgangslykill
Þetta er lykillinn sem hægt er að nota ásamt Alt eða Valkostir lyklana til að komast beint í þessi eyðublað. Þetta gerir eyðublöð þín mjög auðvelt að nota án þess að þurfa mús. Hvernig á að setja upp aðgangs lykil í HTML
Tab Index
Þetta er röðin sem á að nota formasvæðið þegar lyklaborðið er notað til að fletta í gegnum vefsíðu. Skilningur á Tabindex
Þegar þú hefur uppfært aðgengi að valkosti skaltu smella á Í lagi.
06 af 20
Veldu valmyndina
Þegar þú hefur fellivalmyndina þína í hönnunarskjánum þarftu að bæta við hinum ýmsu þætti. Veldu fyrst fellivalmyndina með því að smella á það. Dreamweaver mun setja aðra strikaða línu í kringum fellilistann, til að sýna að þú hafir valið það.
07 af 20
Valmyndaraðgerðir
Eiginleikar valmyndarinnar breytist í listann / valmyndareiginleikann fyrir þá fellilista. Þar getur þú gefið valmyndinni þitt auðkenni (þar sem það segir "valið"), ákveðið hvort þú vilt vera lis eða valmynd, gefðu honum stílflokka úr stílblaðinu og veldu gildi í fellilistanum.
Hver er munurinn á listanum og valmyndinni?
Dreamweaver kallar valmyndinni fellilistanum hvaða drop-down sem aðeins leyfir eitt val. Með "listanum" er hægt að velja marga valkosti í fellilistanum og geta verið fleiri en eitt atriði hátt.
Ef þú vilt falla í valmyndina til að vera margar línur hátt skaltu breyta því í listalistann og sleppa því að velja "val" reitinn.
08 af 20
Bæta við nýjum atriðum
Til að bæta við nýjum hlutum í valmyndina þína, smelltu á "List gildi ..." hnappinn. Þetta mun opna gluggann hér fyrir ofan. Skrifaðu vörulistann í fyrsta reitinn. Þetta er það sem birtist á síðunni. Ef þú skilur gildi auða, þá er það einnig það sem verður sent í forminu.
09 af 20
Bæta við fleiri og endurskipuleggja
Smelltu á plús táknið til að bæta við fleiri hlutum. Ef þú vilt endurskipuleggja þá í listanum skaltu nota upp og niður örvarnar til hægri.
10 af 20
Gefðu öllum atriðum gildi
Eins og ég nefndi í skrefi 8, ef þú skilur eftir gildi auða, sendi merkimiðinn á eyðublaðið. En þú getur gefið öllum hlutum þínum gildi - til að senda aðrar upplýsingar til þín. Þú verður að nota þetta mikið fyrir hluti eins og hoppa valmyndir.
11 af 20
Veldu sjálfgefið
Vefsíður sjálfgefin til að birta hvort fellilistinn er skráður fyrst sem sjálfgefna hlutinn. En ef þú vilt annað valið skaltu auðkenna það í "Upphaflega valið" reitinn á Properties valmyndinni.
12 af 20
Sjá lista þína í hönnunarsýn
Þegar þú ert búinn að breyta eignunum mun Dreamweaver birta fellilistann þinn með sjálfgefið valið gildi.
13 af 20
Sjá lista þína í kóðann
Ef þú skiptir yfir í kóða útsýni geturðu séð að Dreamweaver bætir fellivalmyndinni með mjög hreinum kóða. Eina auka eiginleika eru þær sem við bættum við aðgengi valkosti. Kóðinn er allur indented og mjög auðvelt að lesa og skilja. Það setur jafnvel í valið = "valið" eigindi vegna þess að ég hef sagt Dreamweaver að ég hef sjálfgefið að skrifa XHTML.
14 af 20
Vista og skoða í vafra
Ef þú vistar skjalið og skoðað það í vafra getur þú séð að fellivalmyndin þín lítur út eins og þú vildi búast við því.
15 af 20
En það gerir ekki neitt
Valmyndin sem við búum til hér að ofan lítur vel út, en það gerir ekkert. Til að fá það til að gera eitthvað þarftu að setja upp formgerð á forminu sjálfu, sem er algjörlega önnur kennsla.
Til allrar hamingju, Dreamweaver hefur innbyggt drop-down valmyndarsnið sem þú getur notað strax á síðuna þína án þess að þurfa að læra um eyðublöð, CGIs eða forskriftarþarfir. Það er kallað Jump Menu.
Dreamweaver hoppa valmyndin setur upp fellilistann með nöfnum og vefslóðum. Þá getur þú valið hlut í valmyndinni og vefsíðan mun fara á þann stað, eins og ef þú hefðir smellt á tengil.
Farðu í Setja inn valmyndina og veldu Form og þá Hoppa Valmynd.
16 af 20
Hoppa Valmynd Gluggi
Ólíkt venjulegu fellivalmyndinni opnast hoppa valmyndin nýr gluggi fyrir þig til að nefna valmyndaratriði og bæta við upplýsingum um hvernig eyðublaðið ætti að virka.
Í fyrsta hlutanum skaltu breyta textanum "untitled1" í það sem þú vilt að það lesi og bætið við slóð sem þessi hlekkur ætti að fara til.
17 af 20
Bættu hlutum við stökkvalmyndina þína
Smelltu á bæta við hlutinn til að bæta við nýju hlutanum í hoppa valmyndina þína. Bættu við eins mörgum hlutum og þú vilt.
18 af 20
Hoppa valmyndarvalkosti
Þegar þú hefur bætt við öllum tenglum sem þú vilt, ættir þú að velja valkosti þína:
Opna vefslóðir í
Ef þú ert með ramma, geturðu opnað tenglana í annarri ramma. Eða þú getur breytt möguleikanum á Aðal gluggi í sérstöku marki þannig að slóðin opnist í nýjum glugga eða annars staðar.
Valmyndarheiti
Gefðu valmyndinni einstakt auðkenni fyrir síðuna. Þetta er nauðsynlegt svo að handritið muni virka rétt. Það leyfir þér einnig að hafa margar stökkvalmyndir í einu formi - gefðu þeim bara allar mismunandi nöfn.
Setjið í biðhnapp eftir valmynd
Mér finnst gaman að velja þetta vegna þess að stundum virkar handritið ekki þegar valmyndin breytist. Það er líka aðgengilegt.
Veldu fyrsta atriði eftir breytingu á vefslóð
Veldu þetta ef þú hefur hvetja, svo sem "Veldu einn" sem fyrsta valmyndaratriðið. Þetta tryggir að þessi vara sé sjálfgefið á síðunni.
19 af 20
Hoppa Valmynd Hönnun Skoða
Rétt eins og með fyrsta valmyndina setur Dreamweaver upp hoppa valmyndina þína í hönnunarsýn með sjálfgefna hlutanum sýnilegt. Þú getur síðan breytt fellivalmyndinni eins og þú myndir einhverja aðra.
Ef þú breytir því skaltu ganga úr skugga um að ekki breyta einhverjum auðkenni á hlutunum, annars gæti handritið ekki virkt.
20 af 20
Hoppa valmynd í vafra
Með því að vista skrána og henda F12 birtist síðunni í valinn vafra. Þar getur þú valið valkost, smelltu á "Fara" og hoppa valmyndin virkar!