SlideShare a Scribd company logo
1 of 7
Download to read offline
เริ่มต้นทำควำมรู้จักเว็บเพจ
เรียบเรียงโดย ชายดาคอมพิวเตอร์
Contents
เว็บเพจคืออะไร1
คำศัพท์พื้นฐำนเกี่ยวกับกำรสร้ำงเว็บเพจ2
เว็บเพจทำงำนได้อย่ำงไร3
ขั้นตอนกำรสร้ำงเว็บไซต์4
เว็บเพจคืออะไร
 เว็บเพจ(webpage)
เอกสารที่ใช้ในการเผยแผ่ข้อมูลและข่าวสาร เช่น ข้อความ ภาพและเสียง ผ่านทาง
เครือข่ายอินเตอร์เน็ต
 ประโยชน์ของเว็บเพจ
* ข่าวและเหตุการณ์ปัจจุบัน
* ข้อมูลความรู้และห้องสมุด
* ประชาสัมพันธ์บริษัทและองค์กร
* ความบันเทิง
* การเงิน การลงทุน
* ซื้อ-ขาย และบริการ
* ติดต่อสื่อสาร และดาวน์โหลดข้อมูล
คาศัพท์พื้นฐานเกี่ยวกับการสร้างเว็บเพจ
 ไคลเอนต์เซิร์ฟเวอร์(client-server)
* การติดต่อสื่อสารบนเครือข่ายอินเตอร์เน็ต คือ ส่งและรับข้อมูล
 เครือข่ำยใยแมงมุม(www)
* บริการรูปแบบหนึ่งในอินเตอร์เน็ต หรือ www เป็นการเรียก url จากบราวเซอร์ของเรา
 เว็บไซต์(web site)
* กลุ่มของหน้าเว็บ หรือเว็บหลายๆหน้ารวมกัน โดยเรียกหน้าแรกว่า “โฮมเพจ”
 เว็บบรำวเซอร์และเว็บเซิร์ฟเวอร์(web browser & web server)
* เว็บบราวเซอร์ มีหน้าที่ในการส่งข้อมูลร้องขอและนาเสนอข้อมูลเว็บ
* เว็บเซิร์ฟเวอร์ เป็นที่เก็บเว็บเพจซึ่งบราวเซอร์จะไปร้องขอข้อมูลมา
 โดเมนเนม(Domain name)
* ใช้แทนการติดต่อบนอินเตอร์เน็ตแบบ ip ซึ่งยาวและจายากกว่ามาก
เว็บเพจทางานได้อย่างไร
2
เครื่องคอมของเราพิมพ์ที่อยู่เว็บเพจที่จะเปิดดู
และร้องขอไปยังเครื่องเซิร์ฟเวอร์
เว็บเซิร์ฟเวอร์ค้นหาไฟล์เว็บเพจที่เครื่องผู้ใช้ร้องขอ
ไฟล์เว็บเพจที่เก็บไว้ที่เซิร์ฟเวอร์
เว็บเซิร์ฟเวอร์ส่งข้อมูลไฟล์เว็บผ่านบราวเซอร์
ขั้นตอนการสร้างเว็บไซต์
 กำหนดโครงร่ำงของเว็บไซต์ เป็นการกาหนดผังของเว็บหรือ Site map
 กำหนดกำรเชื่อมโยงระหว่ำงเว็บเพจ
* การกาหนดให้เว็บเพจแต่ละหน้าเชื่อมโยงถึงกัน
 ออกแบบเว็บเพจแต่ละหน้ำภำยในเว็บไซต์
* เป็นการออกแบบโครงสร้างของหน้าเว็บเพจก่อนสร้างจริง
* เพื่อความสะดวกในการจัดเตรียมรูปภาพหรือส่วนประกอบต่างๆของเว็บเพจ
หน้ำโฮมเพจ
เกี่ยวกับเรำ บทเรียนออนไลน์ ดำวน์โหลด
ขั้นตอนการสร้างเว็บไซต์ (ต่อ)
 สร้ำงเว็บเพจแต่ละหน้ำ
* หลังจากวางรูปแบบของเว็บเพจแล้ว เราจึงมาเริ่มสร้างเว็บเพจแต่ละหน้าให้ตรงตามที่เราต้องการ
รวมถึงการนาเสนอ ข้อความ ภาพ เสียง และวีดีโอ
 ลงทะเบียนขอพื้นที่เว็บไซต์ฟรี
* สาหรับเผยแพร่เว็บไซต์ของเราสู่เครือข่ายอินเตอร์เน็ต เพื่อให้คนอื่นๆสามารถเข้าเยี่ยมชมได้
 อัพโหลดเว็บไซต์
