การใช้การเชื่อมโยง (Link) นี้เองทำให้เว็บเพจ (Web page) แตกต่างจากเอกสารธรรมดา เพราะจะทำให้ เนื้อหาในเว็บเพจ (Web page) สามารถตอบสนองผู้ใช้ได้ โดยที่ผู้ใช้ไม่ต้องอ่านเนื้อหาทั้งหมด ในเอกสารเว็บเพจ (Web page) แต่ละหน้า แต่สามารถ Click Mouse เปิดดูเฉพาะเว็บเพจ (Web page) ที่สนใจ
การสร้างการเชื่อมโยง Link รูปแบบต่าง ๆ
เพื่อเชื่อมโยง ข้อมูลในเว็บเพจ (Web Page) หรือเว็บไซต์ (Web site) เข้าด้วยกัน ด้วยคำสั่ง (Tag)
<A HREF=”สิ่งที่ต้องการเชื่อมโยง”>สิ่งที่ต้องการแสดงจุดกำหนดการเชื่อมโยง</A>
การสร้างจุดเชื่อมโยง (Link)
- การเชื่อมโยง (Link) โดยใช้ข้อความ โดยการใช้ตำสั่ง (Tag) กำหนดให้ข้อความเป็นต้นทางสำหรับการเชื่อมโยงไปยังปลายทางที่ต้องการ
<A HREF=”สิ่งที่ต้องการเชื่อมโยง”>ข้อความที่ต้องการแสดงจุดกำหนดการเชื่อมโยง</A>
- การเชื่อมโยง (Link) โดยใช้รูปภาพ ต้องเตรียมรูปภาพที่จะใช้เป็นจุดเชื่อมโยงก่อน แล้วจึงใช้คำสั่ง (Tag) กำหนดความเชื่อมโยง
<A HREF=”สิ่งที่ต้องการเชื่อมโยง”><IMG SRC=”ชื่อแฟ้มรูปภาพที่ต้องการแสดงจุดกำหนดการเชื่อมโยง”></A>
การสร้างการเชื่อมโยง (Link) สามารถแบ่งการเชื่อมโยงออกได้เป็น
- การเชื่อมโยง (Link) ภายในเว็บไซต์ (Web site)์
- การเชื่อมโยง (Link) ภายในหน้าเว็บเพจเดียวกัน
- การเชื่อมโยง (Link) ต่างหน้าเว็บเพจ
- การเชื่อมโยง (Link) ภายนอก หรือเชื่อมโยงกับเว็บไซต์ (Web Site) อื่น
การใช้ Link เชื่อมโยงข้อมูลภายในเว็บเพจ เดียวกัน
การเชื่อมโยง (Link) ภายในหน้าเว็บเพจ หากเรามีข้อมูลภายในเว็บเพจเดียวกันแต่ข้อมูลมีความยาวมาก หรือมีหัวข้อย่อยที่จำเป็นต้องแสดงในหน้าเว็บเพจนี้มาก และไม่ต้องการให้ผู้ใช้หรือผู้เยี่ยมชมต้องสับสนกับการสืบค้นข้อมูล จีงจำเป็นที่จะต้องแบ่งข้อมูลออกเป็นส่วนตามความสำคัญของหัวข้อของข้อมูล แล้วสร้างจุดเชื่อมโยงที่ต้องการเชื่อมโยง โดยเมื่อมีการ Click Mouse ที่ Link ให้ มีการกระโดดไปที่ข้อมูลส่วนนั้น เราต้องกำหนดจุดเชื่อมโยงปลายทาง (Target) ให้กับส่วนของข้อมูลหรือหัวข้อของข้อมูลที่ต้องการแสดงด้วยคำสั่ง
<A NAME = "#ชื่อจุดเชื่อมโยง"> จุดเชื่อมโยง</A>
และให้แสดงผลการเชื่อมโยง (Link) ไปที่จุดเชื่อมโยงนั้นเมื่อมีการ Click Mouse โดยใช้คำสั่ง
<A HREF = "#ชื่อจุดเชื่อมโยง"> ข้อความที่ใช้เป็นจุดเชื่อมโยง</A> หรือ
<A HREF = "#ชื่อจุดเชื่อมโยง"> <IMG SRC=”ชื่อแฟ้มรูปภาพ”></A>
ข้อควรระวัง **** - ชื่อจุดเชื่อมโยง จะต้องเป็นชื่อเดียวกัน จึงจะสามารถสร้างการเชื่อมและแสดงผลการเชื่อมโยงได้
- ข้อความที่ใช้เป็นจุดเชื่อมโยง สามารถเปลี่ยนเป็นรูปภาพด้วยคำสั่ง (Tag)
<IMG SRC=”ชื่อแฟ้มรูปภาพ> เมื่อต้องการแสดงจุดกำหนดการเชื่อมโยงด้วยรูปภาพ****
การใช้ Link เชื่อมโยงข้อมูลต่างเว็บเพจ
เมื่อมีการแบ่งข้อมูลตามความสำคัญหรือหัวข้อของข้อมูลอยู่คนละหน้าเว็บเพจ และต้องการเชื่อมโยงให้เกิดการแสดงผลร่วมกัน เช่นหากเว็บเพจที่สร้างประกอบด้วยเนื้อหาของข้อมูลซึ่งสร้าง ตามความสำคัญของข้อมูลแล้วได้เว็บเพจจำนวน 4 หน้า และมีความจำเป็นที่จะต้องเชื่อมโยงเว็บเพจทั้ง 4 หน้านั้น เพื่อให้ได้ข้อมูลที่สมบูรณ์ จะต้องดำเนินการตามขั้นตอนต่อไปนี้
- สร้างเอกสารทั้ง 4 หน้านั้นให้เรียบร้อย แล้วจัดเก็บโดยใช้ชื่อที่ต้องการและส่วนขยายเป็น HTML หรือ HTM เช่น
- เว็บเพจหน้าที่ 1 ตั้งชื่อเป็น 001.html
- เว็บเพจหน้าที่ 2 ตั้งชื่อเป็น 002.html
- เว็บเพจหน้าที่ 3 ตั้งชื่อเป็น 003.html
- เว็บเพจหน้าที่ 4 ตั้งชื่อเป็น 004.html
- กำหนดให้หน้าเว็บเพจหน้าใดหน้าหนึ่ง หรือสร้างหน้าเว็บเพจใหม่เป็นหน้าหลัก เพื่อเชื่อมโยงไปยังหน้าเว็บเพจทั้ง 4 ตั้งชื่อเว็บเพจนั้นตามต้องการ เช่น Menu.html
- สร้างเมนู (Menu) หรือหัวข้อสำหรับการเชื่อมโยง
- กำหนดการแสดงผลของหน้าเว็บเพจที่เชื่อมโยงแล้ว
<A HREF = “001.html">ข้อความที่ใช้เป็นจุดเชื่อมโยง </A> หรือ
<A HREF = "001.HTML"> <IMG SRC=”ชื่อแฟ้มรูปภาพ”> </A>
การเชื่อมโยง (Link) ไปยังเว็ปไซต์ (Web site) อื่น
เราสามารถเชื่อมโยงข้อมูลกับเว็บไซต์ (Web site) อื่นได้โดยการระบุ URL หรือ IP ADDRESS ของเว็บเพจ (Web page) หรือเว็บไซต์ (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> เป็นต้น
ไม่มีความคิดเห็น:
แสดงความคิดเห็น