SlideShare a Scribd company logo
1 of 7
เริ่มต้นทำควำมรู้จัก
เว็บเพจ
เรียบเรียงโดย ชายดาคอมพิวเตอร์
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

ใบงานที่ 4 53-6
ใบงานที่ 4 53-6ใบงานที่ 4 53-6
ใบงานที่ 4 53-6
StnPT
 
ใบงานที่ 4-53-6
ใบงานที่ 4-53-6ใบงานที่ 4-53-6
ใบงานที่ 4-53-6
StnPT
 
งานนำเสนอดร.นิป
งานนำเสนอดร.นิปงานนำเสนอดร.นิป
งานนำเสนอดร.นิป
guest0b1d15e4
 
นาย นนทกร บุญเภา ม
นาย นนทกร บุญเภา มนาย นนทกร บุญเภา ม
นาย นนทกร บุญเภา ม
nontakorn170
 
นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)
นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)
นำเสนอรายงานความก้าวหน้าครั้งที่ 2(รวมทุกบท)
guest6d167b
 

What's hot (14)

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

Viewers also liked

URI 101 Mentor Portfolio
URI 101 Mentor PortfolioURI 101 Mentor Portfolio
URI 101 Mentor Portfolio
kvelez89
 
Middle East Trend Report 2012
Middle East Trend Report 2012Middle East Trend Report 2012
Middle East Trend Report 2012
Joumana El Hage
 
Playstation 3 Market Analysis
Playstation 3 Market AnalysisPlaystation 3 Market Analysis
Playstation 3 Market Analysis
kvelez89
 
ฟรอยด์
ฟรอยด์ฟรอยด์
ฟรอยด์
pattamasatun
 

Viewers also liked (12)

URI 101 Mentor Portfolio
URI 101 Mentor PortfolioURI 101 Mentor Portfolio
URI 101 Mentor Portfolio
 
Essaywriting
EssaywritingEssaywriting
Essaywriting
 
Spot the difference
Spot the differenceSpot the difference
Spot the difference
 
Esempio
EsempioEsempio
Esempio
 
Middle East Trend Report 2012
Middle East Trend Report 2012Middle East Trend Report 2012
Middle East Trend Report 2012
 
Air Relay Switch MD series
Air Relay Switch MD seriesAir Relay Switch MD series
Air Relay Switch MD series
 
Flameproof Low Range Pressure Switches FC series
Flameproof Low Range Pressure Switches FC seriesFlameproof Low Range Pressure Switches FC series
Flameproof Low Range Pressure Switches FC series
 
Rational Expressions
Rational ExpressionsRational Expressions
Rational Expressions
 
Playstation 3 Market Analysis
Playstation 3 Market AnalysisPlaystation 3 Market Analysis
Playstation 3 Market Analysis
 
Insersion type Radar Level Transmitter ELGWR 40
Insersion type Radar Level Transmitter ELGWR 40Insersion type Radar Level Transmitter ELGWR 40
Insersion type Radar Level Transmitter ELGWR 40
 
Projeto integrador Historia da Computação Grupo 5
Projeto integrador Historia da Computação Grupo 5Projeto integrador Historia da Computação Grupo 5
Projeto integrador Historia da Computação Grupo 5
 
ฟรอยด์
ฟรอยด์ฟรอยด์
ฟรอยด์
 

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

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

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
 
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ตความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
 
เรื่อง อินเทอร์เน็ต
เรื่อง อินเทอร์เน็ตเรื่อง อินเทอร์เน็ต
เรื่อง อินเทอร์เน็ต
 
อินเทอร์เน็ต5.1
อินเทอร์เน็ต5.1อินเทอร์เน็ต5.1
อินเทอร์เน็ต5.1
 
หนังสือเล่มเล็ก4
หนังสือเล่มเล็ก4หนังสือเล่มเล็ก4
หนังสือเล่มเล็ก4
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ตหน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
 
Website for public_relations
Website for public_relationsWebsite for public_relations
Website for public_relations
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
หน่วยการเรียนรู้ที่ 17
หน่วยการเรียนรู้ที่ 17หน่วยการเรียนรู้ที่ 17
หน่วยการเรียนรู้ที่ 17
 
้html
้html้html
้html
 
หน่วยที่ 1 การทำงานกับระบบเว็บ
หน่วยที่ 1 การทำงานกับระบบเว็บหน่วยที่ 1 การทำงานกับระบบเว็บ
หน่วยที่ 1 การทำงานกับระบบเว็บ
 
Unit1new
Unit1newUnit1new
Unit1new
 
Unit1new (1)
Unit1new (1)Unit1new (1)
Unit1new (1)
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1
 

More from Nattipong Siangyen

More from 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 ทำความรู้จักเว็บเพจ