การสร้างเชื่อมโยงไปยังตําแหน่งต่าง ๆ

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

การวางตัวชี้ตําแหน่งในหน้าเว็บเพจ

การสร้างจุดเชื่อมโยงไปยังตําแหน่งต่าง ๆ ต้องเริ่มจากการกําหนดตําแหน่ง โดยการสร้างตัวชี้ ตําแหน่งเอาไว้ก่อน ซึ่งมีขั้นตอนดังนี้

1. คลิกวางเคอร์เซอร์ตรงตําแหน่ง ที่ต้องการจะ สร้างตัวชี้ตําแหน่ง

2. คลิกเมนู Insert > Named Anchor จากนั้นหน้าต่าง Named Anchor จะปรากฏขึ้น นอกจากนี้ ยังสามารถคลิกปุ่ม Named Anchor ในหน้าต่างInsert เพื่อสร้างตัวชี้ตําแหน่งก็ได้เช่นกัน

3. ใส่ชื่อตัวชี้ตําแหน่งที่ช่อง Anchor Name : ซึ่ง ในที่นี้กําหนดเป็น Top

4. คลิกปุ่ม สัญลักษณ์ของตัวชี้ตําแหน่งจะปรากฏที่หน้าข้อความตรงที่วางเคอร์เซอร์ไว้

5. คลิกวางเคอร์เซอร์ตรงตําแหน่ง ที่ต้องการจะ สร้างตัวชี้ตําแหน่งเพิ่ม ในที่นี้กําหนดไว้ที่คําว่า “ ภาระงาน ”

6. คลิกปุ่ม จากหน้าต่าง Insert

7. ใส่ชื่อตําแหน่งที่ช่อง Anchor Name :

8. คลิกปุ่ม จะเกิดสัญลักษณ์ของตัวชี้ตําแหน่งที่หน้าข้อความ

 

การสร้างลิงค์ไปยังตําแหน่งที่ต้องการ

หลังจากกําหนดตําแหน่งที่ต้องการจะลิงค์ และ สร้างตัวชี้ตําแหน่งแล้ว ต่อไปเราก็สามารถสร้างลิงค์ไปยังตําแหน่งต่างๆ ที่สร้างตัวชี้ตําแหน่งเอาไว้ได้ ดังต่อไปนี้

1. แดรกเมาส์ที่ข้อความ ในที่นี้เลือก Introduce

2. พิมพ์เครื่องหมาย # แล้วตามด้วยชื่อตัวชี้ตําแหน่งที่สร้างไว้ อย่างเช่น #targettop

3. กดปุ่ม <Enter>

4. เลื่อน Scorollber ลงไปด้านล่าง

5. แดรกเมาส์ที่ข้อความ Top เพื่อสร้างลิงค์ไปยังอีกจุดหนึ่ง

6. พิมพ์เครื่องหมาย # แล้วตามด้วยชื่อตัวชี้ตําแหน่ง ในช่อง Link โดยในที่นี้ คือ #Top

7. กดปุ่ม <Enter>

8. กดปุ่ม <F12> เพื่อดูการแสดงผล

9. คลิกลิงค์ Introduce

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

10. คลิกลิงค์ Top

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

 

รูปแบบการแสดงเว็บเพจปลายทาง

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

1. คลิกข้อความที่ต้องการสร้างลิงค์

2. กรอกชื่อเว็บปลายทาง ที่ต้องการลิงค์ไปใน ช่อง Link

3. เลือกรูปแบบ _blank ที่ช่อง Target เพื่อแสดงหน้าเว็บเพจปลายทางในหน้าต่างใหม่

4. กดปุ่ม <F 12 > เพื่อดูผลผ่านทางบราวเซอร์

5. ทดลองคลิกลิงค์ จะเห็นว่าเว็บเพจปลายทางจะแสดงขึ้นมาในหน้าต่างใหม่

นอกจากรูปแบบที่แสดงในตัวอย่างข้างต้นแล้วยังมีรูปแบบการแสดง ของหน้าเว็บเพจปลายทางอื่นอีก

ดังต่อไปนี้

_blank แสดงหน้าเว็บเพจปลายทางในหน้าต่างบราวเซอร์ใหม่ คนละหน้าต่างกับต้นทาง

_top แสดงเว็บเพจปลายทาง ในหน้าต่างบราวเซอร?เดิม

_self ในกรณีที่เว็บเพจมีหลายเฟรม วิธีนี้จะแสดงเว็บเพจปลายทางที่เฟรมปัจจุบัน (เฟรมเดียวกับต้นทาง)

_parent หากมีการกําหนดให้หน้าต่างบราวเซอร์เชื่อโยงกันหลายหน้าต่าง การแสดงเว็บเพจปลายทางในลักษณะนี้จะเป็นการกลับไปแสดงที่หน้าต่าง แรกสุดจากหน้าต่างที่เชื่อโยงกันอยู่

 

การสร้างลิงค์ระหว่างเฟรม

กรณีที่สร้างหน้าเว็บเพจโดยประกอบด้วยหลายๆ เฟรม การกําหนดให้มีการเชื่อโยง ระหว่างแต่ละเฟรม อย่างเช่น หน้าเว็บเพจมีทั้งหมด 3 เฟรม ถ้าเราสร้างต้นทางของลิงค์ไว้ในเฟรมทางด้านซ้าย เมื่อคลิกลิงค์ที่ เว็บเพจปลายจะแสดงขึ้นมาทางเฟรมด้านขวา

สําหรับวิธีการลิงค์ระหว่างเฟรม สามารถทําได้ดังนี้

1. กําหนดชื่อเฟรมที่อยู่ทางด้านบนสุด เป็น headframe

2. กําหนดชื่อเฟรมที่อยู่ด้านซ้ายมือ เป็น nenuframe

3. กําหนดชื่อเฟรมที่อยู่ด้านขวามือ เป็น mainframe

4. แดรกเมาส์เลือกข้อความที่จะสร้างเป็นต้นทาง ของลิงค์

5. กําหนดหน้าเว็บเพจปลายทางที่จะลิงค์ในช่อง Link

6. คลิกเลือก mainframe ซึ่งเป็นชื่อของเฟรม ทางด้านขวาจากช่อง Target เพื่อกําหนดให้แสดงหน้าเว็บเพจปลายทางที่เฟรมทางด้านขวา

7. คลิกพื้นที่ว่าง

8. กดปุ่ม <F 12 > เพื่อดูการแสดงผลผ่านทางบราวเซอร์จากนั้นลองคลิกลิงค์จากต้นทางในเฟรมทางด้านซ้าย จะปรากฏหน้าทางเว็บเพจปลายทางขึ้นมาทางด้านขวา