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

Contenu connexe

Tendances

บทที่ 2 เอกสารที่เกี่ยวข้อง
บทที่ 2 เอกสารที่เกี่ยวข้องบทที่ 2 เอกสารที่เกี่ยวข้อง
บทที่ 2 เอกสารที่เกี่ยวข้องShe's Mammai
 
เอกสารรู้เท่าทันสื่อ
เอกสารรู้เท่าทันสื่อเอกสารรู้เท่าทันสื่อ
เอกสารรู้เท่าทันสื่อRujroad Kaewurai
 
Social Network - ICT Update - SU Com Centre
Social Network - ICT Update - SU Com CentreSocial Network - ICT Update - SU Com Centre
Social Network - ICT Update - SU Com CentreIsriya Paireepairit
 
โครงงาน แอนดรอยด์
โครงงาน แอนดรอยด์โครงงาน แอนดรอยด์
โครงงาน แอนดรอยด์teerarat55
 
หน่วยที่ 1 การทำงานกับระบบเว็บ
หน่วยที่ 1 การทำงานกับระบบเว็บหน่วยที่ 1 การทำงานกับระบบเว็บ
หน่วยที่ 1 การทำงานกับระบบเว็บtanongsak
 

Tendances (11)

อินเทอร์เน็ต
อินเทอร์เน็ตอินเทอร์เน็ต
อินเทอร์เน็ต
 
Lernning 08
Lernning 08Lernning 08
Lernning 08
 
แบบฝึกหัด
แบบฝึกหัดแบบฝึกหัด
แบบฝึกหัด
 
บทที่ 2 เอกสารที่เกี่ยวข้อง
บทที่ 2 เอกสารที่เกี่ยวข้องบทที่ 2 เอกสารที่เกี่ยวข้อง
บทที่ 2 เอกสารที่เกี่ยวข้อง
 
เอกสารรู้เท่าทันสื่อ
เอกสารรู้เท่าทันสื่อเอกสารรู้เท่าทันสื่อ
เอกสารรู้เท่าทันสื่อ
 
บทที่ 2 เสร็จ
บทที่ 2 เสร็จบทที่ 2 เสร็จ
บทที่ 2 เสร็จ
 
Social Network - ICT Update - SU Com Centre
Social Network - ICT Update - SU Com CentreSocial Network - ICT Update - SU Com Centre
Social Network - ICT Update - SU Com Centre
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
โครงงาน แอนดรอยด์
โครงงาน แอนดรอยด์โครงงาน แอนดรอยด์
โครงงาน แอนดรอยด์
 
หน่วยที่ 1 การทำงานกับระบบเว็บ
หน่วยที่ 1 การทำงานกับระบบเว็บหน่วยที่ 1 การทำงานกับระบบเว็บ
หน่วยที่ 1 การทำงานกับระบบเว็บ
 

En vedette

En vedette (15)

Babae Ako
Babae AkoBabae Ako
Babae Ako
 
Buddhism comic
Buddhism comicBuddhism comic
Buddhism comic
 
Hoctief research
Hoctief researchHoctief research
Hoctief research
 
Bat validé
Bat validéBat validé
Bat validé
 
Death Cafe
Death CafeDeath Cafe
Death Cafe
 
Hizb 6
Hizb 6Hizb 6
Hizb 6
 
Attract short sale listings like a magnet
Attract short sale listings like a magnetAttract short sale listings like a magnet
Attract short sale listings like a magnet
 
Chỉ 307tr sở hữu ngay căn hộ tại trung tâm gò vấp
Chỉ 307tr sở hữu ngay căn hộ tại trung tâm gò vấpChỉ 307tr sở hữu ngay căn hộ tại trung tâm gò vấp
Chỉ 307tr sở hữu ngay căn hộ tại trung tâm gò vấp
 
Hizb 20
Hizb 20Hizb 20
Hizb 20
 
圖解高頻交易系統的運作狀況
圖解高頻交易系統的運作狀況圖解高頻交易系統的運作狀況
圖解高頻交易系統的運作狀況
 
Resume-update
Resume-updateResume-update
Resume-update
 
Knowledge Management towards heaven or hell?
Knowledge Management towards heaven or hell?Knowledge Management towards heaven or hell?
Knowledge Management towards heaven or hell?
 
Mod1
Mod1Mod1
Mod1
 
Proyecto de inventario wil terminado
Proyecto de inventario wil terminadoProyecto de inventario wil terminado
Proyecto de inventario wil terminado
 
El korfball
El korfballEl korfball
El korfball
 

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

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

Website for public_relations
Website for public_relationsWebsite for public_relations
Website for public_relations
 
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
 
Ict
IctIct
Ict
 
หน่วยที่ 1
หน่วยที่ 1หน่วยที่ 1
หน่วยที่ 1
 
Social Network
Social NetworkSocial Network
Social Network
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1
 
Dc102 internet&communication
Dc102 internet&communicationDc102 internet&communication
Dc102 internet&communication
 
้html
้html้html
้html
 
Unit1new
Unit1newUnit1new
Unit1new
 
Unit1new (1)
Unit1new (1)Unit1new (1)
Unit1new (1)
 
Website Ranking and the Analysis of Consumer's Behavior in Accessing Websites...
Website Ranking and the Analysis of Consumer's Behavior in Accessing Websites...Website Ranking and the Analysis of Consumer's Behavior in Accessing Websites...
Website Ranking and the Analysis of Consumer's Behavior in Accessing Websites...
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็ก
 
Social media
Social mediaSocial media
Social media
 
PR on Internet
PR on InternetPR on Internet
PR on Internet
 

Plus de Nattipong Siangyen

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

Plus de Nattipong Siangyen (20)

บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
 
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
 
บทที่ 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 เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)
 
คำสั่ง 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 กรณีศึกษา
 
อ้างอิง
อ้างอิงอ้างอิง
อ้างอิง
 

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