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

การเชื่อมโยงภายใน Web page
การเชื่อมโยงweb page - Web page
การเชื่อมโยงภายนอก Web page

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

           เว็บเพจ (Web page) จำนวนนับล้านหน้าที่พบได้ในอินเทอร์เน็ต (Internet) จะไม่มีประโยชน์เลย หากขาดการเชื่อมโยงถึงกัน โดยการเชื่อมโยง (Link) ซึ่งเป็นสิ่งที่ช่วยให้ผู้ใช้สามารถท่องอินเตอร์เน็ตโดยการ Click Mouse เพื่อเปลี่ยนไปดูหน้าเว็บเพจ (Web page) ต่าง ๆ
           การใช้การเชื่อมโยง (Link) นี้เองทำให้เว็บเพจ (Web page) แตกต่างจากเอกสารธรรมดา เพราะจะทำให้ เนื้อหาในเว็บเพจ (Web page) สามารถตอบสนองผู้ใช้ได้ โดยที่ผู้ใช้ไม่ต้องอ่านเนื้อหาทั้งหมด ในเอกสารเว็บเพจ (Web page) แต่ละหน้า แต่สามารถ Click Mouse เปิดดูเฉพาะเว็บเพจ (Web page) ที่สนใจ

การสร้างการเชื่อมโยง Link รูปแบบต่าง ๆ

           เพื่อเชื่อมโยง ข้อมูลในเว็บเพจ (Web Page) หรือเว็บไซต์ (Web site) เข้าด้วยกัน ด้วยคำสั่ง (Tag)

<A HREF=”สิ่งที่ต้องการเชื่อมโยง”>สิ่งที่ต้องการแสดงจุดกำหนดการเชื่อมโยง</A>

การสร้างจุดเชื่อมโยง (Link)

<A HREF=”สิ่งที่ต้องการเชื่อมโยง”>ข้อความที่ต้องการแสดงจุดกำหนดการเชื่อมโยง</A>

<A HREF=”สิ่งที่ต้องการเชื่อมโยง”><IMG SRC=”ชื่อแฟ้มรูปภาพที่ต้องการแสดงจุดกำหนดการเชื่อมโยง”></A>

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

          สามารถแบ่งการเชื่อมโยงออกได้เป็น

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

การใช้ Link เชื่อมโยงข้อมูลภายในเว็บเพจ เดียวกัน
           การเชื่อมโยง (Link) ภายในหน้าเว็บเพจ หากเรามีข้อมูลภายในเว็บเพจเดียวกันแต่ข้อมูลมีความยาวมาก หรือมีหัวข้อย่อยที่จำเป็นต้องแสดงในหน้าเว็บเพจนี้มาก และไม่ต้องการให้ผู้ใช้หรือผู้เยี่ยมชมต้องสับสนกับการสืบค้นข้อมูล จีงจำเป็นที่จะต้องแบ่งข้อมูลออกเป็นส่วนตามความสำคัญของหัวข้อของข้อมูล แล้วสร้างจุดเชื่อมโยงที่ต้องการเชื่อมโยง โดยเมื่อมีการ Click Mouse ที่ Link ให้ มีการกระโดดไปที่ข้อมูลส่วนนั้น เราต้องกำหนดจุดเชื่อมโยงปลายทาง (Target) ให้กับส่วนของข้อมูลหรือหัวข้อของข้อมูลที่ต้องการแสดงด้วยคำสั่ง

<A NAME = "#ชื่อจุดเชื่อมโยง"> จุดเชื่อมโยง</A>

           และให้แสดงผลการเชื่อมโยง (Link) ไปที่จุดเชื่อมโยงนั้นเมื่อมีการ Click Mouse โดยใช้คำสั่ง

<A HREF = "#ชื่อจุดเชื่อมโยง"> ข้อความที่ใช้เป็นจุดเชื่อมโยง</A> หรือ

<A HREF = "#ชื่อจุดเชื่อมโยง"> <IMG SRC=”ชื่อแฟ้มรูปภาพ”></A>

ข้อควรระวัง ****

  1. ชื่อจุดเชื่อมโยง จะต้องเป็นชื่อเดียวกัน จึงจะสามารถสร้างการเชื่อมและแสดงผลการเชื่อมโยงได้
  2. ข้อความที่ใช้เป็นจุดเชื่อมโยง สามารถเปลี่ยนเป็นรูปภาพด้วยคำสั่ง (Tag)

<IMG SRC=”ชื่อแฟ้มรูปภาพ> เมื่อต้องการแสดงจุดกำหนดการเชื่อมโยงด้วยรูปภาพ****

แบบฝึก
กลับขึ้นข้างบน

 

การใช้ Link เชื่อมโยงข้อมูลต่างเว็บเพจ

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

  1. สร้างเอกสารทั้ง 4 หน้านั้นให้เรียบร้อย แล้วจัดเก็บโดยใช้ชื่อที่ต้องการและส่วนขยายเป็น HTML หรือ HTM เช่น
    1. เว็บเพจหน้าที่ 1 ตั้งชื่อเป็น 001.html
    2. เว็บเพจหน้าที่ 2 ตั้งชื่อเป็น 002.html
    3. เว็บเพจหน้าที่ 3 ตั้งชื่อเป็น 003.html
    4. เว็บเพจหน้าที่ 4 ตั้งชื่อเป็น 004.html
  2. กำหนดให้หน้าเว็บเพจหน้าใดหน้าหนึ่ง หรือสร้างหน้าเว็บเพจใหม่เป็นหน้าหลัก เพื่อเชื่อมโยงไปยังหน้าเว็บเพจทั้ง 4 ตั้งชื่อเว็บเพจนั้นตามต้องการ เช่น Menu.html
  3. สร้างเมนู (Menu) หรือหัวข้อสำหรับการเชื่อมโยง
  4. กำหนดการแสดงผลของหน้าเว็บเพจที่เชื่อมโยงแล้ว
โดยใช้คำสั่งสำหรับการเชื่อมโยง (Link)

<A HREF = “001.html">ข้อความที่ใช้เป็นจุดเชื่อมโยง </A> หรือ

<A HREF = "001.HTML"> <IMG SRC=”ชื่อแฟ้มรูปภาพ”> </A>

 

แบบฝึก
กลับขึ้นข้างบน

 

 

 การเชื่อมโยง (Link) ไปยังเว็ปไซต์ (Web site) อื่น
           เราสามารถเชื่อมโยงข้อมูลกับเว็บไซต์ (Web site) อื่นได้โดยการระบุ URL หรือ IP ADDRESS ของเว็บเพจ (Web page) หรือเว็บไซต์ (Web site) ที่ต้องการ ในคำสั่ง

<A HREF = "URL ของเว็บไซต์ที่ต้องการเชื่อมโยง"> ข้อความที่ใช้เชื่อมโยง</A> หรือ

<A HREF = " URL ของเว็บไซต์ที่ต้องการเชื่อมโยง"><IMG SRC=”ชื่อแฟ้มรูปภาพ”> </A>

           เช่น

<A HREF="http://www2.SE-ED.NET/WA_TR">โรงเรียนวัดบางกะพ้อม</A>

<A HREF="http://www2.SE-ED.NET/WA_TR"><IMG SRC=”LOGO.JPG></A> เป็นต้น