* อัพโหลดเว็บไซต์ที่เราสร้างขึ้นไปบนพื้นที่ที่เราได้ขอใช้ในข้อผ่านมา

More Related Content

What's hot

หน่วยที่ 1
หน่วยที่ 1หน่วยที่ 1
หน่วยที่ 1
Ton TC Tmsb
 
ใบงานที่ 4 53-6
ใบงานที่ 4 53-6ใบงานที่ 4 53-6
ใบงานที่ 4 53-6
StnPT
 
Rights-based Internet Governance: การอภิบาลอินเทอร์เน็ตโดยคิดจากสิทธิเป็นที่ตั้ง
Rights-based Internet Governance: การอภิบาลอินเทอร์เน็ตโดยคิดจากสิทธิเป็นที่ตั้งRights-based Internet Governance: การอภิบาลอินเทอร์เน็ตโดยคิดจากสิทธิเป็นที่ตั้ง
Rights-based Internet Governance: การอภิบาลอินเทอร์เน็ตโดยคิดจากสิทธิเป็นที่ตั้ง
Arthit Suriyawongkul
 
ใบงานที่ 4-53-6
ใบงานที่ 4-53-6ใบงานที่ 4-53-6
ใบงานที่ 4-53-6
StnPT
 
นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)
นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)
นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)
guest6d167b
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1
POmp POmpomp
 

What's hot (14)

หน่วยที่ 1
หน่วยที่ 1หน่วยที่ 1
หน่วยที่ 1
 
Search Engine
Search EngineSearch Engine
Search Engine
 
ใบงานที่ 4
ใบงานที่  4 ใบงานที่  4
ใบงานที่ 4
 
poomjit-212cafe
poomjit-212cafepoomjit-212cafe
poomjit-212cafe
 
ใบงานที่ 4 53-6
ใบงานที่ 4 53-6ใบงานที่ 4 53-6
ใบงานที่ 4 53-6
 
Rights-based Internet Governance: การอภิบาลอินเทอร์เน็ตโดยคิดจากสิทธิเป็นที่ตั้ง
Rights-based Internet Governance: การอภิบาลอินเทอร์เน็ตโดยคิดจากสิทธิเป็นที่ตั้งRights-based Internet Governance: การอภิบาลอินเทอร์เน็ตโดยคิดจากสิทธิเป็นที่ตั้ง
Rights-based Internet Governance: การอภิบาลอินเทอร์เน็ตโดยคิดจากสิทธิเป็นที่ตั้ง
 
ใบงานที่ 4-53-6
ใบงานที่ 4-53-6ใบงานที่ 4-53-6
ใบงานที่ 4-53-6
 
ว่าด้วยสื่อสังคม
ว่าด้วยสื่อสังคมว่าด้วยสื่อสังคม
ว่าด้วยสื่อสังคม
 
Overview: Worldwide Internet Freedom
Overview: Worldwide Internet FreedomOverview: Worldwide Internet Freedom
Overview: Worldwide Internet Freedom
 
Internet
InternetInternet
Internet
 
นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)
นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)
นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)
 
งาน 4
งาน 4งาน 4
งาน 4
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1
 
หน่วยที่ 1 การทำงานกับระบบเว็บ
หน่วยที่ 1 การทำงานกับระบบเว็บหน่วยที่ 1 การทำงานกับระบบเว็บ
หน่วยที่ 1 การทำงานกับระบบเว็บ
 

Viewers also liked (12)

Pasos scratch
Pasos  scratchPasos  scratch
Pasos scratch
 
Playstation 3 Market Analysis
Playstation 3 Market AnalysisPlaystation 3 Market Analysis
Playstation 3 Market Analysis
 
Rational Expressions
Rational ExpressionsRational Expressions
Rational Expressions
 
Hitachi Solutions Ecommerce Integration with Dynamics CRM 2013
Hitachi Solutions Ecommerce Integration with Dynamics CRM 2013Hitachi Solutions Ecommerce Integration with Dynamics CRM 2013
Hitachi Solutions Ecommerce Integration with Dynamics CRM 2013
 
Interview2a
Interview2aInterview2a
Interview2a
 
ฟรอยด์
ฟรอยด์ฟรอยด์
ฟรอยด์
 
บทที่ 2 html introduction
บทที่ 2 html introductionบทที่ 2 html introduction
บทที่ 2 html introduction
 
คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)
 
Hizb 32
Hizb 32Hizb 32
Hizb 32
 
