Yuav ua li cas los tsim ib daim ntawv qhia poob hauv Dreamweaver

Cov txheej txheem:

Yuav ua li cas los tsim ib daim ntawv qhia poob hauv Dreamweaver
Yuav ua li cas los tsim ib daim ntawv qhia poob hauv Dreamweaver
Anonim

Yuav Paub

  • Go to Insert > Form > Form. Nyem rau kab liab dotted ntawm daim ntawv thiab mus rau Insert > Form > List/Menu. Xaiv cov kev xaiv nkag tau yooj yim.
  • Nias cov ntawv qhia zaub mov thiab xaiv nws cov khoom, tom qab ntawd xaiv Lus tus nqi ntxiv cov khoom noj tshiab. Nyem rau plus kos npe txhawm rau ntxiv cov khoom ntxiv.
  • Ntxiv cov khoom muaj nqis thiab xaiv ib yam khoom qub. Txhawm rau ntxiv kev nqis tes ua, mus Insert > Form > Jump Menu. Ntxiv cov khoom rau Jump menu thiab txuag.

Dreamweaver ua rau nws yooj yim los tsim cov ntawv teev npe poob rau koj lub vev xaib. Tab sis zoo li tag nrho cov ntaub ntawv HTML, lawv tuaj yeem ua kom yuam kev me ntsis. Qhov kev qhia no yuav coj koj mus txog cov kauj ruam los tsim cov ntawv qhia zaub mov hauv Dreamweaver.

Dreamweaver Jump Menus

Dreamweaver 8 kuj tseem muab tus kws pab tswv yim los tsim cov ntawv qhia dhia rau kev taw qhia hauv koj lub vev xaib. Tsis zoo li cov ntawv qhia zaub mov yooj yim, cov ntawv qhia zaub mov no yuav ua qee yam thaum koj ua tiav. Koj yuav tsis tas sau ib qho JavaScript lossis CGIs kom tau txais koj daim ntawv teev npe ua haujlwm. Qhov kev qhia no kuj piav qhia yuav ua li cas siv Dreamweaver 8 wizard los tsim cov ntawv qhia dhia.

Thawj, Tsim Daim Ntawv

Image
Image

Tshwj tsis yog tshwj xeeb wizards xws li dhia zaub mov, Dreamweaver tsis pab koj ua cov ntawv HTML "ua haujlwm." Rau qhov no, koj xav tau CGI lossis JavaScript.

Thaum koj ntxiv cov ntawv qhia zaub mov poob rau hauv koj lub vev xaib, thawj qhov koj xav tau yog daim ntawv los puag ncig nws. Hauv Dreamweaver, mus rau Insert ntawv qhia zaub mov thiab nias daim ntawv, ces xaiv "Form."

Form Displays in Design View

Image
Image

Dreamweaver qhia koj daim ntawv qhov chaw pom qhov pom ntawm tus qauv tsim, yog li koj paub qhov twg los tso koj cov ntaub ntawv vim tias nco-down ntawv cim npe tsis siv tau (thiab yuav tsis ua haujlwm) sab nraud ntawm daim ntawv. Raws li koj tuaj yeem pom hauv daim duab, daim ntawv yog kab liab dotted hauv qhov tsim pom.

Xaiv Daim Ntawv Qhia / Ntawv Qhia

Image
Image

Cov ntawv qhia zaub mov yog hu ua "list" lossis "menu" cov khoom hauv Dreamweaver. Yog li ntxiv ib qho rau koj daim ntawv, koj yuav tsum mus rau hauv daim ntawv qhia zaub mov ntawm Insert ntawv qhia zaub mov thiab xaiv "List/Menu." Xyuas kom tseeb tias koj tus cursor nyob hauv kab liab dotted ntawm koj lub thawv ntawv.

Special Options Window

Image
Image

Nyob hauv Dreamweaver Options, muaj ib qho screen ntawm Accessibility. Koj cov ntawv teev npe poob qis yuav nkag tau sai dua li lwm lub vev xaib yog tias koj ua tiav tsib txoj kev xaiv no.

Form Accessibility

Image
Image

Cov kev xaiv nkag tau yog:

Label

Daim ntawv lo qhia ua cov ntawv ib sab ntawm koj daim ntawv. Ntaus lub npe rau koj cov ntawv qhia zaub mov. Nws tuaj yeem yog lo lus nug lossis kab lus luv luv uas cov ntawv qhia zaub mov yuav teb.

Style

HTML suav nrog daim ntawv lo txhawm rau txheeb xyuas koj daim ntawv foos rau lub vev xaib browser. Koj cov kev xaiv yog los qhwv cov ntawv qhia zaub mov thiab daim ntawv lo nrog lub cim, siv tus cwj pwm "rau" ntawm daim ntawv lo txhawm rau txheeb xyuas daim ntawv twg uas nws siv, lossis tsis siv daim ntawv lo tag nrho.

