Indlela yokudala umfanekiso we-Rollover ku-Dreamweaver

Umfanekiso we-rollover ngumfanekiso oguqula omnye umfanekiso xa wena okanye umthengi wakho ugqitha mouse phezu kwayo. Ezi ziqhelekileyo zisetyenziselwa ukudala ukuvakalelwa phakathi okufana neefowuni okanye iithebhu. Kodwa unokwenza imifanekiso ye-rollover ngaphandle kwantoni na.

Le tutorial yenzelwe ukukunceda udale umfanekiso we-rollover ku- Dreamweaver . Kujoliswe ekusebenziseni ngabantu basebenzisa iinguqu ezilandelayo zeDreamweaver:

• Dreamweaver MX
• Dreamweaver MX 2004
• Dreamweaver 8
• Dreamweaver CS3
• Dreamweaver CS4
• Dreamweaver CS5
• Dreamweaver CS6

Izidingo zale Tutorial

• Dreamweaver
  Enye yeenguqulelo ezibhalwe ngentla.
• Umfanekiso wokuqala
  Qinisekisa ukuba ulungise lo mfanekiso. Oku kuya kunceda amaphepha akho athwale ngokukhawuleza.
• Umfanekiso we-rollover
  Lo mfanekiso kufuneka ube nemilinganiselo efanayo nomfanekiso wokuqala. Kwaye, njengomfanekiso wasemfanekisweni, kufuneka ulungiswe ukuze uncede ixesha lokulayisha iphepha.
• Ikhasi lewebhu
  Leli phepha le-HTML apho uza kufaka umfanekiso wakho we-rollover.

01 ngo-06

Qalisa

1. Qala iDreamweaver
2. Vula ikhasi lewebhu apho ufuna i-rollover yakho

02 we-06

Faka i-Rollover Image Image Object

I-Dreamweaver yenza kube lula ukwenza umfanekiso we-rollover.

1. Yiya kwimenyu ye-Insert uze uye kwi "Imenyu Yemifanekiso" kwimenyu yangaphantsi.
2. Khetha "umfanekiso we-rollover" okanye "umfanekiso we-Rollover"

Ezinye iinguqu ezidala zeDreamweaver zibiza umnqweno weZithombe "Imifanekiso Engqubanayo" endaweni yoko.

03 we-06

Tshela iDreamweaver Ziziphi iimifanekiso ozisebenzisayo

I-Dreamweaver iqhosha kwibhokisi yencoko yebhokisi kunye nemida oyifunayo ukuyizalisa ukudala umfanekiso wakho we-rollover.

Igama lomfanekiso

Khetha igama lomfanekiso elikhethekileyo kwiphepha. Kufuneka kube yilizwi elinye, kodwa ungasebenzisa amanani, ugxininisa (_) kunye neengqungquthela (-). Oku kuya kusetyenziswa ukuchonga umfanekiso ukutshintsha.

Umfanekiso wo kuqala

Le yile URL okanye indawo yomfanekiso oza kuqala kwiphepha. Ungasebenzisa ii-URL ezinxulumene neendlela ezipheleleyo kule ndawo. Oku kufanele kube ngumfanekiso okhoyo kwi-server yakho yewebhu okanye ukuba uya kulayisha ngephepha.

Umfanekiso weRove

Lo ngumfanekiso oza kubonakala xa u mouse phezu komfanekiso. Njengomfanekiso wasezantsi, le nto ingaba yindlela epheleleyo okanye enxulumene nomfanekiso, kwaye kufuneka ikhona okanye ilayishwe xa ulayisha iphepha.

Layisha kuqala i-Rollover Image

Olu khetho lukhethwe ngokungaqhelekanga kuba lunceda i-rollover ibonakale ngokukhawuleza. Xa ukhetha ukulayisha kuqala umfanekiso we-rollover, isiphequluli seWebhsayithi siyakuyigcina kwisitoreji kuze kube yilapho imouse igqitha phezu kwayo.

Eminye Umbhalo

Isicatshulwa esilungileyo senza ukuba imifanekiso yakho ifinyeleleke. Kufuneka uhlale usebenzisa uhlobo oluthile lwesicatshulwa xa ungeze nayiphi na imifanekiso.

Xa ucofa, Hamba kwi-URL

Uninzi lwabantu luza kucofa kumfanekiso xa bebona enye kwiphepha. Ngoko kufuneka ube ngumkhwa wokwenza ukuba kucace. Olu khetho lukuvumela ukuba uchaze iphepha okanye i-URL ukuba uthathe umbukeli xa ecofa kumfanekiso. Kodwa olu khetho alufunwa ukudala i-rollover.

Xa usugqibile zonke iinkalo, nqakraza Kulungile ukuba u-Dreamweaver enze umfanekiso wakho we-rollover.

Ikhasi elilandelayo libonisa iskripthi esibhalwe nguDreamweaver.

04 we-06

Dreamweaver Ubhala iJavaScript kuwe

Ukuba uvula iphepha kwi-code-view you will see that Dreamweaver ifaka ibhloko leJavaScript kwi yexwebhu lakho le-HTML. Le bhloko ibandakanya imisebenzi emithathu oyifunayo ukuba imifanekiso iguqule xa imouse igqitha phezu kwabo kunye nomsebenzi wokulayisha kuqala xa ukhethe oko.

sebenza MM_swapImgRestore ()
umsebenzi MM_findObj (n, d)
umsebenzi MM_swapImage ()
sebenza MM_fakela iImages ()

05 ka 06

I-Dreamweaver ifaka i-HTML ye-Rollover

Ukuba ukhethe ukuba iDreamweaver ilayishe imifanekiso ye-rollover, ngoko uza kubona ikhowudi ye-HTML kumzimba wakho wencwadi ukubiza umnxeba wokulayisha kuqala ukuze imifanekiso yakho ilayishe ngokukhawuleza.

ukulayishwa = "MM_fakela iImages ('shasta2.jpg')"

U-Dreamweaver uneza yonke ikhowudi yomfanekiso wakho kwaye uyayilungisa (ukuba ufaka i-URL). Inxalenye ye-rollover yongezwa kwithegi ye-anchor njengendlela yokumisa kunye neempawu eziphezulu.

onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ('Image1', '', 'shasta1.jpg', 1)"

06 we-06

Hlola i-Rollover

Jonga umfanekiso osebenzayo ngokupheleleyo wokufunda kunye nokufunda oko kumqondo kaShasta''s.