Mae Dreamweaver yn ei gwneud hi'n hawdd creu bwydlenni i lawr ar gyfer eich gwefan. Ond fel pob ffurf HTML, gallant fod ychydig yn anodd. Bydd y tiwtorial hwn yn eich cerdded drwy'r camau i greu dewislen i lawr yn Dreamweaver.
Bwydlen Neidio Dreamweaver
Mae Dreamweaver 8 hefyd yn darparu dewin i greu dewislen naid ar gyfer mordwyo yn eich gwefan. Yn wahanol i fwydlenni disgyn sylfaenol, bydd y fwydlen hon yn gwneud rhywbeth wrth i chi orffen. Ni fydd yn rhaid i chi ysgrifennu unrhyw JavaScript neu CGI i gael eich ffurflen gollwng i weithio. Mae'r tiwtorial hwn hefyd yn esbonio sut i ddefnyddio'r wraig Dreamweaver 8 i greu dewislen naid.
01 o 20
Cyntaf Creu'r Ffurflen
Nodyn Pwysig Am Ffurflenni HTML a Dreamweaver:
Heblaw am wizards arbennig fel y ddewislen neidio, nid yw Dreamweaver yn eich helpu i wneud "gwaith" ffurflenni HTML. Ar gyfer hyn mae angen CGI neu JavaScript arnoch. Gweler fy nhiwtorial Gwneud Ffurflenni HTML Gweithio i gael rhagor o wybodaeth.
Pan fyddwch chi'n ychwanegu'r ddewislen i lawr i'ch gwefan, y peth cyntaf sydd ei angen arnoch yw ffurflen i'w hamgylchynu. Yn Dreamweaver, ewch i'r ddewislen Insert a chliciwch ar Ffurflen, yna dewiswch "Ffurflen".
02 o 20
Arddangosfeydd Ffurflenni yn Design View
Mae Dreamweaver yn dangos lleoliad eich ffurflen yn weledol yn y dyluniad dylunio, felly rydych chi'n gwybod ble i roi elfennau eich ffurflen. Mae hyn yn bwysig, gan nad yw tagiau'r ddewislen yn is-ddilys (ac ni fyddant yn gweithio) y tu allan i elfen y ffurflen. Fel y gwelwch yn y ddelwedd, y ffurflen yw'r llinell donn coch yn y dyluniad dylunio.
03 o 20
Dewiswch Restr / Dewislen
Gelwir y bwydlenni galw i lawr yn eitemau "rhestr" neu "ddewislen" yn Dreamweaver. Felly, i ychwanegu un at eich ffurflen, mae angen i chi fynd i mewn i'r ddewislen Ffurflen ar y ddewislen Insert a dewis "Rhestr / Ddewislen". Gwnewch yn siŵr fod eich cyrchwr o fewn llinell dribedi coch eich blwch ffurflen.
04 o 20
Ffenestr Opsiynau Arbennig
Yn Opsiynau Dreamweaver mae sgrin ar Hygyrchedd. Rwy'n dewis cael Dreamweaver i ddangos pob un o'r nodweddion hygyrchedd i mi. Ac mae'r sgrin hon yn ganlyniad i hynny. Mae ffurflenni yn le lle mae llawer o wefannau'n gostwng yn hygyrch a thrwy lenwi'r pum opsiwn hyn, bydd eich bwydlenni gostwng yn fwy hygyrch ar unwaith.
05 o 20
Hygyrchedd Ffurflen
Y Dewisiadau hygyrchedd yw:
Label
Dyma'r enw ar gyfer y maes. Bydd yn ymddangos fel testun wrth ymyl eich elfen ffurflen.
Ysgrifennwch yr hyn rydych chi am ei alw'n eich dewislen i lawr. Gall hwn fod yn gwestiwn neu ymadrodd byr y bydd y ddewislen yn disgyn.
Arddull
Mae HTML yn cynnwys tag label i adnabod eich labeli ffurf i'r porwr. Eich dewisiadau yw llwytho'r ddewislen i lawr y label a'r label labelu gyda'r tag, i ddefnyddio'r priodwedd "ar gyfer" ar y label label i nodi pa ffurflen y mae'n cyfeirio ato, neu beidio â defnyddio'r tag label o gwbl.
Mae'n well gennyf ddefnyddio'r priodoldeb, fel pe bai angen i mi symud y label am ryw reswm, bydd yn dal i fod ynghlwm wrth y maes ffurf cywir.
Swydd
Gallwch osod eich label cyn neu ar ôl y ddewislen i lawr.
Allwedd Mynediad
Dyma'r allwedd y gellir ei ddefnyddio ynghyd â'r allweddi Alt neu Opsiwn i fynd yn uniongyrchol i'r maes ffurflen honno. Mae hyn yn gwneud eich ffurflenni'n hawdd iawn i'w defnyddio heb angen llygoden. Sut i Gosod Allwedd Mynediad yn HTML
Mynegai Tabiau
Dyma'r drefn y dylid defnyddio maes y ffurflen wrth ddefnyddio'r bysellfwrdd i dab trwy'r dudalen We. Deall y Tabindex
Pan fyddwch wedi diweddaru'ch dewisiadau hygyrchedd, cliciwch OK.
06 o 20
Dewiswch y Ddewislen
Unwaith y bydd eich dewislen disgyn yn ymddangos yn y dyluniad dylunio, mae angen ichi ychwanegu'r elfennau amrywiol iddo. Dewiswch y ddewislen i lawr yn gyntaf trwy glicio arno. Bydd Dreamweaver yn rhoi llinell dotio arall o amgylch y ddewislen i lawr, i ddangos eich bod wedi ei ddewis.
07 o 20
Eiddo Dewislen
Bydd y ddewislen eiddo yn newid i'r rhestr / eiddo'r ddewislen ar gyfer y ddewislen syrthio. Yma, gallwch roi ID i'ch bwydlen (lle mae'n dweud "dewis"), penderfynwch a ydych am iddi fod yn lis neu fwydlen, rhowch ddosbarth arddull o'ch dalen arddull, a gosodwch werthoedd i'r disgyn.
Beth yw'r Gwahaniaeth Rhwng Rhestr a Dewislen?
Mae Dreamweaver yn galw bwydlen i lawrlen ddewislen unrhyw ollyngiad sy'n caniatáu un dewis yn unig. Mae "rhestr" yn caniatáu dewisiadau lluosog yn y gostyngiad a gall fod yn fwy nag un eitem yn uchel.
Os ydych chi eisiau i ddewislen ddisgynnol fod yn linellau lluosog uchel, ei newid i fath "rhestr" a gadael y blwch "dewisiadau" heb ei wirio.
08 o 20
Ychwanegwch Eitemau Rhestr Newydd
I ychwanegu eitemau newydd i'ch bwydlen, cliciwch ar y botwm "Rhestr gwerthoedd ...". Bydd hyn yn agor y ffenestr uchod. Teipiwch eich label eitem yn y blwch cyntaf. Dyma beth fydd yn ei ddangos ar y dudalen. Os byddwch yn gadael y gwerth yn wag, dyna hefyd fydd yn cael ei anfon ar y ffurflen.
09 o 20
Ychwanegu Mwy ac Ad-drefnu
Cliciwch ar yr eicon atodol i ychwanegu mwy o eitemau. Os ydych chi am eu hail-archebu yn y blwch rhestr, defnyddiwch y saethau i fyny ac i lawr ar y dde.
10 o 20
Rhowch y Gwerthoedd Eitemau i gyd
Fel y soniais yng ngham 8, os byddwch yn gadael y gwerth yn wag, bydd y label yn cael ei anfon at y ffurflen. Ond gallwch chi roi gwerth eich holl eitemau - i anfon gwybodaeth amgen i'ch ffurflen. Byddwch yn defnyddio hyn yn fawr ar gyfer pethau fel bwydlenni neidio.
11 o 20
Dewiswch Ddiffyg
Mae tudalennau gwe heb eu dangos i ddangos pa eitem bynnag sy'n dod i ben yn cael ei restru yn gyntaf fel yr eitem ddiofyn. Ond os ydych am ddewis un arall, tynnwch sylw yn y blwch "Dewiswyd yn y lle cyntaf" ar y ddewislen Properties.
12 o 20
Gweler Eich Rhestr yn Design View
Unwaith y byddwch wedi gwneud y gwaith o olygu'r eiddo, bydd Dreamweaver yn dangos eich rhestr ostwng gyda'r gwerth diofyn a ddewiswyd.
13 o 20
Gweler Eich Rhestr yn Code View
Os ydych chi'n newid i weld cod, gallwch weld bod Dreamweaver yn ychwanegu eich dewislen i lawr gyda chod lân iawn. Yr unig nodweddion ychwanegol yw'r rhai yr ydym wedi'u hychwanegu ag opsiynau hygyrchedd. Mae'r cod wedi'i gydosod ac yn hawdd ei ddarllen a'i ddeall. Mae hyd yn oed yn gosod y priodoldeb a ddewiswyd = "dewiswyd" oherwydd dywedais wrth Dreamweaver fy mod yn rhagosodedig i ysgrifennu XHTML.
14 o 20
Cadw a Gweld yn y Porwr
Os ydych chi'n achub y ddogfen a'i weld mewn porwr gwe, gallwch weld bod eich dewislen i lawr yn edrych yn union fel y byddech chi'n ei ddisgwyl.
15 o 20
Ond nid yw'n gwneud unrhyw beth
Mae'r ddewislen a grëwyd uchod yn edrych yn iawn, ond nid yw'n gwneud dim. Er mwyn ei wneud i wneud rhywbeth, mae angen i chi sefydlu gweithgaredd ffurf ar y ffurflen ei hun, sy'n diwtorial hollol arall.
Yn ffodus, mae gan Dreamweaver ffurflen ddewislen ymolchi adeiledig y gallwch ei ddefnyddio ar unwaith ar eich gwefan heb orfod dysgu am ffurflenni, CGI, neu sgriptio. Fe'i gelwir yn Ddewislen Neidio.
Mae Menu Menu Dreamweaver yn gosod dewislen i lawr gydag enwau ac URLau. Yna gallwch ddewis eitem yn y fwydlen a bydd y dudalen We yn symud i'r lleoliad hwnnw, yn union fel pe baech wedi clicio dolen.
Ewch i'r ddewislen Insert a dewiswch Ffurflen ac yna Jump Menu.
16 o 20
Ffenestr Neidio Menu
Yn wahanol i'r ddewislen ddisgynnol safonol, mae'r ddewislen Jump yn agor ffenestr newydd i chi enwi eich eitemau bwydlen ac ychwanegu manylion am sut y dylai'r ffurflen weithio.
Ar gyfer yr eitem gyntaf, newid y testun "untitled1" i'r hyn yr ydych am ei ddarllen ac ychwanegu URL y dylai'r ddolen honno fynd iddo.
17 o 20
Ychwanegwch Eitemau i'ch Ddewislen Neidio
Cliciwch ar yr eitem ychwanegol i ychwanegu eitem newydd at eich dewislen neidio. Ychwanegwch gymaint o eitemau ag y dymunwch.
18 o 20
Opsiynau Dewislen Neidio
Unwaith y byddwch chi wedi ychwanegu'r holl gysylltiadau rydych chi eisiau, dylech ddewis eich opsiynau:
Agor URLau Yn
Os oes gennych fframeset, gallwch agor y dolenni mewn ffrâm wahanol. Neu gallwch newid opsiwn y Prif Ffenestr i darged arbennig fel y bydd yr URL yn agor yn y ffenestr newydd neu mewn man arall.
Enw Dewislen
Rhowch ID unigryw ar gyfer eich dewislen ar gyfer y dudalen. Mae angen hyn fel bod y sgript yn gweithio'n gywir. Mae hefyd yn caniatáu ichi gael bwydlenni neidio lluosog mewn un ffurf - dim ond rhoi enwau gwahanol iddynt.
Mewnosodwch Botwm Go Ar ôl Dewislen
Rwy'n hoffi dewis hyn oherwydd weithiau nid yw'r sgript yn gweithio pan fydd y fwydlen yn newid. Mae hefyd yn fwy hygyrch.
Dewiswch Eitem Cyntaf Ar ôl Newid URL
Dewiswch hyn os oes gennych brydlon fel "Dewiswch un" fel yr eitem ddewislen gyntaf. Bydd hyn yn yswirio bod yr eitem honno'n aros yn ddiofyn ar y dudalen.
19 o 20
Gweld Dyluniad Neidio Dewislen
Yn union fel eich bwydlen gyntaf, mae Dreamweaver yn gosod eich dewislen neidio mewn golwg dylunio gyda'r eitem ddiofyn yn weladwy. Yna gallwch chi olygu'r ddewislen i lawr fel yr hoffech chi unrhyw un arall.
Os ydych chi'n ei olygu, gwnewch yn siŵr peidio â newid unrhyw ID ar yr eitemau, fel arall efallai na fydd y sgript yn gweithio.
20 o 20
Neidio Menu yn y Porwr
Arbed y ffeil a bydd taro F12 yn dangos y dudalen yn eich porwr dewisol. Yna gallwch ddewis opsiwn, cliciwch "Ewch" ac mae'r ddewislen neidio yn gweithio!