การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

เราสามารถสร้างการเชื่อมโยงได้หลายแบบด้วยกันดังนี้

  • เชื่อมโยงภายในเว็บเพจเดียวกัน
  • เชื่อมโยงไปยังหน้าเว็บเพจอื่นหรือไฟล์เว็บเพจอื่นในเว็บไซต์เดียวกัน
  • เชื่อมโยงไปยังเว็บไซต์อื่น
  • เชื่อมโยงไปยังอีเมล์ (E-mail link)
  • เชื่อมโยงไปยังไฟล์ดาว์นโหลด

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร
หากข้อมูลในหน้าเว็บเดียวกันมีขนาดยาวมากทำให้ต้องใช้เมาส์เลื่อนแถบสกอลบาร์ดู เราอาจหันมาสร้างลิงค์เชื่อมโยงสองส่วนนี้ ดังตัวอย่างเมื่อเราคลิกข้อความที่เรากำหนดให้เป็นลิงค์ ก็จะเกิดการกระโดดไปยังส่วนล่างของหน้าเว็บเดียวกัน
 
การเชื่อมโยงเว็บเพจคืออะไร
การเชื่อมโยงภายในเว็บเพจเดียวกันนี้ จะต้องมีการกำหนดจุดเชื่อมโยงที่เรียกว่าจุด Anchor (Anchor point) เพื่อให้เกิดการกระโดดไปถึงเมื่อมีการคลิกข้อความลิงค์ ดังตัวอย่างเราจะกำหนดให้รูปภาพ “” เป็นจุด Achor ดังรายละเอียดต่อไปนี้
การเชื่อมโยงเว็บเพจคืออะไร
ขั้นตอนที่ 1 กำหนดจุด Achor

การเชื่อมโยงเว็บเพจคืออะไร
วิธีการกำหนดจุด Anchor ทำได้ดังนี้

  1. กำหนดจุด Anchor
  2. คลิกปุ่ม
    การเชื่อมโยงเว็บเพจคืออะไร
     ในแท็บ Common หรือเลือกเมนู Insert > Named Anchor หรือกด <Ctrl+Alt+A> เพื่อกำหนดจุดเชื่อมโยง
  3. จะปรากฏหน้าต่าง Named Anchor จากนั้นในช่อง Anchor name ให้เราตั้งชื่อจุด Anchor แล้วคลิกปุ่ม
    การเชื่อมโยงเว็บเพจคืออะไร
     เพื่อตกลง
  4. จะแสดงสัญลักษณ์สมอเรือ
    การเชื่อมโยงเว็บเพจคืออะไร
     แสดงว่าได้กำหนดจุดการเชื่อมโยงแล้ว

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร
ขั้นตอนที่ 2 กำหนดข้อความที่จะสร้างเป็นลิงค์
ต่อไปเราจะสร้างข้อความให้เป็นลิงค์เพื่อเชื่อมโยงไปยังจุด Anchor ที่เราสร้างไว้

การเชื่อมโยงเว็บเพจคืออะไร

 

การเชื่อมโยงเว็บเพจคืออะไร
ทำการบันทึกการทำงาน และกดปุ่ม <F12> เพื่อทดสอบดูผลลัพธ์ของการเชื่อมโยงภายในหน้าเว็บเพจเดียวกัน เมื่อเราคลิกที่ตำแหน่งที่สร้างจุดเชื่อมโยงไว้ โปรแกรมจะแสดงเนื้อหาไปยังตำแหน่งที่เราสร้างจุด Anchor ไว้ในขั้นต้น

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

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

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

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

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

 

การเชื่อมโยงเว็บเพจคืออะไร
ในการเชื่อมโยงกับเว็บไซต์อื่น ให้เราระบุ URL ของเว็บเพจนั้น โดยพิมพ์ http:// นำหน้าชื่อเว็บเพจที่เราต้องการเชื่อมโยงด้วยทุกครั้ง เราสามารถกำหนดให้ข้อความหรือภาพที่อยู่หน้าเว็บ เป็นลิงค์เชื่อมโยงไปยังเว็บไซต์อื่นได้

การเชื่อมโยงเว็บเพจคืออะไร

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

การเชื่อมโยงเว็บเพจคืออะไร

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

การเชื่อมโยงเว็บเพจคืออะไร

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

