SlideShare a Scribd company logo
1 of 15
หน่วยที่ 6
การเชื่อมโยง
ารสร้างเว็บเบื้องต้น
รหัส 20901-2003
การเชื่อมโยงในแบบต่างๆ
การเชื่อมโยงในเว็บเพจเดียวกัน
คลิกข้อมูลด้านบน เพื่อลิงค์ไปดูข้อมูล
ด้านล่างที่อยู่ในเว็บเพจเดียวกัน
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
การเชื่อมโยงในเว็บเพจเดียวกัน
1. คลิกเลือกตาแหน่งที่ต้องการสร้างเป็น
จุดแองเคอร์
ขั้นตอนที่ 1 กาหนดจุดแองเคอร์
2. คลิกที่ Name Anchor
3. ตั้งชื่อจุดแองเคอร์ คลิกปุ่ม OK
4. แสดงสัญลักษณ์ สมอเรือ
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
การเชื่อมโยงในเว็บเพจเดียวกัน
1. เลือกข้อความที่จะกาหนดเป็นลิงค์
ขั้นตอนที่ 2 กาหนดข้อความที่จะสร้างเป็นลิงค์
2. คลิกปุ่ม HTML
3. กาหนดจุดที่จะเชื่อมโยง โดยพิมพ์ # ตามด้วยชื่อจุดแองเคอร์
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
การเชื่อมโยงภายในเว็บไซต์เดียวกัน
คลิกลิงค์ “ชุดภาพสิงคโปร์” เพื่อเชื่อมโยงไปยังอีก
หน้าเว็บหนึ่งภายในเว็บไซต์เดียวกัน
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
การเชื่อมโยงภายในเว็บไซต์เดียวกัน
1. เลือกข้อความที่จะกาหนดเป็นลิงค์
2. คลิกปุ่ม HTML
3. กาหนดจุดที่จะเชื่อมโยง
4. คลิกไฟล์เว็บเพจที่ต้องการ และคลิก OK
5. แสดงไฟล์เว็บเพจที่จะเชื่อมโยง
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
การเชื่อมโยงไปยังเว็บไซต์อื่น
คลิกลิงค์ไปยังหน้าเว็บไซต์อื่นได้
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
การเชื่อมโยงไปยังเว็บไซต์อื่น
2. พิมพ์ชื่อ URL เว็บไซต์ที่เราต้องการ
1. เลือกภาพที่กาหนดเป็นลิงค์
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
การเชื่อมโยงเพื่อส่งอีเมล์
คลิกลิงค์เพื่อส่งอีเมล์มาหาเรา จะเรียกโปรแกรมการส่งอีเมล์ที่มีการกรอก อีเมล์
แอดเดรสของเรามาให้เรียบร้อย
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
การเชื่อมโยงเพื่อส่งอีเมล์
1. เลือกข้อความที่จะ
กาหนดเป็นลิงค์
3. พิมพ์ชื่ออีเมล์ที่ช่อง Link โดยมีคาว่า
mailto: ตามด้วยอีเมล์
2. คลิกปุ่ม HTML
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
การเชื่อมโยงเพื่อดาวน์โหลดไฟล์
คลิกที่ลิงค์สาหรับการดาวน์โหลดไฟล์ จะปรากฏแถบสถานะแจ้งการดาวน์โหลดไฟล์
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
การเชื่อมโยงเพื่อดาวน์โหลดไฟล์
1. เลือกข้อความที่จะทาเป็นลิงค์
2. คลิกปุ่ม HTML 3. คลิกเมาส์เพื่อเข้าไปเลือกไฟล์
4. เลือกไฟล์ที่จะให้ดาวน์โหลด คลิก OK
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
กาหนดลักษณะการเปิ ดหน้าเว็บใหม่ที่เชื่อมโยงไป
_blank ให้เปิ ดหน้าเว็บใหม่ที่เชื่อมโยงในหน้าต่างบราวเซอร์ใหม่
_parent ให้เปิ ดหน้าเว็บใหม่ที่เชื่อมโยงในหน้าต่างบราวเซอร์เดิม
_self ให้เปิ ดหน้าเว็บใหม่ที่เชื่อมโยงในเฟรมเดิม
_top ให้เปิ ดหน้าเว็บใหม่ที่เชื่อมโยงในหน้าต่างบราวเซอร์เดิมโดยจัดให้ต็มเฟรม
กาหนดรูปแบบการเชื่อมโยง
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
กาหนดคุณสมบัติของข้อความที่เป็นลิงค์
เราสามารถกาหนดรูปแบบของข้อความที่ใช้เป็นลิงค์ได้จากหน้าต่าง Page Properties
โดยการคลิกเมาส์ที่ปุ่มขวาที่หน้าเว็บ และเลือกคาสั่ง Page Properties หรือเลือกเมนู
คาสั่ง Modify> Page Properties จากนั้นคลิก เลือกที่หัวข้อ Links ซึ่งสามารถกาหนดได้
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
Thank you
ให้นักเรียน
ซักถามได้ครับ
นายอานวย สือพัฒธิมา
แผนกวิชาคอมพิวเตอร์ธุรกิจ
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003

More Related Content

More from Amnuay

Cs6 ch11 การใช้มัลติมีเดีย show
Cs6 ch11 การใช้มัลติมีเดีย showCs6 ch11 การใช้มัลติมีเดีย show
Cs6 ch11 การใช้มัลติมีเดีย showAmnuay
 
Cs6 ch09 การสร้างฟอร์ม show
Cs6 ch09 การสร้างฟอร์ม showCs6 ch09 การสร้างฟอร์ม show
Cs6 ch09 การสร้างฟอร์ม showAmnuay
 
Cs6 ch08 การสร้างแฟรมเซต show
Cs6 ch08 การสร้างแฟรมเซต showCs6 ch08 การสร้างแฟรมเซต show
Cs6 ch08 การสร้างแฟรมเซต showAmnuay
 
Cs6 ch05 การใส่ตาราง show
Cs6 ch05 การใส่ตาราง showCs6 ch05 การใส่ตาราง show
Cs6 ch05 การใส่ตาราง showAmnuay
 
คำชี้แจง
คำชี้แจงคำชี้แจง
คำชี้แจงAmnuay
 
ใบงานหน่วยที่3
ใบงานหน่วยที่3ใบงานหน่วยที่3
ใบงานหน่วยที่3Amnuay
 
ใบงานหน่วยที่9
ใบงานหน่วยที่9ใบงานหน่วยที่9
ใบงานหน่วยที่9Amnuay
 
ใบงานหน่วยที่8
ใบงานหน่วยที่8ใบงานหน่วยที่8
ใบงานหน่วยที่8Amnuay
 
ใบงานหน่วยที่7
ใบงานหน่วยที่7ใบงานหน่วยที่7
ใบงานหน่วยที่7Amnuay
 
ใบงานหน่วยที่6
ใบงานหน่วยที่6ใบงานหน่วยที่6
ใบงานหน่วยที่6Amnuay
 
ใบงานหน่วยที่5
ใบงานหน่วยที่5ใบงานหน่วยที่5
ใบงานหน่วยที่5Amnuay
 
ใบงานหน่วยที่4
ใบงานหน่วยที่4ใบงานหน่วยที่4
ใบงานหน่วยที่4Amnuay
 
ใบงานหน่วยที่3
ใบงานหน่วยที่3ใบงานหน่วยที่3
ใบงานหน่วยที่3Amnuay
 
ใบงานหน่วยที่2
ใบงานหน่วยที่2ใบงานหน่วยที่2
ใบงานหน่วยที่2Amnuay
 
ใบงานหน่วยที่10
ใบงานหน่วยที่10ใบงานหน่วยที่10
ใบงานหน่วยที่10Amnuay
 
บทที่ 7 การทำงานเกี่ยวกับตาราง
บทที่  7  การทำงานเกี่ยวกับตารางบทที่  7  การทำงานเกี่ยวกับตาราง
บทที่ 7 การทำงานเกี่ยวกับตารางAmnuay
 
บทที่ 4 การจัดวางข้อความในเอกสาร
บทที่  4 การจัดวางข้อความในเอกสารบทที่  4 การจัดวางข้อความในเอกสาร
บทที่ 4 การจัดวางข้อความในเอกสารAmnuay
 
บทที่ 2 miceosoft word 2007
บทที่  2 miceosoft word 2007บทที่  2 miceosoft word 2007
บทที่ 2 miceosoft word 2007Amnuay
 
