แผนผังรูปภาพคือรูปภาพที่มี URL "ที่แมป" ไว้ คุณสามารถตกแต่งเว็บไซต์หรือหน้าเริ่มต้นส่วนตัวด้วยแผนที่รูปภาพพร้อมเว็บไซต์โปรดที่คุณชอบเยี่ยมชม มีซอฟต์แวร์มากมายที่คุณทำได้ แต่บทความนี้จะใช้ Gimp
ขั้นตอน
ขั้นตอนที่ 1 รวบรวมกราฟิกเริ่มต้นที่คุณจะทำแผนที่
คุณสามารถใช้รูปภาพ รูปภาพ อะไรก็ได้ที่เหมาะกับคุณ ที่นี่ เราจะใช้ wikiHow ฟอรัม wikiHow และ iGoogle
ขั้นตอนที่ 2 หลังจากสร้างภาพ (หรือเปิด) ให้ไปที่ตัวกรอง >> เว็บ >> ImageMap
หน้าจอโต้ตอบ Gimp ImageMap
ขั้นตอนที่ 3 คลิกที่สี่เหลี่ยมผืนผ้าที่ด้านขวาของหน้าจอ จากนั้นเลือกภาพใดภาพหนึ่งที่คุณต้องการใช้
ในภาพหน้าจอนี้ wikiHow ถูกเลือกไว้ กรอกข้อมูลที่จำเป็นในหน้าจอโต้ตอบที่ปรากฏขึ้น
คลิกที่สี่เหลี่ยมผืนผ้าและคุณจะเห็นตำแหน่งที่แน่นอนของกราฟิก
ขั้นตอนที่ 4 ดำเนินการตามขั้นตอนนี้ต่อไปในส่วนที่เหลือของแผนที่
ขั้นตอนที่ 5. เมื่อคุณกำหนดพื้นที่ลิงก์ทั้งหมดเสร็จแล้ว ให้บันทึกแผนที่รูปภาพของคุณ
GIMP จะเสนอให้บันทึกเป็นไฟล์ที่มีนามสกุล.map โดยอัตโนมัติ หากคุณต้องการคุณสามารถบันทึกได้ แต่ไฟล์นี้มีโค้ด HTML (ไม่มีรูปภาพ) ที่เราจำเป็นต้องแก้ไขและคัดลอกไปยังหน้าเว็บของเราเอง ดังนั้นจึงแนะนำให้คุณบันทึกเป็น [filename].html และข้ามไปยังขั้นตอนที่ 7 โดยตรง
ขั้นตอนที่ 6 หากคุณยังไม่ได้บันทึกเป็นไฟล์ HTML ให้ค้นหาไฟล์ที่บันทึกไว้และเปลี่ยนชื่อนามสกุลเป็น.html
คุณอาจได้รับคำเตือนเกี่ยวกับการเปลี่ยนนามสกุลไฟล์ คลิกใช่เพื่อดำเนินการต่อ
ขั้นตอนที่ 7 ใช้โปรแกรมแก้ไขข้อความเพื่อเปิดไฟล์ HTML นี้
คุณจะสังเกตเห็นว่าไฟล์นี้ประกอบด้วยรายการพิกัดและ URLS นี่คือรหัสที่บอกเบราว์เซอร์ว่าต้องกำหนด URL ใดให้กับส่วนใดของรูปภาพของคุณ
ขั้นตอนที่ 8. ตรวจสอบให้แน่ใจว่าเส้นทางไฟล์ที่กำหนดไว้ใน
ลิงก์ไปยังรูปภาพที่คุณต้องการให้จับคู่ URL
การไม่ชี้ไปที่รูปภาพอย่างถูกต้องอาจทำให้ไม่มีภาพแสดงเลย
ขั้นตอนที่ 9 ไม่บังคับ:
ใช้เบราว์เซอร์เพื่อเปิดไฟล์ HTML ของคุณ หากทุกอย่างใช้งานได้ คุณควรเห็นภาพที่มี URL ทั้งหมดที่แมปตามพื้นที่ที่คุณกำหนด
ขั้นตอนที่ 10 เพิ่มแผนที่รูปภาพของคุณลงใน HTML ของหน้าเว็บของคุณ
คุณจะต้องคัดลอกโค้ดทุกบรรทัดที่คุณเห็น รวมถึง
แท็ก (ซึ่งกำหนดเส้นทางไปยังรูปภาพต้นทางของคุณ) และทุกอย่างระหว่างแท็ก แค่นั้นแหละ! คุณทำเสร็จแล้ว