Yadda za a ƙirƙirar Hoton Hotuna a Dreamweaver

Hoton hotunan hoto shine hoton da ke canje-canje ga wani hoton yayin da kai ko abokin ciniki ke motsa linzamin kwamfuta akan shi. Wadannan ana amfani da su ne don ƙirƙirar jin dadi kamar maɓalli ko shafuka. Amma zaka iya ƙirƙirar hotunan rollover daga kusan wani abu.

An tsara wannan horon don taimaka maka ƙirƙirar hoton hoton a Dreamweaver . An yi nufi don amfani da mutane ta amfani da wadannan sigogin Dreamweaver:

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

Bukatun don wannan koyawa

• Dreamweaver
  Daya daga cikin sigogin da aka jera a sama.
• Hoton asali
  Tabbatar inganta wannan hoton. Wannan zai taimakawa shafukanku akan sauri.
• Hoton hoton
  Wannan hoton ya zama nau'i ɗaya kamar siffar asali. Kuma, kamar siffar asali, ya kamata a gyara domin taimakawa lokacin sauke shafi.
• Shafin yanar gizo
  Wannan ita ce shafin HTML inda za ku sa hoton hotonku.

01 na 06

Fara Fara

1. Fara Dreamweaver
2. Bude shafin yanar gizon inda kake son rollover

02 na 06

Saka Hoton Hoton Hoton Hotuna

Dreamweaver yana sa sauƙi don ƙirƙirar hoton hoton.

1. Jeka zuwa Shigar da menu kuma zuwa ga "Abubuwan Hotuna" Sub-menu.
2. Zaɓi "Hoton hoto" ko "Hoton hoton"

Wasu tsofaffin asali na Dreamweaver suna kiran abubuwan Hotuna "Hotunan Hotuna" maimakon.

03 na 06

Gina Dreamweaver Abubuwan Images don Amfani

Dreamweaver ya buga akwatin maganganu tare da filayen da kake buƙatar cikawa don ƙirƙirar hoton hotonka.

Hoto Hotuna

Zaɓi sunan hoto wanda yake da mahimmanci ga shafin. Ya kamata kalma guda ɗaya, amma zaka iya amfani da lambobi, ƙaddara (_) da kuma hyphens (-). Za a yi amfani da wannan don gano siffar da za a canja.

Siffar asali

Wannan shine URL ko wuri na hoton da zai fara a shafin. Za ka iya amfani da dangi ko cikakken hanyar URLs a cikin wannan filin. Wannan ya zama hoton da ya kasance akan uwar garken yanar gizonku ko kuma za ku iya aikawa tare da shafin.

Rollover Image

Wannan shine hoton da zai bayyana lokacin da kake linzamin kwamfuta. Kamar yadda ainihin asalin, wannan zai iya zama cikakken ko hanyar zumunta zuwa hoton, kuma ya kamata ya zama ko a sauke shi lokacin da ka ɗora shafin.

Preload Rollover Image

An zaɓi wannan zaɓi ta tsoho saboda yana taimakawa ga rollover ya fi sauri. Ta wurin zabar yin amfani da hoto na rollover, mai masaukin yanar gizo zai adana shi cikin cache har sai da linzamin kwamfuta ya motsa shi.

Sauran Rubutun

Kyakkyawan rubutu mai sauƙi ya sa siffofinku sun fi dacewa. Ya kamata ku yi amfani da wasu nau'i na nau'i daban lokacin amfani da kowane hoto.

Lokacin da aka danna, je zuwa URL

Yawancin mutane za su danna kan hoto idan sun ga daya a shafi. Saboda haka ya kamata ka zama cikin al'ada na yin su clickable. Wannan zaɓin ya ba ka damar saka shafin ko URL don ɗaukar mai kallo a lokacin da suka danna kan hoton. Amma wannan zaɓi bai buƙatar ƙirƙirar rollover ba.

Lokacin da ka kammala dukkan filayen, danna Ya yi don Dreamweaver ya ƙirƙiri hoton rollover.

Shafin na gaba yana nuna rubutun da Dreamweaver ya rubuta.

04 na 06

Dreamweaver Ya rubuta Javascript don Kai

Idan ka buɗe shafin a cikin duba-code za ka ga cewa Dreamweaver ya saka wani sashi na JavaScript a na takardunku na HTML. Wannan block yana hada da ayyuka 3 da kake buƙatar samun hotunan hotunan lokacin da linzamin kwamfuta ya motsa su kuma aikin da aka yiwa aikin idan ka zabi wannan.

aikin MM_swapImgRestore ()
aiki MM_findObj (n, d)
aiki MM_swapImage ()
aikin MM_preloadImages ()

05 na 06

Dreamweaver Yana ƙara HTML don Rollover

Idan ka zaba don samun Dreamweaver sauke hotuna na rollover, to, za ka ga lambar HTML a cikin jikin ka don kira rubutun da aka yiwa rubutun don hotunan hotunan ka fi sauri.

a kan lokatai = "MM_preloadImages ('shasta2.jpg')"

Dreamweaver kuma ƙara duk lambar don hotonka kuma ya danganta shi (idan kun hada da URL). An ƙaddara ɓangaren rollover zuwa alamar maƙala kamar inmouseover da halayen motsi.

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

06 na 06

Gwaji Mai Rollover

Dubi hoton hoton hoton cikakke kuma ku koyi abin da ke cikin tunanin Shasta.