募集アニメ
募集アニメ募集アニメ
募集アニメ
 
Gus library
Gus libraryGus library
Gus library
 
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
 

Similar to บทที่ 1 ทำความรู้จักเว็บเพจ

Session1 part1
Session1 part1Session1 part1
Session1 part1
banputer
 
Session1 part1
Session1 part1Session1 part1
Session1 part1
banputer
 
Website for public_relations
Website for public_relationsWebsite for public_relations
Website for public_relations
ajpeerawich
 
อินเทอร์เน็ต5.1
อินเทอร์เน็ต5.1อินเทอร์เน็ต5.1
อินเทอร์เน็ต5.1
Pp'dan Phuengkun
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ตหน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
Prapatsorn Keawnoun
 
หนังสือเล่มเล็ก4
หนังสือเล่มเล็ก4หนังสือเล่มเล็ก4
หนังสือเล่มเล็ก4
Magicianslove Beer
 
เรื่อง อินเทอร์เน็ต
เรื่อง อินเทอร์เน็ตเรื่อง อินเทอร์เน็ต
เรื่อง อินเทอร์เน็ต
stampqn
 

Similar to บทที่ 1 ทำความรู้จักเว็บเพจ (20)

Session1 part1
Session1 part1Session1 part1
Session1 part1
 
part1
 part1 part1
part1
 
Session1 part1
Session1 part1Session1 part1
Session1 part1
 
Session1 part1
Session1 part1Session1 part1
Session1 part1
 
Session1 part1
Session1 part1Session1 part1
Session1 part1
 
Session1Part1.pptx
Session1Part1.pptxSession1Part1.pptx
Session1Part1.pptx
 
Session1Part1.ppt
Session1Part1.pptSession1Part1.ppt
Session1Part1.ppt
 
Website for public_relations
Website for public_relationsWebsite for public_relations
Website for public_relations
 
อินเทอร์เน็ต5.1
อินเทอร์เน็ต5.1อินเทอร์เน็ต5.1
อินเทอร์เน็ต5.1
 
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ตความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
 
Internet
InternetInternet
Internet
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ตหน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
 
้html
้html้html
้html
 
Unit1new
Unit1newUnit1new
Unit1new
 
Unit1new (1)
Unit1new (1)Unit1new (1)
Unit1new (1)
 
หนังสือเล่มเล็ก4
หนังสือเล่มเล็ก4หนังสือเล่มเล็ก4
หนังสือเล่มเล็ก4
 
การใช้อินเทอร์เน็ต
การใช้อินเทอร์เน็ตการใช้อินเทอร์เน็ต
การใช้อินเทอร์เน็ต
 
Ict
IctIct
Ict
 
เรื่อง อินเทอร์เน็ต
เรื่อง อินเทอร์เน็ตเรื่อง อินเทอร์เน็ต
เรื่อง อินเทอร์เน็ต
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 

More from Nattipong Siangyen

More from Nattipong Siangyen (20)

บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
 
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
 
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
 
คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)
 
คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)
 
คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)
 
คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create table)คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create table)
 
คำสั่ง Sql เบื้องต้น(create db)
คำสั่ง Sql เบื้องต้น(create db)คำสั่ง Sql เบื้องต้น(create db)
คำสั่ง Sql เบื้องต้น(create db)
 
09 ชนิดข้อมูล
09 ชนิดข้อมูล09 ชนิดข้อมูล
09 ชนิดข้อมูล
 
07 e r model
07 e r model07 e r model
07 e r model
 
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
 
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
 
03 ชนิดของความสัมพันธ์
03 ชนิดของความสัมพันธ์03 ชนิดของความสัมพันธ์
03 ชนิดของความสัมพันธ์
 
02 ความรู้เบื้องต้นฐานข้อมูล
02 ความรู้เบื้องต้นฐานข้อมูล02 ความรู้เบื้องต้นฐานข้อมูล
02 ความรู้เบื้องต้นฐานข้อมูล
 
01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ
 
01ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ01ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ
 
10 กรณีศึกษา
10 กรณีศึกษา10 กรณีศึกษา
10 กรณีศึกษา
 
อ้างอิง
อ้างอิงอ้างอิง
อ้างอิง
 
02 การทำโครงงานอย่างง่าย
02 การทำโครงงานอย่างง่าย02 การทำโครงงานอย่างง่าย
02 การทำโครงงานอย่างง่าย
 
01 ความหมายของโครงงาน
01 ความหมายของโครงงาน01 ความหมายของโครงงาน
01 ความหมายของโครงงาน
 

บทที่ 1 ทำความรู้จักเว็บเพจ