แผนที่รูปภาพเป็นเพียงแท็ก HTML ง่ายๆ
แผนที่รูปภาพเป็นวิธีที่น่าสนใจและน่าสนใจในการทำให้เว็บไซต์ของคุณมีชีวิตชีวาขึ้นด้วยภาพเหล่านี้คุณสามารถอัปโหลดภาพและทำให้บางส่วนของภาพเหล่านั้นสามารถคลิกไปยังเนื้อหาออนไลน์อื่น ๆ ได้ หากคุณกำลังหยิกและไม่ต้องการดาวน์โหลดตัวแก้ไขแผนที่รูปภาพการสร้างแผนที่โดยใช้แท็ก HTML ก็ตรงไปตรงมา
คุณจะต้องมีภาพโปรแกรมแก้ไขรูปภาพและ โปรแกรมแก้ไข HTML หรือโปรแกรมแก้ไขข้อความบางอย่าง บรรณาธิการภาพส่วนใหญ่จะแสดงพิกัดของเมาส์เมื่อคุณชี้ไปที่ภาพ ข้อมูลพิกัดนี้เป็นสิ่งที่คุณต้องใช้ในการเริ่มต้นใช้แผนที่ภาพ
การสร้างแผนที่รูปภาพ
ก่อนอื่นให้เลือกภาพที่จะใช้เป็นพื้นฐานของแผนที่ ภาพควรเป็น "ขนาดปกติ" นั่นคือคุณไม่ควรใช้ภาพขนาดใหญ่ที่เบราว์เซอร์จะปรับขนาด
เมื่อคุณแทรกรูปภาพคุณจะต้องเพิ่มแอตทริบิวต์พิเศษที่ระบุพิกัดของแผนที่:
เมื่อคุณสร้างแผนที่รูปภาพคุณจะสร้างพื้นที่ที่สามารถคลิกได้บนรูปภาพดังนั้นพิกัดของแผนที่ต้องตรงกับความสูงและความกว้างของภาพที่คุณเลือก แผนที่สนับสนุนรูปทรงต่างๆสามรูปแบบ:
- สี่เหลี่ยมผืนผ้าหรือสี่ด้าน
- poly - รูปหลายเหลี่ยมหรือรูปหลายเหลี่ยม
- วงกลม - วงกลม
ในการสร้างพื้นที่คุณต้องแยกแยะพิกัดเฉพาะที่คุณต้องการทำแผนที่ แผนที่อาจประกอบด้วยพื้นที่ที่กำหนดไว้อย่างน้อยหนึ่งพื้นที่ในรูปภาพที่เมื่อคลิกเปิดลิงก์เชื่อมโยงใหม่
สำหรับ สี่เหลี่ยมผืนผ้า คุณทำแผนที่เฉพาะมุมบนซ้ายและล่างขวา พิกัดทั้งหมดจะแสดงเป็น x, y (over, up) ดังนั้นสำหรับมุมด้านซ้ายบนและมุมล่างขวา 10,15 คุณจะพิมพ์ 0.0,10,15 จากนั้นคุณจะรวมไว้ในแผนที่: