Keuntungan lan kelemahan kanggo nggunakake peta gambar
Ana sawijining titik ing sajarah desain web ing ngendi akeh situs nganggo fitur sing dikenal minangka "peta gambar". Iki daftar koordinat sing digandhengake karo gambar tartamtu ing sawijining kaca. Koordinat iki nggawe area hyperlink ing gambar kasebut, penting nambah "titik panas" menyang grafis, sing saben-saben bisa dikodekan kanggo ngubungake menyang panggonan liya. Iki beda banget tinimbang mung nambah tag link menyang gambar, sing bakal nimbulaké grafis kasebut dadi siji pranala gedhe menyang panggonan siji.
Conto - mbayangake gadhah file grafis kanthi gambar Amerika Serikat. Yen sampeyan pengin saben negara dadi "diklik" supaya padha menyang kaca bab negara tartamtu, sampeyan bisa nindakake iki nganggo peta gambar. Menawa sampeyan duwe gambar band musik, sampeyan bisa nggunakake peta gambar supaya saben anggota individu bisa diklik ing kaca sabanjure babagan anggota band kasebut.
Apa peta gambar muni migunani? Padha mesthi, nanging wis ilang saka sih ing Web dina. Iki, paling sethithik, amarga peta gambar mbutuhake koordinat spesifik kanggo bisa mlaku. Situs saiki dibangun kanggo ukuran responsif lan gambar adhedhasar ukuran layar utawa piranti. Iki tegese koordinat sing wis disetel, yaiku cara gambar peta bisa digarap, katon nalika sisik situs lan gambar diganti ukuran. Mulane, peta gambar arang digunakake ing situs-situs Produksi saiki, nanging isih duwe kaluwihan kanggo demo utawa panggon sing bisa meksa ukuran kaca.
Pengin ngerti carane nggawe peta gambar, khusus carane nggawe Dreamweaver? . Proses iki ora angel banget, nanging ora gampang, dadi sampeyan kudu duwe pengalaman sadurunge sampeyan miwiti.
Miwiti
Ayo diwiwiti. Langkah pisanan sampeyan kudu njupuk kanggo nambah gambar menyang kaca web. Sampeyan banjur klik gambar kanggo nyorot. Saka ing kana, sampeyan kudu pindhah menyang menu properti (lan klik salah siji saka telung toolspot hotspot: persegi panjang, bunder utawa poligon.) Aja lali jeneng gambar sampeyan, sing bisa dilakoni ing bar properti. apa wae sing pengin. Gunakake "peta" minangka conto.
Saiki, tarik wangun sing dikarepake ing gambar nggunakake salah sawijining alat kasebut. Yen sampeyan butuh persegi dowo, gunakake rectange. Padha kanggo bunder. Yen sampeyan pengin wangun hotspot sing luwih kompleks, gunakake poligon kasebut. Iki sampeyan bakal digunakake ing conto peta AS, amarga polygon bakal ngidini sampeyan nyelehake titik lan nggawe wujud sing rumit lan ora resmi ing gambar
Ing jendhela properti kanggo hotspot, ketik utawa jlajah menyang kaca sing bakal disambungake ing hotspot. Iki nggawe panggonan sing bisa ditubungake. Terus nambahake hotspot nganti peta sampeyan rampung lan kabeh pranala sing pengin ditambahake wis ditambahake.
Yen wis rampung, rreview peta gambar sampeyan ing browser kanggo mesthekake yen pancen bener. Klik saben pranala kanggo mesthekake menyang sumber utawa kaca web sing bener.
Kekurangan Peta Gambar
Sawise maneh, mangerteni yen peta gambar duwe sawetara kaanan, sanajan ing njaba kakurangan kasebut dhukungan karo situs web sing responsif. Firman, rincian cilik bisa dikalahake ing peta gambar. Contone, peta geografis bisa mbantu kanggo nemtokake bawana pangguna saka, nanging peta kasebut ora cukup rinci kanggo nemtokake negara asal pangguna. Iki tegese peta gambar bisa mbantu kanggo nemtokake manawa pangguna saka Asia nanging ora saka Kamboja.
Peta gambar bisa uga mbukak alon. Padha ora bisa digunakake pirang-pirang kaping ing situs web amarga padha ngisi akeh ruang kanggo digunakake ing saben kaca situs web. Terlalu akeh peta gambar ing kaca siji bakal nggawe hambatan serius lan impact massive ing kinerja situs .
Pungkasan, peta gambar bisa uga ora gampang kanggo pangguna sing bisa diakses kanthi visual. Yen sampeyan nggunakake peta gambar, sampeyan uga kudu nggawe sistem navigasi liyane kanggo pangguna iki minangka alternatif.
Garis ing ngisor
Aku nggunakake peta gambar saka wektu kanggo wektu nalika aku nyoba nggabungake demo cepet desain lan cara kerjane. Contone, aku bisa ngoceh rancangan kanggo aplikasi seluler lan aku pengin nggunakake peta gambar kanggo nggawe hotspot kanggo simulasi interaktivitas saka app. Iki luwih gampang kanggo dilakoni tinimbang bakal kode kode app, utawa malah mbangun halaman web dummy dibangun standar saiki karo HTML lan CSS. Ing conto tartamtu iki, lan amarga aku ngerti piranti apa sing bakal aku demo desain lan bisa ukuran kode menyang piranti kasebut, peta gambar bisa dianggo, nanging nglebokake menyang situs produksi utawa aplikasi iku angel banget lan mesthine bisa nyingkiri dina iki situs web.
Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 9/7/17.