Vidokezo vya Kuunda Ramani ya Picha na Dreamweaver

Faida na vikwazo kutumia ramani za picha

Kulikuwa na uhakika katika historia ya kubuni wavuti ambapo tovuti nyingi zilizotumiwa kipengele kinachojulikana kama "ramani za picha". Hii ni orodha ya kuratibu iliyo kwenye picha maalum kwenye ukurasa. Kuratibu hizi huunda maeneo ya hyperlink kwenye picha hiyo, na kuongeza muhimu "matangazo ya moto" kwenye picha, ambayo kila moja inaweza kuunganishwa ili kuunganishwa na maeneo tofauti. Hii ni tofauti sana na kuongeza tu tag ya kiungo kwenye picha, ambayo ingeweza kusababisha graphic nzima kuwa kiungo kimoja kikubwa kwenye mahali moja.

Mifano - fikiria kuwa na faili ya picha yenye picha ya Marekani. Ikiwa unataka kila hali kuwa "clickable" ili waweze kwenye kurasa kuhusu hali hiyo maalum, unaweza kufanya hivyo kwa ramani ya picha. Vile vile, ikiwa ungekuwa na picha ya bendi ya muziki, unaweza kutumia ramani ya picha ili kila mwanachama mmoja awe na ukurasa unaofuata kuhusu mwanachama wa bandari.

Je, ramani za picha zinaonekana kuwa muhimu? Kwa hakika walikuwa, lakini wameanguka kwa neema kwenye Mtandao wa leo. Hii ni angalau kwa sehemu, kwa sababu ramani za picha zinahitaji kuratibu maalum kufanya kazi. Maeneo leo hujengewa kwa kuwa msikivu na picha za wadogo kulingana na ukubwa wa skrini au kifaa. Hii inamaanisha kuwa mipangilio kabla ya kuweka, ambayo ni jinsi ramani za picha zinavyofanya kazi, huanguka mbali wakati mizani ya tovuti na picha zinabadilisha ukubwa. Ndiyo maana ramani za picha hazitumiwi mara kwa mara kwenye maeneo ya uzalishaji leo, lakini bado zina faida kwa demos au matukio ambapo unakabiliza ukubwa wa ukurasa.

Unataka kujua jinsi ya kuunda ramani ya picha, hasa jinsi ya kufanya hivyo na Dreamweaver? . Mchakato hauna shida sana, lakini si rahisi ama, hivyo unapaswa kuwa na uzoefu kabla ya kuanza.

Kuanza

Tuanze. Hatua ya kwanza unayohitaji kuchukua ni kuongeza picha kwenye ukurasa wako wa wavuti. Kisha bonyeza kwenye picha ili kuionyesha. Kutoka hapo, unahitaji kwenda kwenye orodha ya mali (na bofya kwenye moja ya zana tatu za kuchora: mstatili, mzunguko au piponi. Usisahau jina la picha yako, ambayo unaweza kufanya kwenye bar ya mali. Unaweza jina ni chochote unachotaka.Tumia "ramani" kama mfano.

Sasa, futa sura unayotaka kwenye picha yako kwa kutumia moja ya zana hizi. Ikiwa unahitaji matangazo ya mstatili, tumia rectange. Same kwa mzunguko. Ikiwa unataka maumbo mazuri ya hotspot, tumia poligoni. Huu ndio unavyoweza kutumia katika mfano wa ramani ya Marekani, kwani polygon itawawezesha kuacha pointi na kuunda maumbo magumu na yasiyo ya kawaida kwenye picha

Katika dirisha la mali kwa hotspot, funga au angalia kwenye ukurasa ambapo hotspot inapaswa kuunganisha. Hii ndio huunda eneo linaloweza kuunganishwa. Endelea kuongeza vituo mpaka ramani yako ikamilifu na viungo vyote unataka kuongeza vimeongezwa.

Mara baada ya kumalizika, angalia ramani yako ya picha kwenye kivinjari ili uhakikishe kuwa inafanya kazi kwa usahihi. Bofya kila kiungo ili kuhakikisha inakwenda kwenye rasilimali sahihi au ukurasa wa wavuti.

Hasara za Ramani za Picha

Mara nyingine tena, kuwa na ufahamu kwamba ramani za picha zina hazina nyingi, hata nje ya ukosefu wa usaidizi ulioonyeshwa hapo awali na tovuti zilizosikia. Firs, maelezo madogo yanaweza kuficha kwenye ramani ya picha. Kwa mfano, ramani za picha za kijiografia zinaweza kusaidia kuamua bara gani mtumiaji hutoka, lakini ramani hizi haziwezi kuwa na kina cha kutosha ili kugundua nchi ya mtumiaji wa asili. Hii inamaanisha ramani ya picha inaweza kusaidia kuamua kama mtumiaji ana kutoka Asia lakini sio kutoka Cambodia hasa.

Ramani za picha zinaweza pia kupakia polepole. Haipaswi kutumiwa mara nyingi kwenye tovuti yako kwa sababu wanapata nafasi nyingi za kutumiwa kwenye kila ukurasa wa wavuti. Ramani nyingi za picha kwenye ukurasa mmoja zinaweza kuunda kijivu kikubwa na athari kubwa kwenye utendaji wa tovuti .

Hatimaye, ramani za picha haziwezi kuwa rahisi kwa watumiaji wenye shida za kuona kuona. Ikiwa unatumia ramani za picha, unapaswa pia kujenga mfumo mwingine wa urambazaji kwa watumiaji hawa kama mbadala.

Chini ya Chini

Ninatumia ramani za picha mara kwa mara ninapojaribu kuweka pamoja demo ya haraka ya kubuni na jinsi inavyofanya kazi. Kwa mfano, ninaweza kuwadharau mpango wa programu ya simu na nataka kutumia ramani za picha ili kujenga maeneo ya kupiga picha ili kulinganisha ushirikiano wa programu. Hii ni rahisi kufanya zaidi kuliko itakuwa kificho programu, au hata kujenga wavuti za dummy zilizojengwa kwa viwango vya sasa na HTML na CSS. Katika mfano huu maalum, na kwa sababu najua kifaa gani nitazidi kuwa na mpango wa kubuni na inaweza kuondokana na kifaa kwa kifaa hicho, ramani ya picha inafanya kazi, lakini kuziweka katika tovuti ya uzalishaji au programu ni ngumu sana na inapaswa kuepukwa leo tovuti.

Makala ya awali na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard mnamo 9/7/17.