ข้อความ/Chen Xiufeng
เมื่อคุณเปิดหน้าเว็บที่มีรูปภาพ บางครั้งคุณจะเห็นสถานการณ์นี้: เมื่อเมาส์ชี้ไปยังส่วนต่างๆ ของรูปภาพ คุณสามารถเปิดไฮเปอร์ลิงก์ต่างๆ ได้ เทคโนโลยีนี้เรียกว่า - โซนรูปภาพของหน้าเว็บ
ลองใช้ Dreamweaver MX และ FrontPage 2003 เป็นตัวอย่างเพื่อดูกระบวนการเฉพาะในการสร้างฮอตสปอตรูปภาพของหน้าเว็บ
1. สร้างฮอตสปอตสำหรับรูปภาพใน Dreamweaver MX
1. เริ่ม Dreamweaver MX (โปรดปฏิบัติตามคำแนะนำสำหรับเวอร์ชันอื่น) เปิดไฟล์หน้าเว็บที่คุณต้องการสร้างฮอตสปอตสำหรับรูปภาพ เลือกรูปภาพที่เกี่ยวข้อง และ "คุณสมบัติ" แผงจะเปลี่ยนเป็นสถานะ "คุณสมบัติรูปภาพ" โดยอัตโนมัติ (รูปที่ 1)
2. เลือกประเภทพื้นที่ร้อน (เช่น "วงรี") จากนั้นลากไปบนภาพเพื่อสร้างพื้นที่ร้อน (ดูรูปที่ 1)
รูปที่ 1
หมายเหตุ: โซนร้อนเทียบเท่ากับการเพิ่มเลเยอร์กราฟิกให้กับรูปภาพ ขนาดและตำแหน่งของโซนร้อนสามารถปรับได้ด้วยเมาส์
3. ป้อน URL ที่จะเชื่อมโยงในกล่องทางด้านขวาของ "ลิงก์" (เช่น "http://www.yesky.com") ป้อนอักขระอธิบายบางส่วนในช่องหลัง "Replacement" (เช่น "Tianji .com" ); กดปุ่มแบบเลื่อนลงทางด้านขวาของ "เป้าหมาย" และเลือกวิธีเปิดหน้าที่เชื่อมโยงในรายการแบบเลื่อนลงที่ปรากฏขึ้น (หากคุณต้องการให้หน้าที่เชื่อมโยงเปิดในหน้าต่างใหม่ ให้เลือก ตัวเลือก "_blank")
หมายเหตุ: อักขระที่ป้อนในกล่อง "แทนที่" จะปรากฏบนเพจเมื่อเมาส์ชี้ไปที่ฮอตสปอตเมื่อเรียกดูเว็บเพจ (รูปที่ 2)
รูปที่ 2
4. ทำซ้ำขั้นตอนที่ 2 และ 3 ด้านบนเพื่อสร้างฮอตสปอตหลายจุดในส่วนต่างๆ ของภาพ
2. สร้างฮอตสปอตสำหรับรูปภาพใน FrontPage2003
1. เริ่ม FrontPage2003 และเปิดไฟล์หน้าเว็บที่ต้องการสร้างฮอตสปอตสำหรับรูปภาพ
2. ดำเนินการคำสั่ง "View→Toolbar→Picture" เพื่อขยายแถบเครื่องมือ "Picture" (รูปที่ 3)
รูปที่ 3
3. เลือกประเภทพื้นที่ร้อน (เช่น "สี่เหลี่ยมผืนผ้า") จากนั้นลากพื้นที่ร้อนบนรูปภาพ ในเวลานี้ ระบบจะแสดงกล่องโต้ตอบ "แทรกไฮเปอร์ลิงก์" ขึ้นมาโดยอัตโนมัติ (รูปที่ 4)
รูปที่ 4
4. กรอก URL ที่จะลิงค์ในแถบ "Address" (เช่น "www.yesky.com"); คลิกปุ่ม "Screen Tips" เพื่อเปิดกล่องโต้ตอบ "Set Screen Hyperlink Tips" (รูปที่ 5) ให้ป้อนอักขระคำอธิบายบางตัว (เช่น "天极网")
รูปที่ 5
หมายเหตุ: "เคล็ดลับหน้าจอ" ที่นี่เหมือนกับฟังก์ชัน "Alternative" ของ Dreamweaver MX
4. ในทำนองเดียวกัน ให้ทำซ้ำขั้นตอนที่ 3 และ 4 ข้างต้นเพื่อสร้างฮอตสปอตหลายจุดในส่วนต่างๆ ของภาพ