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