หน้าเว็บ

วันพุธที่ 2 มิถุนายน พ.ศ. 2553

การทำลิ้งค์บางส่วนของภาพ หรือ การทำ Image Map

    เมื่อเราทำภาพลงไปในเว็บไซต์ แล้วต้องการทำลิ้งบางส่วนของภาพนั้น ทำได้โดย การใช้ Image Map     ยกตัวอย่างภาพทีมนักเตะสเปน ชุดลุยแชมป์ฟุตบอลโลกปี 2010  และต้องการทำลิงค์แต่ละคนเพื่อให้ลิ้งไปยังประวัติของแต่ละคน ( ยกตัวอย่างนะ )



1 คลิกรูปสี่เหลี่ยม วงกลม หรือ หลายเหลี่ยมที่ ลูกศรสีแดงชี้ นำไปวางที่รูป เพื่อกำหนดขอบเขตของส่วงที่เป็นลิงค์ ปรับขนาดตามความพอใจ
2 พิมพ์ข้อความลงในช่อง Link ว่าต้องการทำลิงค์อะไร เช่น ลิงค์ไปยังเว็บไซต์ รูปภาพ อีเมล์
3กำหนด Target คือ เมื่อคลิกขอบเขตที่กำหนดเป็นลิงค์แล้ว จะปรากฏที่หน้าจอใด สิ่งมีอยู่ 4 แบบ คือ

_blank เปิดหน้าเว็บขึ้นมาใหม่ _parent จะอยู่หน้าหลักของเว็บกรณีที่ใช้เฟรมออกแบบ _self แทนที่
หน้าเว็บเดิมที่เปิดอยู่ _top จะอยู่ด้านบนของหน้าเว็บกรณีที่ใช้เฟรมออกแบบ เลือกแบบใดแบบหนึ่งก่อนก็ได้
4 Save แล้วกด F12 เพื่อแสดงผล ทดสอบโดยนำเม้าส์ไปวาง ตำแหน่งที่ทำลิ้งค์ไว้ ก็จะลิงค์ไปยังที่ที่เรากำหนด
เสร็จแล้วหละครับ.....


ไม่มีความคิดเห็น:

แสดงความคิดเห็น