Mga Sugyot sa Paghimo sa usa ka Mapa sa Imahe nga adunay Dreamweaver

Ang mga benepisyo ug mga kahuyangan nga gamiton ang mga mapa sa mapa

Adunay usa ka punto sa kasaysayan sa disenyo sa web diin daghang mga site ang migamit sa usa ka bahin nga nailhan nga "mga mapa sa mapa". Kini usa ka listahan sa mga koordinetor nga gilakip sa usa ka piho nga hulagway sa usa ka panid. Kini nga mga koordinasyon nagahimo sa mga dapit nga hyperlink sa maong larawan, hinungdanon nga pagdugang sa "hot spots" sa usa ka graphic, nga ang matag usa mahimong ma-code aron mag-link sa lainlaing mga dapit. Kini lahi kay sa pagdugang og link tag sa usa ka imahen, nga maoy hinungdan nga ang tibuok graphic mahimong usa ka dakong link sa usa ka destinasyon.

Mga pananglitan - paghunahuna nga adunay usa ka graphic file nga adunay imahe sa Estados Unidos. Kung gusto nimo ang matag estado nga mahimong "mahimo nga masayran" aron sila moadto sa mga panid mahitungod sa maong piho nga kahimtang, mahimo nimo kini pinaagi sa usa ka mapa sa mapa. Sa susama, kon ikaw adunay usa ka hulagway sa usa ka band sa musika, mahimo nimo gamiton ang usa ka mapa aron ang matag indibidwal mahimong i-klik sa sunod nga panid mahitungod sa sakop sa banda.

Ang mga mapa sa mapa ba maayo? Tinuod kini, apan wala sila pabor sa Web karon. Kini mao, labing menos sa usa ka bahin, tungod kay ang mga mapa sa mapa nagkinahanglan og piho nga mga koordinasyon sa pagtrabaho. Ang mga dapit karon gitukod aron mahimong responsive ug mga timbangan sa mga imahe base sa gidak-on sa usa ka screen o device. Kini nagpasabot nga ang pre-set nga mga koordinasyon, nga mao ang kung unsaon ang mga mapa sa mga papel nga magtrabaho, mahulog kon ang usa ka kalapad sa site ug ang mga imahe mausab ang gidak-on. Mao kini ang hinungdan nga ang mga mapa sa mapa panagsa ra nga gigamit sa mga site sa Productions karon, apan duna gihapoy mga bentaha sa mga demo o mga pananglitan diin gipugos nimo ang gidak-on sa usa ka panid.

Gusto nga mahibal-an kon unsaon paghimo og usa ka mapa sa mapa, ilabi kung unsaon pagbuhat sa Dreamweaver? . Dili lisud ang proseso, apan dili kini sayon, mao nga kinahanglan nga adunay usa ka kasinatian sa dili ka magsugod.

Pagsugod

Magsugod na ta. Ang unang lakang nga imong gikinahanglan mao ang pagdugang sa usa ka larawan sa imong web page. Dayon imong i-klik ang hulagway aron i-highlight kini. Gikan didto, kinahanglang moadto ka sa menu sa property (ug i-klik ang usa sa tulo ka mga himan nga drowing sa hotspot: rectangle, circle o polygon.) Ayaw kalimot sa pagngalan sa imong larawan, nga mahimo nimo sa property bar. kini bisan unsa nga imong gusto. Gamita ang "mapa" isip usa ka ehemplo.

Karon, i-drawing ang porma nga imong gusto sa imong larawan gamit ang usa niini nga mga himan. Kung kinahanglan nimo ang rectangular spots, gamiton ang rectange. Sama usab sa lingin. Kung gusto nimo ang mas komplikado nga mga porma sa hotspot, gamita ang polygon. Kini ang lagmit nga imong gamiton sa panig-ingnan sa mapa sa US, tungod kay ang polygon magatugot kanimo sa pag-ubos sa mga punto ug paghimo sa mga komplikado ug dili regular nga mga porma sa larawan

Diha sa mga bintana sa mga property alang sa hotspot, i-type o tan-aw sa panid nga kinahanglan ipa-link sa hotspot. Mao kini ang naghimo sa maong linkable area. Padayon sa pagdugang sa mga hotspot hangtud ang imong mapa kompleto ug ang tanan nga mga link nga imong gusto idugang gidugang.

Sa higayon nga mahuman ka, usisaa ang imong image map sa usa ka browser aron masiguro nga kini nagtrabaho sa husto. I-klik ang matag link aron masiguro nga kini moadto sa tukmang kapanguhaan o web page.

Mga Disbentaha sa mga Mapa sa Imahe

Sa makausa pa, mahibal-an nga ang mga mapa nga adunay daghang mga kalainan, bisan pa sa mga nahisgutan nga kakulang sa suporta sa mga responsive nga mga website. Ang mga pusil, ang gagmay nga mga detalye mahimo nga matabunan sa usa ka mapa sa mapa. Pananglitan, ang mga mapa sa hulagway sa geograpiya makatabang aron mahibal-an kung diin gikan ang usa ka kontinente ang usa ka gumagamit, apan kini nga mga mapa dili igo nga detalyado aron matino ang nasud nga gigikanan sa gumagamit. Kini nagpasabot nga ang usa ka mapa sa mapa makatabang aron mahibal-an kung usa ka user gikan sa Asia apan dili gikan sa Cambodia ilabi na.

Ang mga mapa sa mapa mahimo usab nga mag-load sa hinay-hinay. Dili sila kinahanglan nga gamiton sa daghang mga higayon sa usa ka website tungod kay kini nag-okupar og daghan kaayo nga luna nga gamiton sa matag pahina sa usa ka web site. Ang daghan kaayong mga mapa sa usa ka panid sa usa ka pahina makamugna og usa ka seryoso nga bottleneck ug usa ka dako nga epekto sa performance sa site .

Sa katapusan, ang mga mapa sa mapa dili sayon ​​alang sa mga tiggamit nga adunay mga sulud nga makita ang mga problema. Kung gigamit nimo ang mga mapa sa mapa, kinahanglan usab ikaw maghimo og laing sistema sa nabigasyon alang niining mga tiggamit ingon nga kapilian.

Ubos nga Linya

Naggamit ko og mga mapa sa mapa gikan sa panahon sa panahon nga ako naningkamot sa pagbutang sa usa ka dali nga demo sa usa ka disenyo ug sa unsa nga paagi kini molihok. Pananglitan, tingali akong gibiaybiay ang usa ka desinyo alang sa usa ka mobile app ug gusto nakong gamiton ang mga mapa sa mga imahen aron makamugna og mga hotspot aron makahulagway sa interactivity sa app. Kini mas sayon ​​nga buhaton kay sa pag-kod sa app, o bisan paghimo sa dummy nga mga webpage nga gitukod sa kasamtangan nga mga sumbanan nga adunay HTML ug CSS. Niini nga piho nga panig-ingnan, ug tungod kay nahibal-an ko kung unsa nga device ang akong pag-demo sa disenyo ug mahimo nga ipatala ang code sa maong device, ang usa ka mapa nga mapahigayon, apan ang pagbutang niini ngadto sa usa ka production site o app malisud kaayo ug kinahanglan nga malikayan sa karon mga website.

Ang orihinal nga artikulo ni Jennifer Krynin. Gi-edit ni Jeremy Girard sa 9/7/17.