|
|
|
||||||||||||||||||||||||||||||||||||||||||
| 1. การเชื่อมโยงเว็บเพจ | ||||||||||||||||||||||||||||||||||||||||||
| การเชื่อมโยงหน้าเว็บเพจในอินเทอร์เน็ตเข้าด้วยกัน
เป็นสิ่งที่ทำให้เว็บเพจมีความแตกต่างจาก เอกสารธรรมดา เพราะทำให้ผู้ใช้ไม่ต้องเปิดดูตั้งแต่หน้าแรก แต่สามารถคลิกเมาส์เปิดดูเฉพาะหน้าเว็บเพจที่สนใจได้ การเชื่อมโยงบนเว็บเพจมีด้วยกันหลายรูปแบบ อาจแบ่งตามการใช้งาน หรือตามลักษณะของการเชื่อมโยงก็ได้ ถ้าแบ่งตามลักษณะการเชื่อมโยงจะแบ่งการเชื่อมโยงออกเป็น 2 ประเภท คือการเชื่อมโยงภายในเว็บเพจ และการเชื่อมโยงภายนอกเว็บเพจ แต่ถ้าแบ่งตามวัตถุประสงค์ของรูปแบบการใช้งานจะแบ่งการเชื่อมโยงบนเว็บเพจออกเป็นประเภทต่างๆ ดังต่อไปนี้ 1. การเชื่อมโยงภายในเว็บเพจเดียวกัน 2. การเชื่อมโยงภายในเว็บไซต์เดียวกัน 3. การเชื่อมโยงไปยังเว็บไซต์อื่น 4. การเชื่อมโยงด้วยอีเมล์ 5. การเชื่อมโยงไปยังไฟล์ดาวน์โหลด 6. การเชื่อมโยงด้วย Map Link |
||||||||||||||||||||||||||||||||||||||||||
| 2. การเชื่อมโยงภายในเว็บเพจเดียวกัน | ||||||||||||||||||||||||||||||||||||||||||
| หากข้อมูลในหน้าเว็บเพจเดียวกันมีขนาดยาวมาก ทำให้ต้องใช้ Scroll bar เลื่อนดู เราสามารถเชื่อมโยงข้อมูลภายในเพจเดียวกันได้โดย Click mouse ตำแหน่งที่เป็น Link จะกระโดดไปยังข้อมูลส่วนอื่นซึ่งอยู่ในเพจเดียวกัน ดังรูป | ||||||||||||||||||||||||||||||||||||||||||
 |
||||||||||||||||||||||||||||||||||||||||||
 |
||||||||||||||||||||||||||||||||||||||||||
 |
||||||||||||||||||||||||||||||||||||||||||
 |
||||||||||||||||||||||||||||||||||||||||||
| 1.
กำหนดจุด Anchor หรือจุดที่ Link ที่จะกระโดดไปหน้าเว็บเพจนั้น 2. Click mouse ที่ปุ่ม Named Anchor ที่แท็บ Common 3. ตั้งชื่อจุด Anchor จากหน้าจอย่อยที่ปรากฏขึ้น 4. Click ปุ่ม OK 5. ระบุข้อความที่เราต้องการจะเชื่อมโยงไปยังจุด Anchor โดยระบายแถบสีที่ข้อความนั้น 6. กำหนดการเชื่อมโยง โดยการพิมพ์ # ตามด้วยชื่อจุด Anchor ที่ตั้งไว้จากข้อ 3 ในช่อง Link จากหน้าต่าง Properties แล้วเคาะ Enter 7. เซฟแล้วตรวจสอบการ Link จากบราวเซอร์ |
||||||||||||||||||||||||||||||||||||||||||
| 3. การเชื่อมโยงภายในเว็บไซต์เดียวกัน | ||||||||||||||||||||||||||||||||||||||||||
| การเชื่อมโยงบนเว็บเพจโดยมากมักจะใช้ข้อความหรือรูปภาพเป็นตัวเชื่อมโยงสังเกตได้จากข้อ ความจะมีขีดไว้ใต้ข้อความนั้น |
||||||||||||||||||||||||||||||||||||||||||
| 2.1 การเชื่อมโยงข้อความ | ||||||||||||||||||||||||||||||||||||||||||
 |
||||||||||||||||||||||||||||||||||||||||||
| 1.
พิมพ์ข้อความหรือเลือกข้อความที่ต้องการสร้าง Link ลงไปบนเว็บเพจ 2. Click ที่ปุ่ม Browse เพื่อกำหนดไฟล์ที่จะเชื่อมโยงหรือต้องการจะ Link ไป 3. เลือกไฟล์ที่ต้องการจะ Link ไป จากหน้าต่างแล้วคลิกปุ่ม OK 4. เซฟหน้าเว็บเพจแล้วลองดูผลการ Link ที่บราวเซอร์โดยกดปุ่ม F12 ที่ Keyboard |
||||||||||||||||||||||||||||||||||||||||||
| การกำหนดลักษณะของเพจใหม่ที่เชื่อมโยง | ||||||||||||||||||||||||||||||||||||||||||
| เมื่อมีการคลิกที่
link เราสามารถกำหนดการเปิดหน้าเว็บที่เชื่อมโยงได้ เช่น ให้แสดงหน้าเว็บที่เชื่อมโยงได้
เช่น ให้แสดงหน้าเว็บที่เชื่อมโยงในหน้าต่างบราวเซอร์ใหม่ หรือให้แสดงแทนหน้าเพจเดิม
เป็นต้น โดยกำหนดได้จากส่วนของ Target ที่แถบ Properties หรือเลือกได้จาก Modify>
Link Taget ดังนี้ - blank ให้เปิดเพจที่เชื่อมโยงในหน้าต่างบราวเซอร์ใหม่อีกหน้าต่าง - parent ให้เปิดเพจที่เชื่อมโยงในหน้าต่างบราวเซอร์เดิม - self ให้เปิดเพจเชื่อมโยงในเฟรมเดิม หรือหน้าต่างเดิม - top ให้เปิดเพจที่เชื่อมโยง ในหน้าต่างบราวเซอร์เดิมโดยจัดให้เต็มจอ รูปแบบที่เพิ่มมาจากการเชื่อมโยงปกติ คื mainFrame แสดงเพจใหม่ในหน้า mainFrame topFrame แสดงเพจใหม่ในหน้า topFrame leftFrame แสดงเพจใหม่ในหน้า leftFrame |
||||||||||||||||||||||||||||||||||||||||||
| 1.2 การเชื่อมโยงด้วยรูปภาพ | ||||||||||||||||||||||||||||||||||||||||||
| นอกจากการใช้ข้อความเป็น Link แล้ว เรายังสามารถใช้รูปภาพต่างๆ ทำเป็น Link ได้ด้วย เพื่อทำให้เว็บเพจดูหน้าสนใจยิ่งขึ้น | ||||||||||||||||||||||||||||||||||||||||||
 |
||||||||||||||||||||||||||||||||||||||||||
 |
||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
กำหนดพื้นที่ของแต่ละLink
บนรูปเป็นแบบเหลี่ยม แบบกลม หรือแบบอิสระได้