Txoj haujlwm

Koj tuaj yeem tso koj daim ntawv lo ua ntej lossis tom qab cov ntawv qhia zaub mov.

Access Key

Cov neeg tuaj saib tuaj yeem siv tus yuam sij nkag nrog "Duab" lossis xaiv cov yuam sij kom tau ncaj qha mus rau daim foos ntawd. Cov keyboard shortcut no ua rau koj cov ntaub ntawv yooj yim heev rau siv yam tsis muaj nas. alt="

Tab Index

Cov tab index yog li cas cov neeg siv yuav tsum nkag mus rau hauv daim ntawv teb thaum siv cov keyboard rau tab los ntawm nplooj ntawv web.

Thaum koj tau hloov kho koj cov kev xaiv nkag mus, nyem OK.

Select the Menu

Image
Image

Thaum koj muaj koj cov ntawv qhia zaub mov tso rau hauv Dreamweaver tsim saib, koj yuav tsum tau ntxiv ntau lub ntsiab lus. Ua ntej, xaiv cov ntawv qhia zaub mov los ntawm txhaj rau nws. Dreamweaver yuav muab lwm txoj kab dotted ib ncig ntawm cov ntawv qhia zaub mov kom pom tias koj tau xaiv nws.

Menu Properties

Image
Image

Cov khoom zaub mov yuav hloov mus rau cov npe / ntawv qhia zaub mov rau cov ntawv qhia zaub mov. Nyob ntawd koj tuaj yeem muab koj daim ntawv qhia ID (qhov twg nws hais tias "xaiv"), txiav txim siab yog tias koj xav kom nws ua ib daim ntawv lossis cov ntawv qhia zaub mov, muab nws chav kawm style los ntawm koj daim ntawv style, thiab muab qhov tseem ceeb rau qhov poob.

Dab tsi ntawm Daim Ntawv Teev Npe thiab Ntawv Qhia?

Dreamweaver hu rau cov ntawv qhia zaub mov nco-down ntawv qhia zaub mov uas tsuas tso cai rau ib qho kev xaiv. Ib "daim ntawv teev npe" tso cai rau ntau yam kev xaiv hauv kev poob qis thiab tuaj yeem ua tau ntau dua ib yam khoom siab.

Yog tias koj xav kom cov ntawv qhia poob qis kom muaj ntau kab siab, hloov nws mus rau "cov npe" hom thiab tawm hauv lub thawv "xaiv" tsis tau txheeb xyuas.

Ntxiv cov npe tshiab

Image
Image

Txhawm rau ntxiv cov khoom tshiab rau koj cov ntawv qhia zaub mov, nyem rau ntawm "Sau qhov tseem ceeb…" khawm, uas qhib lub qhov rais saum toj no. Tom qab ntawd, ntaus koj daim ntawv lo rau hauv thawj lub thawv. Nws yuav tso rau ntawm nplooj ntawv.

Ntxiv ntxiv thiab rov xaj dua

Image
Image

Nyem rau ntawm lub cim ntxiv kom ntxiv cov khoom ntxiv. Yog tias koj xav rov xaj lawv hauv lub thawv ntawv, siv cov ntawv nce thiab nqis ntawm sab xis.

Muab txhua yam khoom muaj nqis

Image
Image

Yog tias koj tso tus nqi seem, daim ntawv lo yuav mus rau hauv daim ntawv. Tab sis koj tuaj yeem muab tag nrho koj cov khoom muaj nqis - xa lwm cov ntaub ntawv rau koj daim ntawv. Koj yuav siv qhov no ntau rau tej yam xws li dhia zaub mov thiab hyperlinking.

Xaiv qhov pib

Image
Image

Cov nplooj ntawv web default los tso saib seb yam khoom poob qis yog teev ua ntej raws li cov khoom siv. Tab sis yog tias koj xav tau ib qho kev xaiv sib txawv, taw qhia nws nyob rau hauv "Thawj xaiv xaiv" lub npov ntawm Cov Ntawv Qhia Khoom.

Saib Koj Cov Npe hauv Tsim Saib

Image
Image

Thaum koj ua tiav kho cov khoom, Dreamweaver yuav qhia koj daim ntawv teev npe poob nrog tus nqi raug xaiv.

Saib koj cov npe hauv Code Saib

Image
Image

Yog tias koj hloov mus rau qhov pom code, koj tuaj yeem pom tias Dreamweaver ntxiv koj cov ntawv qhia zaub mov nrog cov lej huv. Tsuas yog cov cwj pwm ntxiv yog cov kev xaiv nkag tau yooj yim. Cov cai yog tag nrho indented thiab yooj yim heev los nyeem thiab nkag siab.