การเชื่อมโยงเว็บเพจคืออะไร

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

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร
ให้สั่งบันทึกหน้าเว็บ และกดปุ่ม <F12> เพื่อทดสอบดูผลลัพธ์การเชื่อมโยงเพื่อดาวน์โหลดไฟล์จากหน้าต่างบราวเซอร์ เมื่อเราคลิกลิงค์ จะปรากฏไดอะล็อกบ็อกซ์ File Download ให้โหลดมายังเครื่องของเรา

การเชื่อมโยงเว็บเพจคืออะไร

            ที่ Property Inspector ในส่วนของ Target เราสามารถกำหนดวิธีเปิดหน้าเว็บที่เชื่อมโยงเมื่อมีการคลิกลิงค์ได้

การเชื่อมโยงเว็บเพจคืออะไร
_blank               ให้เปิดเว็บใหม่ที่เชื่อมโยงในหน้าต่างบราวเซอร์ใหม่อีกหน้าต่าง
การเชื่อมโยงเว็บเพจคืออะไร
_parent              ให้เปิดเว็บใหม่ที่เชื่อมโยงในหน้าต่างบราวเซอร์เดิม
การเชื่อมโยงเว็บเพจคืออะไร
_self                   ให้เปิดเว็บใหม่ที่เชื่อมโยงในหน้าต่างบราวเซอร์เดิม หรือในกรอบเฟรมเดิม
การเชื่อมโยงเว็บเพจคืออะไร
_top                    ให้เปิดเว็บใหม่ที่เชื่อมโยงในหน้าต่างบราวเซอร์เดิม หรือในกรอบเฟรมนอกสุด

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร

การเชื่อมโยงเว็บเพจคืออะไร
 

การเชื่อมโยงเว็บมีอะไรบ้าง

1. การเชื่อมโยงในเว็บเพจเดียวกัน.
2. การเชื่อมโยงภายในเว็บไซต์เดียวกัน เป็นการเชื่อมโยงในเว็บเพจเดียวกัน หรือลิงค์ไปยังไฟล์อีกไฟล์ที่อยู่ในเว็บไซต์เดียวกัน โดย ... .
3. การเชื่อมโยงไปยังเว็บไซต์อื่น ... .
4. การเชื่อมโยงไปยังอีเมลล์ ... .
5. การเชื่อมโยงโดย Map Link. ... .
6. การแก้ไขการเชื่อมโยงเว็บเพจ.
7. การกำหนดคุณสมบัติการเชื่อมโยง.

การเชื่อมโยงข้อมูลต้องใช้อะไรในการเชื่อมข้อมูล

คำสั่งที่ใช้เชื่อมโยงข้อมูล คือ <a href=" ชื่อไฟล์ หรือ URL" >ข้อความหรือรูปภาพที่จุด Link</a> Attribute ที่ใช้ร่วมกับการสร้าง Link ซึ่งจะต้องนำมาวางต่อจากคำสั่งสร้าง link และใช้คำสั่ง target= คุณสมบัติด้านล่าง เช่น <a href=" ชื่อไฟล์" target=_blank>ข้อความหรือรูปภาพที่จุด Link</a>

การเชื่อมโยงไปยังเว็บเพจอื่นต้องใช้คำสั่งใด

การเชื่อมโยงเว็บเพจแบบ Relative Path Names ซึ่งเป็นวิธีที่ใช้ในการอ้างอิงไฟล์เว็บเพจ ไฟล์เอกสาร ไฟล์ให้ดาวน์โหลดที่เก็บในเว็บไซต์เดียวกัน การเชื่อมโยงเว็บเพจไปยังเว็บเพจอื่นในไดเรกทอรีเดียวกันจะสามารถเชื่อมโยงโดยใช้แท็ก <a href…> โดยพิมพ์ชื่อเว็บเพจที่ต้องการลงไป
hyperlink หรือเราเรียกกันสั้นว่า link ซึ่งเราจะเห็นอยู่ในทุกเว็บไซต์ ใช้เพื่อเปิดเว็บเพจอื่นๆใน เว็บไซต์ของเรา หรือเชื่อมโยงไปที่ web site หรือ เว็บเพจอื่นๆ ซึ่งมีความสำคัญมากในเว็บไซต์ 1. สร้าง hyperlink.