Tips kanggo Nyieun hiji Peta Gambar jeung Dreamweaver

Mangpaat jeung drawbacks mun maké peta gambar

Aya titik dina sajarah desain web dimana loba situs dipake ciri katelah "peta gambar". Ieu daptar koordinat digantelkeun ka gambar husus dina kaca. koordinat ieu nyieun wewengkon hyperlink di gambar eta, penting nambahkeun "panas spot" ka grafis hiji, masing-masing bisa disandi kana ieu numbu ka tempat béda. Ieu beda jauh ti ngan nambahkeun tag link ka gambar, anu bakal ngakibatkeun yén sakabéh grafis jadi salah link badag ka tujuan tunggal.

Conto - ngabayangkeun gaduh file grafis jeung hiji gambar tina Amérika Serikat. Lamun hayang unggal kaayaan janten "clickable" ngarah buka kaca ngeunaan éta kaayaan spésifik, anjeun bisa ngalakukeun ieu jeung hiji peta gambar. Nya kitu, lamun miboga hiji gambar tina hiji band musik, Anjeun bisa make hiji peta gambar boga tiap anggota individu jadi clickable ka kaca saterusna ngeunaan éta anggota band.

Ulah peta gambar disada mangpaat? Éta pasti éta, tapi maranéhna geus fallen kaluar tina ni'mat dina Web dinten ieu. Ieu, sahenteuna dina bagian, sabab peta gambar merlukeun koordinat husus keur jalan. Situs dinten anu diwangun janten responsif sarta gambar skala dumasar kana ukuran layar atawa alat. Ieu ngandung harti yén koordinat pre-diatur, nu kumaha Gambar peta dianggo, digolongkeun eta lamun skala situs jeung gambar ngarobah ukuran. Ieu naha peta gambar anu jarang dipaké dina loka Productions kiwari, tapi maranéhna teu tetep mibanda kaunggulan keur demo atanapi instansi mana anjeun forcing ukuran tina kaca.

Hoyong terang kumaha carana nyieun hiji peta gambar, husus kumaha bet kitu kalawan Dreamweaver? . Prosésna teu utamana hese, tapi teu gampang boh, jadi Anjeun kudu gaduh sababaraha pangalaman sateuacan Anjeun ngawitan.

Ngamimitian

Hayu urang ngamimitian. hambalan kahiji anjeun kedah nyandak nyaéta pikeun nambahkeun hiji gambar ka kaca wéb anjeun. Anjeun lajeng bakal klik gambar ka nyorot eta. Ti dinya, anjeun kedah buka menu sipat (jeung klik salah sahiji gambar parabot tilu hotspot:. Sagi opat, bunderan atawa polygon Ulah poho pikeun ngaranan gambar anjeun, nu bisa Anjeun pigawé dina palang milik Anjeun tiasa ngaranan. eta nanaon rék. nganggo "peta" salaku conto.

Ayeuna, tarik bentukna rék on gambar anjeun migunakeun salah sahiji parabot ieu. Lamun perlu spot rectangular, make rectange nu. Sarua pikeun bunderan. Upami anjeun hoyong wangun hotspot leuwih kompleks, make polygon nu. Ieu naon dipikaresep bakal dipaké dina conto peta AS, saprak polygon nu bakal ngidinan Anjeun pikeun neundeun titik sarta nyieun wangun pisan rumit sarta teratur dina gambar

Dina jandéla pasipatan pikeun hotspot kana, ngetik dina atawa kotektak ka kaca nu hotspot kudu numbu. Ieu naon nyieun éta aréa linkable. Nuluykeun nambahkeun hotspot dugi peta anjeun geus réngsé sarta sagala Tumbu rék nambahkeun geus ditambahkeun.

Sakali anjeun rengse, rreview peta gambar anjeun dina browser pikeun mastikeun gawéna neuleu. Klik unggal link pikeun mastikeun eta mana ka sumberdaya ditangtoskeun atanapi kaca web.

Kalemahan Gambar Maps

Sakali deui, jadi sadar yen peta gambar boga sababaraha kontra, sanajan luar tina kurangna disebut tadi pangrojong sareng situs web responsif. Firs, rinci leutik bisa jadi obscured dina peta gambar. Contona, peta gambar geografis bisa ngabantu pikeun nangtukeun mana hiji buana pamaké téh ti tapi peta ieu bisa jadi teu jadi wincikan cukup keur pinpoint nagara pamaké asalna. Ieu ngandung harti hiji peta gambar bisa ngabantu pikeun nangtukeun lamun hiji pamaké téh ti Asia tapi moal tina Kamboja hususna.

peta gambar ogé mungkin muka lalaunan. Aranjeunna teu matak dipaké sababaraha kali dina ramatloka hiji sabab ngeusian teuing spasi mun dipaké dina unggal halaman tina situs wéb. Loba teuing peta gambar dina kaca tunggal bakal nyieun hiji bottleneck serius sarta dampak masif on kinerja situs .

Tungtungna, peta gambar bisa jadi gampang pikeun pamaké kalayan masalah visual kana aksés. Lamun teu make peta gambar, Anjeun ogé kudu nyieun sistem navigasi sejen pikeun pamaké ieu jadi alternatif.

Garis handap

Kuring make peta gambar ti jaman ka jaman nalika Kuring keur nyobaan nempatkeun babarengan demo rusuh desain jeung kumaha gawéna. Contona, kuring bisa jadi mocking up desain pikeun aplikasi mobile na abdi hoyong nganggo peta gambar pikeun nyieun hotspot mun simulate nu interactivity sahiji aplikasi dina. Ieu teuing gampang ngalakukeun ti eta bakal ka Kode aplikasi, atawa malah ngawangun webpages dummy diwangun kana standar ayeuna kalayan HTML jeung CSS. Dina conto husus ieu, sarta ku sabab kuring nyaho naon alat I bakal demo rarancang on na tiasa skala kodeu ka alat eta, hiji karya peta gambar, tapi putting kana situs produksi atawa aplikasi pisan tricky jeung kudu dipikaresep dihindari on dinten ieu jaba.

Aslina artikel ku Jennifer Krynin. Diédit ku Jeremy Girard on 9/7/17.