Txuag thiab Saib hauv Browser

Image
Image

Yog tias koj khaws cov ntaub ntawv thiab saib nws hauv web browser, koj tuaj yeem pom tias koj cov ntawv qhia zaub mov zoo li koj xav tau.

Tab sis Tsis Ua Dab Tsi…

Image
Image

Cov zaub mov peb tsim saum toj no zoo nkaus li zoo, tab sis nws tsis ua dab tsi. Txhawm rau kom nws ua ib yam dab tsi, koj yuav tsum teeb tsa daim ntawv ua haujlwm ntawm daim ntawv nws tus kheej.

Luckily, Dreamweaver muaj ib daim ntawv qhia zaub mov uas koj tuaj yeem siv tam sim ntawm koj qhov chaw yam tsis tas yuav kawm txog cov ntawv, CGIs, lossis sau ntawv. Nws hu ua Jump Menu.

The Dreamweaver Jump Menu teeb tsa cov ntawv qhia zaub mov nrog cov npe thiab URLs. Tom qab ntawd koj tuaj yeem xaiv ib yam khoom hauv cov ntawv qhia zaub mov, thiab nplooj ntawv Web yuav txav mus rau qhov chaw ntawd, ib yam li yog tias koj tau nyem qhov txuas.

Mus rau Insert ntawv qhia zaub mov thiab xaiv Daim Ntawv thiab tom qab ntawd dhia ntawv qhia zaub mov.

Jump Menu Window

Image
Image

Tsis zoo li cov ntawv qhia zaub mov poob qis, Jump menu qhib lub qhov rais tshiab rau koj los sau npe koj cov ntawv qhia zaub mov thiab ntxiv cov ntsiab lus hais txog yuav ua li cas daim ntawv ua haujlwm.

Rau thawj yam khoom, hloov cov ntawv "un titled1" rau yam koj xav kom nws nyeem thiab ntxiv URL.

Ntxiv cov khoom rau koj daim ntawv qhia dhia

Image
Image

Nias rau ntawm cov khoom ntxiv kom ntxiv cov khoom tshiab rau koj cov ntawv qhia dhia. Ntxiv ntau yam khoom raws li koj xav tau.

Jump Menu Options

Image
Image

Thaum koj tau ntxiv tag nrho cov txuas koj xav tau, koj yuav tsum xaiv koj cov kev xaiv:

Qhib URLs Hauv

Yog tias koj muaj lub teeb tsa, koj tuaj yeem qhib cov kev sib txuas hauv ib qho sib txawv. Lossis koj tuaj yeem hloov qhov kev xaiv ntawm Main Window mus rau lub hom phiaj tshwj xeeb kom qhov URL yuav qhib rau lub qhov rais tshiab lossis lwm qhov.

Menu Name

Muab koj cov ntawv qhia zaub mov tshwj xeeb ID rau nplooj ntawv. Nws yuav tsum tau ua kom cov ntawv sau ua haujlwm raug. Nws kuj tso cai rau koj kom muaj ntau yam dhia zaub mov hauv ib daim ntawv - muab lawv txhua lub npe sib txawv.

Insert Go Button After Menu

Kuv nyiam xaiv qhov no vim qee zaum tsab ntawv tsis ua haujlwm thaum cov ntawv qhia zaub mov hloov. Nws tseem siv tau ntau dua.

Xaiv thawj yam tom qab hloov URL

Xaiv qhov no yog tias koj muaj lus nug xws li "Xaiv ib qho" ua thawj cov ntawv qhia zaub mov. Qhov no yuav xyuas kom meej tias cov khoom ntawd nyob twj ywm nyob rau ntawm nplooj ntawv.

Jump Menu Design View

Image
Image

Ib yam li nrog koj thawj cov ntawv qhia zaub mov, Dreamweaver teeb tsa koj cov ntawv qhia dhia hauv kev tsim saib nrog cov khoom ua ntej pom. Koj tuaj yeem hloov kho cov ntawv qhia zaub mov zoo li koj xav tau.

Yog tias koj kho nws, nco ntsoov tsis txhob hloov pauv ib qho ID ntawm cov khoom; txwv tsis pub, tsab ntawv yuav tsis ua haujlwm.

Dhia ntawv qhia zaub mov hauv Browser

Image
Image

Txuag cov ntaub ntawv thiab nias F12 yuav tso saib nplooj ntawv hauv koj qhov browser nyiam. Nyob ntawd koj tuaj yeem xaiv ib qho kev xaiv, nyem "Mus," thiab cov ntawv qhia dhia ua haujlwm.

Pom zoo: