วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

1. หน่วยที่ 6
การเชื่อมโยง
ารสร้างเว็บเบื้องต้น
รหัส 20901-2003

2. การเชื่อมโยงในแบบต่างๆ
การเชื่อมโยงในเว็บเพจเดียวกัน
คลิกข้อมูลด้านบน เพื่อลิงค์ไปดูข้อมูล
ด้านล่างที่อยู่ในเว็บเพจเดียวกัน
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

3. การเชื่อมโยงในเว็บเพจเดียวกัน
1. คลิกเลือกตาแหน่งที่ต้องการสร้างเป็น
จุดแองเคอร์
ขั้นตอนที่ 1 กาหนดจุดแองเคอร์
2. คลิกที่ Name Anchor
3. ตั้งชื่อจุดแองเคอร์ คลิกปุ่ม OK
4. แสดงสัญลักษณ์ สมอเรือ
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

4. การเชื่อมโยงในเว็บเพจเดียวกัน
1. เลือกข้อความที่จะกาหนดเป็นลิงค์
ขั้นตอนที่ 2 กาหนดข้อความที่จะสร้างเป็นลิงค์
2. คลิกปุ่ม HTML
3. กาหนดจุดที่จะเชื่อมโยง โดยพิมพ์ # ตามด้วยชื่อจุดแองเคอร์
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

5. การเชื่อมโยงภายในเว็บไซต์เดียวกัน
คลิกลิงค์ “ชุดภาพสิงคโปร์” เพื่อเชื่อมโยงไปยังอีก
หน้าเว็บหนึ่งภายในเว็บไซต์เดียวกัน
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

6. การเชื่อมโยงภายในเว็บไซต์เดียวกัน
1. เลือกข้อความที่จะกาหนดเป็นลิงค์
2. คลิกปุ่ม HTML
3. กาหนดจุดที่จะเชื่อมโยง
4. คลิกไฟล์เว็บเพจที่ต้องการ และคลิก OK
5. แสดงไฟล์เว็บเพจที่จะเชื่อมโยง
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

7. การเชื่อมโยงไปยังเว็บไซต์อื่น
คลิกลิงค์ไปยังหน้าเว็บไซต์อื่นได้
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

8. การเชื่อมโยงไปยังเว็บไซต์อื่น
2. พิมพ์ชื่อ URL เว็บไซต์ที่เราต้องการ
1. เลือกภาพที่กาหนดเป็นลิงค์
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

9. การเชื่อมโยงเพื่อส่งอีเมล์
คลิกลิงค์เพื่อส่งอีเมล์มาหาเรา จะเรียกโปรแกรมการส่งอีเมล์ที่มีการกรอก อีเมล์
แอดเดรสของเรามาให้เรียบร้อย
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

10. การเชื่อมโยงเพื่อส่งอีเมล์
1. เลือกข้อความที่จะ
กาหนดเป็นลิงค์
3. พิมพ์ชื่ออีเมล์ที่ช่อง Link โดยมีคาว่า
mailto: ตามด้วยอีเมล์
2. คลิกปุ่ม HTML
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

11. การเชื่อมโยงเพื่อดาวน์โหลดไฟล์
คลิกที่ลิงค์สาหรับการดาวน์โหลดไฟล์ จะปรากฏแถบสถานะแจ้งการดาวน์โหลดไฟล์
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

12. การเชื่อมโยงเพื่อดาวน์โหลดไฟล์
1. เลือกข้อความที่จะทาเป็นลิงค์
2. คลิกปุ่ม HTML 3. คลิกเมาส์เพื่อเข้าไปเลือกไฟล์
4. เลือกไฟล์ที่จะให้ดาวน์โหลด คลิก OK
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

13. กาหนดลักษณะการเปิ ดหน้าเว็บใหม่ที่เชื่อมโยงไป
_blank ให้เปิ ดหน้าเว็บใหม่ที่เชื่อมโยงในหน้าต่างบราวเซอร์ใหม่
_parent ให้เปิ ดหน้าเว็บใหม่ที่เชื่อมโยงในหน้าต่างบราวเซอร์เดิม
_self ให้เปิ ดหน้าเว็บใหม่ที่เชื่อมโยงในเฟรมเดิม
_top ให้เปิ ดหน้าเว็บใหม่ที่เชื่อมโยงในหน้าต่างบราวเซอร์เดิมโดยจัดให้ต็มเฟรม
กาหนดรูปแบบการเชื่อมโยง
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

14. กาหนดคุณสมบัติของข้อความที่เป็นลิงค์
เราสามารถกาหนดรูปแบบของข้อความที่ใช้เป็นลิงค์ได้จากหน้าต่าง Page Properties
โดยการคลิกเมาส์ที่ปุ่มขวาที่หน้าเว็บ และเลือกคาสั่ง Page Properties หรือเลือกเมนู
คาสั่ง Modify> Page Properties จากนั้นคลิก เลือกที่หัวข้อ Links ซึ่งสามารถกาหนดได้
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

15. Thank you
ให้นักเรียน
ซักถามได้ครับ
นายอานวย สือพัฒธิมา
แผนกวิชาคอมพิวเตอร์ธุรกิจ
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003