Aworan aworan ti o yipada ni aworan ti o yipada si aworan miiran nigba ti iwọ tabi alabara rẹ n ṣafihan awọn Asin lori rẹ. Awọn wọnyi ni a nlo nigbagbogbo lati ṣẹda ohun ibaraẹnisọrọ kan bi awọn bọtini tabi taabu. Ṣugbọn o le ṣẹda awọn aworan rollover ti o kan nipa ohunkohun.
Ilana yii jẹ apẹrẹ lati ṣe iranlọwọ fun ọ lati ṣẹda aworan ti a rollover ni Dreamweaver . O ti pinnu fun lilo nipasẹ awọn eniyan nipa lilo awọn ẹya wọnyi ti Dreamweaver:
- Dreamweaver MX
- Dreamweaver MX 2004
- Dreamweaver 8
- Dreamweaver CS3
- Dreamweaver CS4
- Dreamweaver CS5
- Dreamweaver CS6
Awọn ibeere fun Tutorial yii
- Dreamweaver
Ọkan ninu awọn ẹya ti a darukọ loke. - Aworan atilẹba
Rii daju lati mu aworan yii dara. Eyi yoo ran awọn oju-iwe rẹ ni fifuye diẹ sii yarayara. - Awọn aworan rollover
Aworan yi yẹ ki o jẹ awọn iru kanna bi aworan atilẹba. Ati, bi aworan atilẹba, o yẹ ki o ṣe iṣapeye lati ran awọn akoko fifuye iwe. - Oju-iwe ayelujara
Eyi ni iwe HTML ti o yoo fi aworan rẹ rollover.
01 ti 06
Bẹrẹ Bibẹrẹ
- Bẹrẹ Dreamweaver
- Ṣii oju-iwe ayelujara nibi ti o fẹ rollover rẹ
02 ti 06
Fi Ohun-elo Pipa Pipa Rollover sii
Dreamweaver mu ki o rọrun lati ṣẹda aworan rollover.
- Lọ si akojọ aṣayan sii ati isalẹ si "Awọn aworan Pipa" akojọ aṣayan-ipin.
- Yan "Aworan rollover" tabi "Aworan Rollover"
Diẹ ninu awọn ẹya agbalagba ti Dreamweaver pe Pipa Pipa Awọn Ohun "Ibanisọrọ Awọn Aworan" dipo.
03 ti 06
Sọ fun Dreamweaver Ohun Aworan lati Lo
Dreamweaver pops a dialog pẹlu awọn aaye ti o nilo lati kun ni lati ṣẹda rẹ aworan rollover.
Orukọ aworan
Yan orukọ aworan ti o jẹ oto fun oju-iwe naa. O yẹ ki o jẹ ọrọ kan kan, ṣugbọn o le lo awọn nọmba, ti o ṣe afihan (_) ati awọn hyphens (-). Eyi yoo ṣee lo lati ṣe idanimọ aworan lati yipada.
Aworan atilẹba
Eyi ni URL tabi ipo ti aworan ti yoo bẹrẹ si oju-iwe naa. O le lo awọn ojulumo ibatan tabi ojutu ni aaye yii. Eyi yẹ ki o jẹ aworan ti o wa lori olupin ayelujara rẹ tabi pe iwọ yoo gbe pẹlu oju-iwe naa.
Rollover Image
Eyi ni aworan ti yoo han nigbati o ba ni Asin lori aworan naa. Gẹgẹbi aworan atilẹba, eyi le jẹ idiwọn tabi ọna asopọ si aworan naa, ati pe o yẹ ki o wa tabi gbea silẹ nigbati o ba gbe oju-iwe naa wọle.
Ṣaju Aworan Rollover Ṣaaju
Aṣayan yii ni a yan nipa aiyipada nitori pe o ṣe iranlọwọ fun rollover han diẹ sii yarayara. Nipa yiyan lati ṣajọ aworan aworan rollover, aṣàwákiri wẹẹbù yoo tọjú rẹ sinu apo-titi titi iṣọ yoo fi yika lori rẹ.
Ọrọ miiran
Oro ti o dara julọ mu ki awọn aworan rẹ wa diẹ sii. O yẹ ki o ma lo diẹ ninu awọn iru ọrọ miiran nigbati o ba nfi awọn aworan ranṣẹ.
Nigbati o ba tẹ, Lọ Si URL
Ọpọ eniyan yoo tẹ lori aworan kan nigbati wọn ba ri ọkan lori oju-iwe kan. Nitorina o yẹ ki o wa ni habit ti ṣiṣe wọn clickable. Aṣayan yii faye gba ọ lati ṣafihan oju-iwe tabi URL lati mu oluwo naa wo nigba ti wọn tẹ lori aworan naa. Ṣugbọn aṣayan yi ko nilo lati ṣẹda rollover.
Nigbati o ba ti pari gbogbo awọn aaye, tẹ Dara lati ni Dreamweaver ṣẹda aworan rollover rẹ.
Oju-iwe keji ti fihan iwe-akọọlẹ ti Dreamweaver kọ.
04 ti 06
Dreamweaver Kọwe JavaScript fun O
Ti o ba ṣii iwe yii ni wiwo koodu iwọ yoo ri pe Dreamweaver fi awọn iwe ti JavaScript jẹ ni
iṣẹ MM_swapImgRestore ()
iṣẹ MM_findObj (n, d)
iṣẹ MM_swapImage ()
iṣẹ MM_preloadImages ()
05 ti 06
Dreamweaver Ṣe afikun HTML fun Rollover
Ti o ba yan lati ni Dreamweaver ṣaja awọn aworan rollover, lẹhinna o yoo wo koodu HTML ni ara ti iwe-ipamọ rẹ lati pe apẹrẹ preload lati jẹ ki awọn aworan rẹ fi agbara mu diẹ sii yarayara.
onload = "MM_preloadImages ('shasta2.jpg')"
Dreamweaver tun ṣe afikun gbogbo koodu fun aworan rẹ ati asopọ rẹ (ti o ba ni URL kan). A ti ṣe ipin lẹta ti a rollover si tag tag bi onmouseover ati awọn ero onmouseout.
onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ('Image1', '', 'shasta1.jpg', 1)"
06 ti 06
Ṣe idanwo Rollover
Wo aworan aworan rollover ti o ni kikun ati ki o kọ ohun ti o wa lori ero Shasta.