Ny sarin'ny rollover dia sary iray izay miova amin'ny endrika hafa raha toa ka ianao na ny mpanjifanao no manitsy ny totozy eo amboniny. Ireo dia matetika ampiasaina mba hamoronana fahatsapana interaction toy ny bokotra na ny tablety. Nefa azonao atao ny mamorona sary mihodina tsy misy dikany.
Ity lesona fampianarana ity dia natao hanampiana anao hamorona sarimihetsika ao Dreamweaver . Natokana ho an'ny olona mampiasa ny dikan-teny manaraka of Dreamweaver izany:
- Dreamweaver MX
- Dreamweaver MX 2004
- Dreamweaver 8
- Dreamweaver CS3
- Dreamweaver CS4
- Dreamweaver CS5
- Dreamweaver CS6
Fepetra ho an'ity Tutorial ity
- Dreamweaver
Ny iray amin'ireo dikan-teny voalaza etsy ambony. - Sary miavaka
Ataovy azo antoka ny hanatsarana io sary io. Izany dia hanampy ny pejy entinao haingana. - Ny sary fampandehanana
Ity sary ity dia tokony ho endriny mitovy amin'ny sary niandohana. Ary, tahaka ny sary tany am-piandohana, tokony hatsaraina mba hanampiana ireo pejy famadihana pejy. - Pejy Internet
Ity no pejy HTML ahafahanao mametaka sary.
01 of 06
Manomboka
- Manomboka Dreamweaver
- Sokafy ny pejy web izay tianao haleha
02 of 06
Ampidino ny sary Image Object
Mampivelatra ny Dreamweaver amin'ny famoronana sary hakana sary.
- Mankanesa ao amin'ny menio Fidio ary midina any amin'ny sub-menu "Image Objects".
- Safidio ny "fampisehoana sary" na "sary rollover"
Ny sasany amin'ireo dikan-teny maoderin'ny Dreamweaver dia miantso ny sary Objects "Interactive Images" fa tsy.
03 of 06
Lazao ny Dreamweaver izay sary azonao ampiasaina
Dreamweaver dia manamboatra boaty miainga miaraka amin'ireo saha mila fenoina mba hamoronana ny sarinao.
Image Name
Safidio ny anaran-tsary iray tsy manam-paharoa amin'ny pejy. Tokony teny iray ihany ny teny rehetra, fa afaka mampiasa tarehimarika, undercores (_) ary bindizy (-). Io dia hampiasaina hamantarana ny sary hanova.
Original Image
Ity ny URL na ny toerana misy ilay sary izay hanomboka amin'ny pejy. Azonao atao ny mampiasa URL havana na tsy tanteraka ao amin'ity sehatra ity. Tokony ho sary izay misy ao amin'ny tranonkalanao na ianao hampakatra ny pejy.
Rollover Image
Ity ilay sary izay hiseho rehefa mitsitsy ny sary. Tahaka ny sary niandohana, ity dia mety ho lalana tanteraka na mifanentana amin'ny sary, ary tokony misy izy na hampiakarina rehefa mandefa ilay pejy.
Sary famindrana fanindroany
Safidy io safidy io satria manampy azy hivoaka haingana kokoa. Amin'ny fisafidianana ny famelomana ny sary amin'ny rindrankajy, ny tranonkala tranonkala dia hametraka izany ao anaty cache mandra-pikirakiran'ny totozy azy.
Text Alternate
Ny loha-hevitra hafa dia mahatonga ny sary hahitanao kokoa. Tokony hampiasa foana karazana lahatsoratra hafa ianao rehefa mampiditra sary.
Rehefa alefanao, alefaso amin'ny URL
Ny ankamaroan'ny olona dia tsindriana amin'ny sary raha mahita ny iray amin'ny pejy. Noho izany dia tokony ho zatra manao azy ireo ianao. Io safidy io dia ahafahanao mamaritra ny pejy na URL ahafahana mijery ny mpijery amin'ny fotoana clicking amin'ny sary. Saingy tsy ilaina izany safidy izany hamoronana drafitra.
Rehefa vita ny saha rehetra dia tsindrio OK mba ahafahan'ny Dreamweaver mamorona ny sarinao.
Ny pejy manaraka dia mampiseho ny script izay nosoratan'i Dreamweaver.
04 of 06
Dreamweaver Manoratra ny JavaScript ho anao
Raha manokatra ny pejin-drakitra amin'ny fijerena pehezina ianao dia hahita fa ny Dreamweaver dia mametraka sakana JavaScript eo amin'ny lohan-drakitra amin'ny taratasinao HTML. Ity sakana ity dia ahitanao ireo tolotra 3 ilainao hananana ny sary ifindrana rehefa manitsy azy ireo ny totozy sy ny lahasa fanalahidy raha nisafidy izany ianao.
function MM_swapImgRestore ()
function MM_findObj (n, d)
function MM_swapImage ()
function MM_preloadImages ()
05 of 06
Dreamweaver Manampy ny HTML ho an'ny Rollover
Raha toa ka nisafidy ny hanandrana ny sarimihetsika Dreamweaver ianao, dia hahita ny code HTML ao amin'ny vatan'ny rakitrao ianao mba hiantso ny script preloado mba haka haingana kokoa ny sary.
onload = "MM_preloadImages ( 'shasta2.jpg')"
Dreamweaver koa dia manampy ny code rehetra ho an'ny sary ary mampifandray izany (raha nampiditra URL ianao). Ny ampahan'ny fanodinana dia nampidirina amin'ny endriky ny endriky ny endritsoratra ary ny toetran-tsakafo.
onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ( 'image1', '', 'shasta1.jpg', 1)"
06 of 06
Hamarino ny fampivoarana
Jereo ny sary fanodinana tanteraka ary fantaro izay ao an-tsain'i Shasta.