|
บทที่ 9
การทำลิงค์ในหน้าเดียวกัน
Anchor
Name
เป็นการลิงค์ภายในเวบเพจเดียวกัน
ใช้ในกรณีที่มีหัวข้อย่อยหลายหัวข้อและแต่ละหัวข้อมีเนื้อหาที่มาก
เพื่อเป็นการสะดวก ในการค้นหาเพราะว่าอยูภายในเวบเพจเดียวกัน
ขั้นตอนการทำ
เปิดหน้า Document พร้อมทำงาน
พิมพ์ข้อความดังนี้

topic เป็นตัวอย่างการแสดงหัวข้อย่อย ในที่นี้ใช้ TOPIC 1 ,2 , 3
, 4 ตามลำดับดังรูป จากนั้นจะเป็นรายละเอียดของแต่ละ
หัวข้อ ในที่นี้ใช้
x แทนรายละเอียดของแต่ละ TOPIC
จากนั้นให้มาที่ Object มาที่หัวข้อ Invisibles

ให้เลื่อนเคอร์เซอร์มาให้หน้า TOPIC 1
ให้คลิกที่ Anchor Name ใน Object Invisible
จากนั้นให้ตั้งชื่อใน Dialog box ให้ตั้งชื่อเป็นชื่อที่สื่อให้เรารู้ว่าคืออะไร
ในที่นี้ตั้งเป็น b2

คลิก OK
ต่อไปเป็นการทำลิงค์มาหาหัวข้อ TOPIC 1 ที่เราได้สร้าง Anchor Name
ทำการป้ายทับข้อความ TOPIC 1 ดังภาพ

จากนั้นให้มาที่ Properties inspector ในช่องลิงค์ให้ใส่ค่า #b2
เป็นการทำลิงค์ภายในเพจเดียวกัน

ให้ทำแบบเดียวกับ TOPIC ที่เหลือโดยใส่ชื่อเป็น b3 b4 b5 ตามลำดับ
และอย่าลืมใส่เครื่องหมาย # ในช่องลิงค์และตามด้วย
b3 b4 b5
ทดสอบโดยการกด F12 และลองคลิกที่ลิงค์ สังเกตว่าหลังจากที่คลิกหน้าเพจจะเลื่อนมายัง
TOPIC ที่ได้ทำลิงค์ไว้โดยอัตโนมัติ
|