Mga Tip para sa Paglikha ng isang Mapa ng Imahe gamit ang Dreamweaver

Ang mga benepisyo at mga drawbacks sa paggamit ng mga mapa ng imahe

May isang punto sa kasaysayan ng disenyo ng web kung saan maraming site ang gumamit ng isang tampok na kilala bilang "mga mapa ng imahe". Ito ay isang listahan ng mga coordinate na naka-attach sa isang partikular na larawan sa isang pahina. Ang mga coordinate na ito ay lumikha ng mga lugar ng hyperlink sa larawang iyon, mahahalagang pagdaragdag ng "mga hot spot" sa isang graphic, na ang bawat isa ay maaaring naka-code upang mag-link sa iba't ibang lugar. Ito ay magkano ang pagkakaiba kaysa sa pagdaragdag lamang ng isang tag ng link sa isang imahe, na kung saan ay magiging sanhi na ang buong graphic na maging isang malaking link sa isang solong destinasyon.

Mga halimbawa - isipin na may isang graphic na file na may isang imahe ng Estados Unidos. Kung nais mo ang bawat estado na maging "naki-click" upang pumunta sila sa mga pahina tungkol sa partikular na estado, maaari mong gawin ito gamit ang isang mapa ng larawan. Katulad nito, kung mayroon kang isang imahe ng banda ng musika, maaari kang gumamit ng isang mapa ng imahe upang ma-click ang bawat indibidwal na miyembro sa isang kasunod na pahina tungkol sa miyembro ng banda na iyon.

Gumagana ba ang mga mapa ng imahe na kapaki-pakinabang? Sila ay tiyak na, ngunit sila ay bumagsak sa pabor sa Web ngayon. Ito ay, hindi bababa sa bahagi, dahil ang mga mapa ng imahe ay nangangailangan ng mga tiyak na mga coordinate upang gumana. Ang mga site ngayon ay binuo upang maging tumutugon at mga sukat ng imahe batay sa laki ng isang screen o device. Nangangahulugan ito na ang mga pre-set na coordinate, na kung paano gumagana ang mga mapa ng mga mapa, bumagsak kapag ang isang kaliskis sa site at ang mga sukat ng pagbabago ng mga imahe. Ito ang dahilan kung bakit ang mga mapa ng imahe ay bihirang ginagamit sa mga site ng productions ngayon, ngunit mayroon pa rin silang mga pakinabang para sa mga demo o mga pagkakataon kung saan pinipilit mo ang laki ng isang pahina.

Gusto mong malaman kung paano lumikha ng isang mapa ng imahe, partikular kung paano ito gawin sa Dreamweaver? . Ang proseso ay hindi mahirap lalo na, ngunit hindi madali, kaya dapat kang magkaroon ng ilang karanasan bago ka magsimula.

Nagsisimula

Magsimula na tayo. Ang unang hakbang na kailangan mong gawin ay ang magdagdag ng isang imahe sa iyong web page. Pagkatapos ay mag-click ka sa larawan upang i-highlight ito. Mula doon, kailangan mong pumunta sa menu ng mga property (at mag-click sa isa sa tatlong mga tool sa pagguhit ng hotspot: rektanggulo, bilog o polygon.) Huwag kalimutan na pangalanan ang iyong larawan, na maaari mong gawin sa bar ng ari-arian. anumang bagay na gusto mo. Gamitin ang "mapa" bilang isang halimbawa.

Ngayon, iguhit ang hugis na gusto mo sa iyong larawan gamit ang isa sa mga tool na ito. Kung kailangan mo ng mga parihaba, gamitin ang rectange. Parehong para sa bilog. Kung gusto mo ng mas kumplikadong mga hugis ng hotspot, gamitin ang polygon. Ito ang malamang na gagamitin mo sa halimbawa ng mapa ng US, dahil pinapayagan ka ng polygon na mag-drop ka ng mga puntos at lumikha ng mga napaka-komplikado at hindi regular na mga hugis sa larawan

Sa window ng mga katangian para sa hotspot, i-type o mag-browse sa pahina kung saan dapat i-link ang hotspot. Ito ay kung ano ang lumikha na linkable lugar. Magpatuloy sa pagdaragdag ng mga hotspot hanggang makumpleto ang iyong mapa at idinagdag ang lahat ng mga link na nais mong idagdag.

Sa sandaling tapos ka na, rreview ang iyong imahe ng mapa sa isang browser upang matiyak na ito ay gumagana nang tama. I-click ang bawat link upang matiyak na napupunta ito sa tamang mapagkukunan o web page.

Mga Disadvantages ng Mga Mapa ng Imahe

Muli, magkaroon ng kamalayan na ang mga imahe ng mga imahe ay may ilang mga kahinaan, kahit na sa labas ng nabanggit kakulangan ng suporta sa tumutugon mga website. Ang mga fir, ang mga maliit na detalye ay maaaring maitago sa isang mapa ng imahe. Halimbawa, maaaring makatulong ang mga mapa ng heograpikal na imahe upang matukoy kung aling kontinente ang isang gumagamit mula sa, ngunit ang mga mapa na ito ay hindi maaaring detalyadong sapat upang matukoy ang pinagmulan ng bansa ng gumagamit. Nangangahulugan ito na ang isang mapa ng mapa ay maaaring makatulong upang matukoy kung ang isang gumagamit ay mula sa Asya ngunit hindi mula sa Cambodia sa partikular.

Ang mga mapa ng imahe ay maaaring mag-load nang dahan-dahan. Hindi nila dapat gamitin nang maraming beses sa isang website dahil marami silang espasyo para magamit sa bawat pahina ng isang web site. Masyadong maraming mga mapa ng imahe sa isang solong pahina ay lumikha ng isang malubhang bottleneck at isang napakalaking epekto sa pagganap ng site .

Sa wakas, ang mga mapa ng imahe ay maaaring hindi madali para sa mga gumagamit na may mga visual na problema na ma-access. Kung gumamit ka ng mga mapa ng imahe, dapat ka ring lumikha ng isa pang sistema ng nabigasyon para sa mga user na ito bilang isang alternatibo.

Bottom Line

Gumagamit ako ng mga mapa ng imahe paminsan-minsan kapag sinusubukan kong magkasama ang mabilis na demo ng isang disenyo at kung paano ito gumagana. Halimbawa, maaaring iisipin ko ang isang disenyo para sa isang mobile app at gusto kong gumamit ng mga mapa ng imahe upang lumikha ng mga hotspot upang gayahin ang interactivity ng app. Mas madaling gawin ito kaysa sa code ng app, o kahit na bumuo ng mga dummy webpage na binuo sa mga kasalukuyang pamantayan gamit ang HTML at CSS. Sa tukoy na halimbawang ito, at dahil alam ko kung anong device ang ibubuhos ko ang disenyo sa at maaaring i-scale ang code sa device na iyon, gumagana ang isang imaheng mapa, ngunit inilagay ang mga ito sa isang site ng produksyon o app ay napakahirap at malamang na iwasan sa ngayon mga website.

Orihinal na artikulo ni Jennifer Krynin. Na-edit ni Jeremy Girard noong 9/7/17.