Conas Íomhá Rollover a chruthú i Dreamweaver

Íomhá a thógann athrú ar íomhá a athraíonn íomhá éigin eile nuair a chuireann tú féin nó do chustaiméir an luch os a chionn. Úsáidtear iad seo go coitianta chun mothú idirghníomhach a chruthú ar nós cnaipí nó cluaisíní. Ach is féidir leat íomhánna athsheolaidh a chruthú as aon rud ar bith.

Tá an teagascóir seo deartha chun cabhrú leat íomhá athsheolaidh a chruthú i Dreamweaver . Tá sé beartaithe go n-úsáideann daoine úsáid as na leaganacha seo a leanas de Dreamweaver:

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

Riachtanais don Teagaisc seo

• Dreamweaver
  Ceann de na leaganacha atá liostaithe thuas.
• Íomhá bunaidh
  Déan cinnte an íomhá seo a uasmhéadú. Cabhróidh sé seo le do leathanaigh a luchtú níos tapúla.
• An t-íomhá athsheoltáin
  Ba chóir go mbeadh an íomhá seo mar na gnéithe céanna leis an íomhá bunaidh. Agus ba chóir, cosúil leis an íomhá bunaidh, a uasmhéadú chun cuidiú le huaire ualach an leathanaigh.
• Leathanach gréasáin
  Is é seo an leathanach HTML áit a gcuirfidh tú d'íomhá athsheolaidh.

01 de 06

Tosaigh

1. Tosaigh Dreamweaver
2. Oscail an leathanach gréasáin áit ar mhaith leat do sciorradh

02 de 06

Cuir Cuspóir Íomhá Íomhá Rollover isteach

Déanann Dreamweaver sé éasca íomhá athsheolaidh a chruthú.

1. Téigh go dtí an roghchlár Ionsáigh agus síos go dtí an fo-roghchlár "Réadaí Íomhá".
2. Roghnaigh "Scrollán Íomhá" nó "Íomhá Rollaí"

Glaoch ar roinnt de na leaganacha níos sine de Dreamweaver na Íomhá Íomhá "Íomhánna Idirghníomhacha" ina ionad.

03 de 06

Inis Dreamweaver Cén Íomhánna atá le húsáid

Taispeánann Dreamweaver bosca dialóige leis na réimsí is gá duit a líonadh isteach chun íomhá do chiorcal a chruthú.

Ainm Íomhá

Roghnaigh ainm íomhá atá uathúil don leathanach. Ba cheart go mbeadh gach focal amháin ann, ach is féidir leat úsáid a bhaint as uimhreacha, léargas (_) agus hyphens (-). Bainfear úsáid as seo chun an íomhá a aithint le hathrú.

Íomhá Bunaidh

Seo URL nó suíomh an íomhá a thosóidh ar an leathanach. Is féidir leat URLanna cosanta coibhneasta nó iomlána a úsáid sa réimse seo. Ba chóir go mbeadh sé seo ina íomhá atá ar do fhreastalaí gréasáin nó go mbainfidh tú uaslódáil leis an leathanach.

Íomhá Rollover

Seo í an íomhá a nochtfaidh nuair a luch tú thar an íomhá. Díreach cosúil leis an íomhá bunaidh, is féidir seo a bheith ina bhealach iomlán nó coibhneasta leis an íomhá, agus ba chóir go mbeadh sé ann nó a uaslódáil nuair a uaslódáil tú an leathanach.

Íomhá Réamhamhairc Preload

Roghnaítear an rogha seo de réir réamhshocraithe toisc go gcabhraíonn sé leis an scrollán le feiceáil níos tapúla. Trína roghnú an íomhá athshlánaithe a phróiseáil, déanfaidh an brabhsálaí Gréasáin é a stóráil i taisce go dtí go mbeidh rolla ag an luch os a chionn.

Téacs Malartach

Déanann téacs malartach maith d'íomhánna níos inrochtana. Ba cheart duit roinnt cineál téacs malartach a úsáid i gcónaí nuair a chuireann tú aon íomhánna.

Nuair a Cliceáil, Téigh go URL

Cliocfaidh an chuid is mó daoine ar íomhá nuair a fheiceann siad ceann ar leathanach. Mar sin, ba chóir duit a bheith in ann iad a dhéanamh cliceáil. Ceadaíonn an rogha seo duit an leathanach nó an URL a shonrú chun an breathnóir a thabhairt nuair a chliceálann siad ar an íomhá. Ach níl an rogha seo ag teastáil chun scáthán a chruthú.

Nuair a bheidh na réimsí go léir críochnaithe agat, cliceáil ar OK chun Dreamweaver a chruthú do íomhá scrolláin.

Taispeánann an chéad leathanach eile an script a scríobhann Dreamweaver.

04 de 06

Scríobhann Dreamweaver an JavaScript duit

Má osclaíonn tú an leathanach i gcód-amharc feicfidh tú go gcuireann Dreamweaver bloc JavaScript isteach sa de do cháipéis HTML. Áirítear leis an bloc seo na trí fheidhmeanna is gá duit na híomhánna a mhalartú nuair a rollaíonn an luch os a gcomhair agus an fheidhm réamhshocraithe má roghnaigh tú é sin.

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

05 de 06

Cuireann Dreamweaver an HTML don Rollover

Má roghnaigh tú Dreamweaver a réamhshocrú ar na híomhánna scrollán, ansin feicfidh tú an cód HTML i gcorp do dhoiciméad chun an script réamhshocraithe a ghlaoch ionas go luíonn do chuid íomhánna níos tapúla.

onload = "MM_preloadImages ('shasta2.jpg')"

Cuireann Dreamweaver an cód uile le do íomhá agus nascann sé (má bhí URL agat). Cuirtear an sciathán sreabhadh leis an gclib ancaire mar thréithe onmouseover agus onmouseout.

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

06 de 06

Tástáil Amach an Rollover

Féach ar an íomhá slándála iomlán feidhmiúil agus foghlaim cad atá ar intinn Shasta.