Ungadala kanjani isithombe se-Rollover ku-Dreamweaver

Isithombe se-rollover yisithombe esishintsha kwesinye isithombe lapho wena noma ikhasimende lakho ugoqa igundane phezu kwalo. Lezi zivame ukusetshenziselwa ukwakha ukuzizwa okuhlangene njengezinkinobho noma amathebhu. Kodwa ungakha izithombe ze-rollover ngaphandle kwanoma yini.

Le tutorial yakhelwe ukukusiza ukuthi udale isithombe se-rollover ku- Dreamweaver . Ihloselwe ukusetshenziswa ngabantu abasebenzisa izinguqulo ezilandelayo zeDreamweaver:

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

Izidingo zalesi sifundo

• Dreamweaver
  Enye yezinguqulo ezibalwe ngenhla.
• Isithombe sokuqala
  Qiniseka ukuthi ukwandisa lesi sithombe. Lokhu kuzosiza amakhasi akho alayishwe ngokushesha.
• Isithombe se-rollover
  Lesi sithombe kufanele sibe ubukhulu obufanayo nesithombe sokuqala. Futhi, njengesithombe sokuqala, kufanele ilungiselelwe ukusiza izikhathi zokulayisha ikhasi.
• Ikhasi lewebhu
  Leli khasi le-HTML lapho uzobeka isithombe sakho se-rollover.

01 ka-06

Qalisa

1. Qala i-Dreamweaver
2. Vula ikhasi lewebhu lapho ufuna i-rollover yakho

02 ka 06

Faka i-Rollover Image Image Object

I-Dreamweaver yenza kube lula ukudala isithombe se-rollover.

1. Yiya kwimenyu yokungena bese phansi kuya kwimenyu engaphansi kwe- "Image Objects".
2. Khetha "isithombe se-rollover" noma "isithombe se-Rollover"

Ezinye izinguqulo zakudala ze-Dreamweaver zibiza izinto zezithombe "Izithombe ezisebenzayo" kunalokho.

03 ka 06

Tshela Dreamweaver Yiziphi Izithombe Zokusebenzisa

I-Dreamweaver iphakamisa ibhokisi lengxoxo ngamasimu okudingayo ukugcwalisa ukudala isithombe sakho se-rollover.

Igama lesithombe

Khetha igama lesithombe elihlukile kwekhasi. Kufanele kube yiliphi igama elilodwa, kodwa ungasebenzisa izinombolo, ugcizelela (_) kanye namathonya (-). Lokhu kuzosetshenziselwa ukubona ukuthi isithombe siyashintsha.

Isithombe sangempela

Lona i-URL noma indawo yesithombe esizoqala ekhasini. Ungasebenzisa ama- URL ahlobene noma ahamba phambili kule nsimu. Lokhu kufanele kube umfanekiso okhona kuseva yakho yewebhu noma ukuthi uzolayisha nekhasi.

Rollover Image

Lesi yisithombe esizovela uma u-mouse phezu kwesithombe. Njengomfanekiso wokuqala, lokhu kungaba yindlela ephelele noma ehlobene nesithombe, futhi kufanele ikhona noma ilayishwe uma ulayisha ikhasi.

Layisha kabusha i-Rollover Image

Lolu khetho lukhethiwe ngokuzenzakalelayo ngoba lusiza i-rollover ivele ngokushesha. Ngokukhetha ukulayisha kuqala isithombe se-rollover, isiphequluli seWebhu siyolondoloza esitokisini kuze kube yilapho igundane liphezu kwalo.

Umbhalo ohlukile

Umbhalo ongcono ohlukile wenza izithombe zakho zifinyeleleke kalula. Kufanele njalo usebenzise uhlobo oluthile lombhalo uma ungeza noma yiziphi izithombe.

Uma uchofoziwe, Hamba ku-URL

Iningi labantu lizochofoza esithombeni uma bebona elilodwa ekhasini. Ngakho kufanele ube nomkhuba wokwenza kucaciswe. Le ndlela ikuvumela ukuba ucacise ikhasi noma i-URL ukuthatha umbukeli uma zichofoza esithombeni. Kodwa le nketho ayidingekile ukudala i-rollover.

Uma usuqedile zonke izinkambu, chofoza u-Kulungile ukuze ube no-Dreamweaver akha isithombe sakho se-rollover.

Ikhasi elilandelayo libonisa iskripthi uDreamweaver abhala.

04 ka 06

Dreamweaver Ubhala i-JavaScript kuwe

Uma uvula ikhasi ngokubuka ikhodi uzobona ukuthi i-Dreamweaver ifaka i-JavaScript kwi yedokhumenti yakho ye-HTML. Leli bhokisi liqukethe imisebenzi engu-3 oyidingayo ukuze izithombe ziguquke lapho igundane liba phezu kwabo nomsebenzi wokulayisha kuqala uma ukhethe lokho.

umsebenzi MM_swapImgRestore ()
umsebenzi MM_findObj (n, d)
umsebenzi MM_swapImage ()
umsebenzi MM_preloadImages ()

05 ka 06

I-Dreamweaver ifaka i-HTML ye-Rollover

Uma ukhethe ukuthi u-Dreamweaver alayishe izithombe ze-rollover, uzobona ikhodi ye-HTML emzimbeni wedokhumenti yakho ukuze ushayele iskripthi sokulayisha kuqala ukuze izithombe zakho zilayishe ngokushesha.

kulayishwa = "MM_ukulayisha kuqalaIimigomo ('shasta2.jpg')"

U-Dreamweaver uneza futhi yonke ikhodi yesithombe sakho futhi uxhumanisa (uma ufake i-URL). Ingxenye ye-rollover ingeziwe kumathekheni we-anchor njengendlela yokumisa kanye nezimfanelo ze-onmouseout.

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

06 ka-06

Hlola i-Rollover

Bona isithombe se-rollover esebenzayo ngokugcwele futhi ufunde ukuthi yini engqondweni ka-Shasta'`s.