บทที่ 6 การแทรกรูปข้อความศิลป์
บทที่  6  การแทรกรูปข้อความศิลป์บทที่  6  การแทรกรูปข้อความศิลป์
บทที่ 6 การแทรกรูปข้อความศิลป์Amnuay
 
บทที่ 5 การาตกแต่งเอกสาร
บทที่  5  การาตกแต่งเอกสารบทที่  5  การาตกแต่งเอกสาร
บทที่ 5 การาตกแต่งเอกสารAmnuay
 

More from Amnuay (20)

Cs6 ch11 การใช้มัลติมีเดีย show
Cs6 ch11 การใช้มัลติมีเดีย showCs6 ch11 การใช้มัลติมีเดีย show
Cs6 ch11 การใช้มัลติมีเดีย show
 
Cs6 ch09 การสร้างฟอร์ม show
Cs6 ch09 การสร้างฟอร์ม showCs6 ch09 การสร้างฟอร์ม show
Cs6 ch09 การสร้างฟอร์ม show
 
Cs6 ch08 การสร้างแฟรมเซต show
Cs6 ch08 การสร้างแฟรมเซต showCs6 ch08 การสร้างแฟรมเซต show
Cs6 ch08 การสร้างแฟรมเซต show
 
Cs6 ch05 การใส่ตาราง show
Cs6 ch05 การใส่ตาราง showCs6 ch05 การใส่ตาราง show
Cs6 ch05 การใส่ตาราง show
 
คำชี้แจง
คำชี้แจงคำชี้แจง
คำชี้แจง
 
ใบงานหน่วยที่3
ใบงานหน่วยที่3ใบงานหน่วยที่3
ใบงานหน่วยที่3
 
ใบงานหน่วยที่9
ใบงานหน่วยที่9ใบงานหน่วยที่9
ใบงานหน่วยที่9
 
ใบงานหน่วยที่8
ใบงานหน่วยที่8ใบงานหน่วยที่8
ใบงานหน่วยที่8
 
ใบงานหน่วยที่7
ใบงานหน่วยที่7ใบงานหน่วยที่7
ใบงานหน่วยที่7
 
ใบงานหน่วยที่6
ใบงานหน่วยที่6ใบงานหน่วยที่6
ใบงานหน่วยที่6
 
ใบงานหน่วยที่5
ใบงานหน่วยที่5ใบงานหน่วยที่5
ใบงานหน่วยที่5
 
ใบงานหน่วยที่4
ใบงานหน่วยที่4ใบงานหน่วยที่4
ใบงานหน่วยที่4
 
ใบงานหน่วยที่3
ใบงานหน่วยที่3ใบงานหน่วยที่3
ใบงานหน่วยที่3
 
ใบงานหน่วยที่2
ใบงานหน่วยที่2ใบงานหน่วยที่2
ใบงานหน่วยที่2
 
ใบงานหน่วยที่10
ใบงานหน่วยที่10ใบงานหน่วยที่10
ใบงานหน่วยที่10
 
บทที่ 7 การทำงานเกี่ยวกับตาราง
บทที่  7  การทำงานเกี่ยวกับตารางบทที่  7  การทำงานเกี่ยวกับตาราง
บทที่ 7 การทำงานเกี่ยวกับตาราง
 
บทที่ 4 การจัดวางข้อความในเอกสาร
บทที่  4 การจัดวางข้อความในเอกสารบทที่  4 การจัดวางข้อความในเอกสาร
บทที่ 4 การจัดวางข้อความในเอกสาร
 
บทที่ 2 miceosoft word 2007
บทที่  2 miceosoft word 2007บทที่  2 miceosoft word 2007
บทที่ 2 miceosoft word 2007
 
บทที่ 6 การแทรกรูปข้อความศิลป์
บทที่  6  การแทรกรูปข้อความศิลป์บทที่  6  การแทรกรูปข้อความศิลป์
บทที่ 6 การแทรกรูปข้อความศิลป์
 
บทที่ 5 การาตกแต่งเอกสาร
บทที่  5  การาตกแต่งเอกสารบทที่  5  การาตกแต่งเอกสาร
บทที่ 5 การาตกแต่งเอกสาร
 

Cs6 ch06 การเชื่อมโยง show