Cara Nggawe Peta Gambar Tanpa Editor Gambar Peta

Peta Gambar Iku Cukup Tags HTML

Peta gambar minangka cara sing nyenengake lan apik kanggo ngembangake situs Web-karo wong-wong mau, sampeyan bisa ngunggah gambar lan nggawe bagéan saka gambar sing bisa diklik ing aset online liyane. Yen sampeyan ana ing jiwit lan ora pengin ngundhuh editor peta gambar, nggawe peta nggunakake tag HTML iku gampang.

Sampeyan butuh gambar, editor gambar lan sawetara jinis editor HTML utawa editor teks. Paling editors gambar bakal nuduhake koordinat mouse nalika sampeyan nemtokake ing gambar. Data koordinat iki kabeh sampeyan kudu miwiti nganggo peta gambar.

Nggawe Peta Gambar

Kanggo nggawe peta gambar, pilih gambar pisanan sing bakal dadi basis peta. Gambar kudu "ukuran normal" - yaiku, sampeyan ora pengin nggunakake gambar supaya gedhe browser bakal skala.

Nalika sampeyan masang gambar, sampeyan bakal nambah atribut ekstra sing ngenali koordinat peta:

Nalika sampeyan nggawe peta gambar, sampeyan nggawe area sing bisa diklik ing gambar, supaya koordinat peta kudu adhine karo dhuwur lan jembar gambar sing dipilih. Peta ndhukung telung macem-macem wujud:

Kanggo nggawe wilayah kasebut, sampeyan kudu ngisolasi koordinat spesifik sing sampeyan pengin mlebu. A peta bisa dumadi saka siji utawa luwih panggonan sing ditemtokake ing gambar sing, nalika diklik, mbukak pranala anyar.

Kanggo persegi dowo , sampeyan mung nampilake sudhut kiwa ndhuwur lan ngisor. Kabeh koordinat kacathet minangka x, y (liwat, munggah). Dadi, kanggo sudhut kiwa ndhuwur 0,0 lan sudhut tengen ngisor 10,15 sampeyan bakal ngetik 0,0,10,15 . Sampeyan banjur nyakup ing peta:

"Morris"

Kanggo poligon , peta saben x, y koordinasi kanthi kapisah. Browser Web kanthi otomatis nyambungake koordinat pungkasan karo sing pisanan; apa wae sing ana ing koordinat iki minangka bagéan saka peta.

"Garfield"

Bentuk lingkaran mung mbutuhake loro koordinat, kaya persegi panjang, nanging kanggo koordinat liya, sampeyan nemtokake radius utawa jarak saka tengah bunderan. Dadi, kanggo bunder karo pusat ing 122,122 lan radius 5 sampeyan bakal nulis 122,122,5:

"Catbert"

Kabeh wilayah lan manéka uga kalebu ing tag peta sing padha:

"Morris"

Pertimbangan

Peta gambar luwih umum ing jaman Web 1.0 ing taun 1990-an dadi peta gambar awal 2000-an sing asale dadi basis pandhuan situs web. Desainer nggawe macem-macem gambar kanggo nunjukake item menu, banjur nyetel peta.

Pendekatan modern nyurung desain responsif lan nggunakake lembaran gaya kanggo ngontrol pangganggo gambar lan hyperlink ing sawijining kaca.

Sanajan tag peta isih didukung ing standar HTML , panggunaan piranti seluler kanthi faktor wangun cilik bisa nyebabake masalah kinerja sing ora dikarepake karo peta gambar. Kajaba iku, masalah bandwidth utawa gambar rusak kélangan nilai peta gambar.

Dadi, aja lali nggunakake teknologi sing stabil lan dipahami kanthi teliti yen ana alternatif liyane sing luwih efisien saiki karo desainer Web.