บทที่ 6
การเชื่อมโยง
1.การสร้างจุดเชื่อมโยง
การสร้างจุดเชื่อมโยง (Hyperlink) เป็นการเชื่อมโยงกันจากจุดหนึ่งของเอกสารไปยังอีกตำแหน่งหนึ่งของเอกสารเดียวกันหรือต่างเอกสารกันบนอินเตอร์เน็ต โดยใช้ ข้อความ ภาพหรือเมนูแบบดร็อปดาวน์อย่างในอย่างหนึ่ง เพื่อเป็นต้นทางในการเชื่อมโยงไปสู่เอกสารปลายทาง ซึ่งอาจเป็นจุดใดจุดหนึ่งในเอกสารเดียวกัน (Named Anchor), เว็บเพจอื่น ๆ ,เว็บไซต์, อีเมล์ ,หรือแม้แต่ไฟล์ข้อมูลสำหรับดาวน์โหลดและการรันไฟล์โปรแกรม เป็นต้น
การกำหนดเป้าหมายการเชื่อมโยง
ในกรณีที่เว็บเพจมีเนื้อหายาว ๆ แสดงผลไม่พอกับจอภาพ ผู้อ่านจะต้องเลื่อนหน้าจอเพื่อดูข้อมูลด้านล่าง ผู้ออกแบบเว็บเพจควรกำหนดการเชื่อมโยงโดยสร้างเป็นหัวเรื่องแยกไว้ ต่างหาก เมื่อผู้อ่านต้องการทราบข้อมูลเรื่องนั้นสามารถคลิกที่ชื่อเรื่องแล้วเชื่อมโยงไปยังเนื้อเรื่องนั้นทันที
การเชื่อมโยงในหน้าเว็บเดียวกัน มีขั้นตอน ดังนี้
1. คลิกที่รูปภาพ ข้อความหรือตารางที่เราต้องการกำหนดจุดเป้าหมาย
2. เลือกคำสั่ง Insert > Name Anchor หรือใช้แป้น Ctrl + Alt + A จะได้หน้าต่าง
3. ตั้งชื่อจุดเป้าหมาย
4. คลิก OK จะปรากฏรูปสมอเรือกำกับอยู่ที่จุดเป้าหมาย
การสร้างการเชื่อมโยงไปยังเป้าหมาย
เมื่อได้เป้าหมายแล้ว ขั้นต่อไปก็จะต้องสร้างการเชื่อมโยงให้ตรงกับความหมายดังนี้
1. คลิกที่รูปภาพ ข้อความหรือตารางที่เราจะทำการเชื่อมโยง
2. ไปที่ Properties ในช่อง Link ให้พิมพ์เครื่องหมาย # ตามด้วยชื่อ Anchor ที่ได้ตั้งไว้
3. ตรงจุดเชื่อมโยงจะปรากฏอักษรสีน้ำเงินและขีดเส้นใต้ขึ้นมา
4. กดแป้น F12 เพื่อดูผลบนเว็บเบราว์เซอร์
5. เมื่อเลื่อนเมาส์ไปตรงจุดลิงค์ เมาส์จะเป็นรูปมือ
การสร้างจุดเชื่อมโยง (Hyperlink) เป็นการเชื่อมโยงกันจากจุดหนึ่งของเอกสารไปยังอีกตำแหน่งหนึ่งของเอกสารเดียวกันหรือต่างเอกสารกันบนอินเทอร์เน็ต
โดยใช้ข้อความภาพหรือเมนูแบบดร็อปดาวน์อย่างใดอย่างหนึ่ง
เพื่อเป็นต้นทางในการเชื่อมโยงไปสู่เอกสารปลายทาง
การกำหนดเป้าหมายการเชื่อมโยง
เป็นการเชื่อมโยงในเว็บเพจเดียวกัน หรือลิงค์ไปยังไฟล์อีกไฟล์ที่อยู่ในเว็บไซต์เดียวกันโดยให้เปิดไฟล์นั้นขึ้นมาทั้งไฟล์ การเชื่อมโยงในเว็บไซต์เดียวกัน มีวิธีการดังนี้
1. คลิกที่รูปภาพ ข้อความหรือตารางที่เราต้องการใช้เป็นจุดเชื่อมโยง
2. ไปที่ช่อง Link เพื่อเลือกไฟล์
3. จะได้หน้าต่าง Select File เลือกไฟล์ที่ต้องการแล้วกด OK
|
4. บันทึกไฟล์ กดแป้น F12 เพื่อดูผลบนเว็บเบราว์เซอร์
การกำหนดการเชื่อมโยงไปยังเว็บไซต์อื่น ๆ ที่เกี่ยวข้อง เพื่อต้องการให้ผู้ชมศึกษาข้อมูลเพิ่มเติม มีขั้นตอนดังนี้
1. เลือกองค์ประกอบที่จะสร้างไฮเปอร์ลิงค์ เช่น ข้อความ , ภาพ
2. พิมพ์ URL ของเว็บไซต์ปลายทาง
|
4.การเชื่อมโยงไปยังอีเมล์
การเชื่อมโยงไปยังอีเมล์ คือ การสร้างอีเมล์แอดเดรสของเราไว้สำหรับ ให้ผู้ต้องการจะติดต่อได้พิมพ์จดหมายส่งมาได้ทันทีโดยไม่ต้องเสียเวลาพิมพ์อีเมล์แอดเดรสอีก โดยปกติจะอยู่ในเว็บเพจหน้า ”ติดต่อบริษัท”
1. เลือกข้อความ หรือภาพที่สร้างไฮเปอร์ลิงค์เพื่อส่งอีเมล์
2. พิมพ์ mailto: ตามด้วยอีเมล์แอดเดรส
Map Link คือ การแบ่งรูปภาพออกเป็นบริเวณย่อยเฉพาะบางส่วนของรูปภาพเพื่อกำหนดให้เป็นลิงค์ไปยังปลายทางที่แตกต่างกัน เนื่องจากในภาพสามารถมีได้หลายลิงค์ด้วยกัน
การเชื่อมโยงแบบแมพลิงค์ มีวิธีดังนี้
1. คลิกเลือกรูปที่ต้องการสร้างลิงค์
2. เลือกเครื่องมือใน Properties Inspector
สำหรับวาดพื้นทีลิงค์เป็นสี่เหลี่ยม
สำหรับวาดพื้นทีลิงค์เป็นหลายเหลี่ยม
|
3. วาดบริเวณที่ต้องการลิงค์
4. พิมพ์ชื่อเว็บเพจปลายทางในช่องลิงค์
การแก้ไขการเปิดหน้าเว็บเพจเป็นการกำหนดให้แสดงเว็บเพจที่ลิงค์ตรงที่ใด ๆ แบ่งเว็บเพจ โดยแบ่งออกเป็น 4 ลักษณะดังนี้
_blank เป็นการเปิดเว็บเพจปลายทาง
_parent เป็นการแสดงเว็บเพจในเฟรมที่ครอบอยู่ในเฟรมปัจจุบัน
_self เป็นการแสดงเว็บเพจในเฟรมเดิมของลิงค์
_top เป็นการแสดงเว็บเพจในหน้าวินโดวส์เดิม โดยยกเลิกเฟรมที่ครอบอยู่ทั้งหมด
|
7.การกำหนดคุณสมบัติการเชื่อมโยง
การเชื่อมโยงที่กำหนดไว้ใน Properties เป็นคุณสมบัติที่ตั้งค่าไว้ใน Page Properties ซึ่งสามารถกำหนดคุณสมบัติการเชื่อมโยงดังนี้
1. คลิกขวาที่หน้าเว็บเพจ แล้วเลือกคำสั่ง Page Properties
2. คลิกที่คำสั่ง Links ที่ category เลือกคุณสมบัติต่าง ๆ ด้านขวามือ
3. เลือกรูปแบบแล้วคลิกกด OK
|