การทำลิงก์ด้วยภาพ

          การทำลิงก์ด้วยภาพ มีวิธีการรูปแบบเดียวกับการทำลิงก์ด้วยข้อความที่กล่าวไปแล้ว แต่มีส่วนเพิ่มเติมคือ สามารถนำภาพ 1 ภาพมาทำจุดลิงก์ได้มากกว่า 1 จุด เรียกว่า Image Map ซึ่งมีวิธีการทำ ดังนี้

        1. เปิดไซต์ที่ทำงานให้ถูกต้อง
        2. เปิดไฟล์ที่จะทำการลิงก์ด้วยภาพ ในตัวอย่างนี้ให้ไฟล์ ชื่อ ว่า index.html
        3. เตรียมรูปภาพที่จะทำลิงก์ด้วยภาพให้มีขนาดภาพที่เหมาะสมกับหน้าเว็บ
ีีีลักษณะหน้าเว็บที่เตรียมรูปภาพสำหรับการลิงก์
วิธีการทำลิงก์ด้วยภาพ
        1. นำเมาส์คลิกที่แถบ Properties ที่รูปภาพ    และไปแตะที่รูปภาพที่ต้องการจะทำลิงก์ ดังภาพหมายเลข 1
        2. คลิกเมาส์ที่แถบ Properties เลือกรูปแบบของพื้นที่จุดลิงก์ มีให้เลือกแบบสี่เหลี่ยม, แบบวงกลม, แบบ รูปอิสระ ดังภาพหมายเลข 2
        3. นำเมาส์มาสร้างพื้นที่ตามที่ต้องการ กรณีที่เลือกการสร้างแบบรูปอิสระ หากต้องการหยุดการสร้างพื้นที่ให้ใช้การดับเบิ้ลคลิก หากต้องการลบ ให้กดแป้น Delete

        4. กำหนดไฟล์หรือจุดลิงก์ในบรรทัด Link โดยการคลิกเมาส์ค้างไว้แล้วลากไปยังไฟล์ที่ต้องการลิงก์ (ดังภาพ ลากจากจุดที่ 4 ไปยังจุดที่ 5)

        5. ทำลิงก์จุดในภาพอื่นต่อไป โดยให้กลับไปปฏิบัติในขั้นตอนที่ 1 - 4 จนครบจุดลิงก์ครบทุกภาพตามต้องการ
 
 
 
เว็บไซต์นี้ แสดงผลได้ดี บนความละเอียด 800x600 Text Size Medium
เว็บไซต์นี้ จัดทำเพื่อใช้ประกอบการเรียนการสอนผ่านระบบเครือข่ายอินเทอร์เน็ตโรงเรียนนวมินทราชูทิศ มัชฌิม
สงวนลิขสิทธิ์ พ.ศ.2545 ตามพระราชบัญญัติลิขสิทธิ์ พ.ศ.2537