Peta Imej Adakah Hanya Tag HTML Mudah
Peta imej adalah cara yang menarik dan menarik untuk menghidupkan laman web anda-dengan mereka, anda boleh memuat naik imej dan membuat bahagian imej tersebut dapat diklik dengan aset dalam talian lain. Sekiranya anda berada dalam keadaan secubit dan tidak mahu memuat turun editor peta imej, membuat peta menggunakan tag HTML adalah mudah.
Anda memerlukan imej, editor imej dan semacam editor HTML atau editor teks. Kebanyakan editor imej akan menunjukkan kepada anda koordinat tetikus anda apabila anda menunjuk pada imej. Data koordinat ini adalah semua yang anda perlukan untuk memulakan dengan peta imej.
Mewujudkan Peta Imej
Untuk membuat peta imej, mula-mula pilih imej yang akan berfungsi sebagai asas peta. Imej itu mestilah "saiz normal" - iaitu, anda tidak boleh menggunakan imej yang begitu besar sehingga penyemak imbas akan memagarkannya.
Apabila anda memasukkan imej, anda akan menambah atribut tambahan yang mengenal pasti koordinat peta:
Apabila anda membuat peta imej, anda membuat kawasan yang boleh diklik pada imej, jadi koordinat peta mesti bersesuaian dengan ketinggian dan lebar imej yang anda pilih. Peta menyokong tiga jenis bentuk:
- rect-segi empat atau angka empat sisi
- poli-poligon atau angka berbilang segi
- bulatan-bulatan
Untuk membuat kawasan, anda mesti mengasingkan koordinat tertentu yang anda ingin peta. Peta mungkin terdiri daripada satu atau lebih kawasan yang ditentukan pada imej yang, apabila diklik, membuka pautan baru.
Untuk segi empat tepat , anda memetakan hanya sudut kiri dan kanan atas. Semua koordinat disenaraikan sebagai x, y (over, up). Jadi, untuk sudut kiri atas 0,0 dan sudut kanan bawah 10,15 anda akan menaip 0,0,10,15 . Anda kemudian masukkannya dalam peta: