สร้างการเชื่อมโยง

ลิงค์ (Link) หรือ Hyperlink (ไฮเปอร์ลิงค์ ) คือ วิธีการเชื่อมโยงเว็บเพจแต่ละหน้าเข้าด้วยกัน รวมถึงการเชื่อมโยงเว็บไซต์ภายนอกกับเว็บไซต์ของเราไว้ด้วยกัน แต่ก่อนที่เราจะสร้างลิงค์ให้เว็บไซต์ เราจะต้องทำความรู้จักกับองค์ประกอบหลักของลิงค์ก่อนว่ามีส่วนสำคัญอะไรบ้าง

องค์ประกอบของการเชื่อมโยง

ลิงค์จะมีองค์ประกอบหลัก 2 ส่วนด้วยกัน ได้แก่ ลิงค์ต้นทางและลิงค์ปลายทาง ซึ่งมีความแตกต่างกันดังนี้

ลิงค์ต้นทาง คือ จุดเชื่อมโยงที่อยู่บนเว็บเพจของเรา ซึ่งอาจจะเป็นรูปภาพหรือข้อความตัวอักษร เมื่อผู้ใช้คลิกที่่จุดลิงค์เหล่านั้น เว็บเพจใหม่ก็จะถูกเปิดขึ้นมาทันที

ลิงค์ปลายทาง คือ ลิงค์ปลายทางเป็นได้หลากหลายรูปแบบ ไม่ว่าจะเป็นเว็บเพจ เว็บไซต์ โปรแกรม อีเมลหรือคำสั่งต่างๆที่ใช้ในการรันโปรแกรม โดยลิงค์ปลายทางเหล่านี้จะทำงานได้เมื่อผู้ใช้คลิกลิงค์ต้นทางมานั่นเอง

การกำหนดรูปแบบการเปิดหน้าลิงค์

ในการทำลิงค์เชื่อมโยงสิ่งหนึ่งที่ต้องทำความเข้าใจคือ การกำหนดรูปแบบการเปิดหน้าลิงค์หรือ Target ซึ่งสามารถเลือกได้บนพาเนล Properties ซึ่งมีทั้งหมด 5 แบบดังนี้

• _blank เป็นการกำหนดให้เปิดเว็บเพจเป็นหน้าต่างหรือแท็บใหม่ทุกครั้งที่มีการกดลิงค์

• new เป็นการกำหนดให้เปิดเว็บเพจเป็นหน้าต่าง หรือแท็บใหม่ แต่เมื่อคลิกลิงค์อื่นๆที่กำหนด Target เป็น new เหมือนกัน เว็บเพจเหล่านั้นจะโหลดในหน้าเดิมที่เปิดไว้แล้ว

• _parent เป็นการกำหนด Target สำหรับเว็บเพจที่ออกแบบโครงสร้างด้วย Frame ซึ่งจะเป็นการระบุให้เว็บเพจถูกเปิดบนเฟรมหลักที่ครอบเฟรมทั้งหมดไว้

• _self เป็นการกำหนด Target สำหรับเว็บเพจที่ออกแบบโครงสร้างด้วย Frame โดยให้เปิดหน้าเว็บเพจในเฟรมที่ลิงค์นั้นแสดงอยู่

• _top เป็นการกำหนด Target สำหรับเว็บเพจที่ออกแบบโครงสร้างด้วย Frame ให้แสดงเว็บเพจใหม่โดยยกเลิกโครงสร้างเฟรมทั้งหมด

1. อธิบายความหมายของการเชื่อมโยงลิงค์ (Link) หรือ ไฮเปอร์ลิงค์ (Hyperlink) ?

.............................................................................................................................................

2. องค์ประกอบหลักของการเชื่อมโยงหรือลิงค์ (Link) มีอะไรบ้าง?

.............................................................................................................................................

3. ลิงค์ต้นทางกับลิงค์ปลายทางมีความแตกต่างกันอย่างไร?

.............................................................................................................................................

4. ให้นักเรียนยกตัวอย่างและอธิบายรูปแบบของลิงค์ปลายทาง?

.............................................................................................................................................

5. ในการสร้างเว็บไซต์นั้น การเชื่อมโยงหรือลิงค์มีกี่ประเภท อะไรบ้าง?

.............................................................................................................................................