7
Orjix www.RongRean.com หหหหห หหหหหหหหหหหหห HTML: Session หหห หหหหหหหห หหหหหหหหหหหหห หหหหหหหหหห

Session1 part1

Embed Size (px)

Citation preview

Page 1: Session1 part1

Orjix

www.RongRean.com

หลกสตร สรางเวบดวย HTML: Session ท 1 ตอนท 1เรมตนทำาความรจกกบเวบเพจ

Page 2: Session1 part1

www.rongrean.com Orjix

Contents

เวบเพจคออะไร1

คำาศพทพนฐานเกยวกบการสรางเวบเพจ

2

เวบเพจทำางานไดอยางไร3

ขนตอนการสรางเวบไซต4

Page 3: Session1 part1

เวบเพจคออะไรเวบเพจ(webpage)

เอกสารทใชในการเผยแผขอมลและขาวสาร เชน ขอความ ภาพและเสยง ผานทางเครอขายอนเตอรเนต

ประโยชนของเวบเพจ ขาวและเหตการณปจจบน ขอมลความรและหองสมด ประชาสมพนธบรษทและองคกร ความบนเทง การเงน การลงทน ซอ-ขาย และบรการ ตดตอสอสาร และดาวนโหลดขอมล

www.rongrean.com Orjix

Page 4: Session1 part1

Orjix

คำาศพทพนฐานเกยวกบการสรางเวบเพจ

www.rongrean.com

ไคลเอนตเซรฟเวอร(client-server) การตดตอสอสารบนเครอขายอนเตอรเนต คอ สงและรบขอมล

เครอขายใยแมงมม(www) บรการรปแบบหนงในอนเตอรเนต หรอ www เปนการเรยก url จาก

บราวเซอรของเราเวบไซต(web site)

กลมของหนาเวบ หรอเวบหลายๆหนารวมกน โดยเรยกหนาแรกวา โฮมเพจ“ ”

เวบบราวเซอรและเวบเซรฟเวอร(web browser & web server) เวบบราวเซอร มหนาทในการสงขอมลรองขอและนำาเสนอขอมลเวบ เวบเซรฟเวอร เปนทเกบเวบเพจซงบราวเซอรจะไปรองขอขอมลมา

โดเมนเนม(Domain name) ใชแทนการตดตอบนอนเตอรเนตแบบ ip ซงยาวและจำายากกวามาก

Page 5: Session1 part1

Orjix

เวบเพจทำางานไดอยางไร

www.rongrean.com

dell

เครองคอมของเราพมพทอยเวบเพจทจะเปดด และรองขอไปยงเครองเซรฟเวอร

เวบเซรฟเวอรคนหาไฟลเวบเพจทเครองผใชรองขอ

ไฟลเวบเพจทเกบไวทเซรฟเวอร

เวบเซรฟเวอรสงขอมลไฟลเวบผานบราวเซอร

1

2

3

Page 6: Session1 part1

Orjix

ขนตอนการสรางเวบไซต

1 .กำาหนดโครงรางของเวบไซต เปนการกำาหนดผงของเวบหรอ Site map

หนาโฮมเพจ

แสดงสนคา สมครสมาชก ขอมลทวไป

2. กำาหนดการเชอมโยงระหวางเวบเพจการกำาหนดใหเวบเพจแตละหนาเชอมโยงถงกน

3. ออกแบบเวบเพจแตละหนาภายในเวบไซตเปนการออกแบบโครงสรางของหนาเวบเพจกอนสรางจรงเพอความสะดวกในการจดเตรยมรปภาพหรอสวนประกอบตางๆของเวบเพจ

www.rongrean.com

Page 7: Session1 part1

Orjix

4. สรางเวบเพจแตละหนาหลงจากวางรปแบบของเวบเพจแลว เราจงมาเรมสรางเวบเพจแตละหนาใหตรงตามทเราตองการรวมถงการนำาเสนอ ขอความ ภาพ เสยง และวดโอ

5. ลงทะเบยนขอพนทเวบไซตฟรสำาหรบเผยแพรเวบไซตของเราสเครอขายอนเตอรเนต เพอใหคนอนๆสามารถเขาเยยมชมได

6. อพโหลดเวบไซต อพโหลดเวบไซตทเราสรางขนไปบนพนททเราไดขอใชในขอผานมา

www.rongrean.com