:: เมนูหลัก
 แบบทดสอบก่อนเรียน
 หน่วยที่ 1 โลกของเว็บเพจและเว็บไซต์
 แบบทดสอบก่อนเรียน
 เว็บเพจคืออะไร
 การทำงานของเว็บเพจ
 คำศัพท์เกี่ยวการสร้างเว็บเพจ
 โปรแกรมที่ใช้สร้างเว็บเพจ
 หลักการออกแบบเว็บเพจ
 การออกแบบเว็บไซต์
 ขั้นตอนการสร้างเว็บไซต์
 แบบฝึกหัด
 แบบทดสอบหลังเรียน
 หน่วยที่ 2 เริ่มต้นกับ HTML
 หน่วยที่ 3 การจัดการข้อความ
 หน่วยที่ 4 การใช้ลิสต์สร้างรายการ
 หน่วยที่ 5 การแทรกภาพ
 หน่วยที่ 6 การสร้างตาราง
 หน่วยที่ 7 การเชื่อมโยงเว็บเพจด้วยลิงค์
หน่วยที่ 8 การใช้งานไฟล์วีดีโอและเสียง
 หน่วยที่ 9 การสร้างฟอร์ม
 แบบทดสอบหลังเรียนเรียน
:: หน่วยที่ 2 การทำงานของเว็บเพจ

การทำงานของเว็บเพจ



นอกจากเราจะทราบประโยชน์ของเว็บเพจว่าทำอะไรได้บ้างแล้ว สิ่งที่สำคัญก่อนที่เราจะไปสร้างเว็บเพจ นั่นก็คือ การเข้าใจการทำงาน และการแสดงผลของเว็บเพจกัน เพื่อเราจะสามารถวางแผนการสร้างเว็บเพจได้อย่างถูกต้อง




ภาพแสดงการทำงานของเว็บเพจ

จากรูปจะเห็นการทำงานเป็นขั้นตอนต่างๆ ดังนี้


ขั้นตอนที่ 1

ผู้ใช้พิมพ์ตำแหน่งเว็บเพจในโปรแกรมบราวเซอร์ ก็จะมีการร้องขอข้อมูลไฟล์เว็บเพจหน้านั้นไปยังเครื่องเซอร์เวอร์ (Server คือ เครื่องที่เก็บและเผยแพร่เว็บเพจ)


ขั้นตอนที่ 2

ฝั่งเซอร์เวอร์จะทำการค้นหาไฟล์เว็บเพจตัวที่ถูกร้องขอ


ขั้นตอนที่ 3

เว็บเซอร์เวอร์ส่งข้อมูลไปยังเครื่องผู้ใช้และแสดงผลบนบราวเซอร์


แท้จริงแล้วไฟล์เว็บเพจ จะเป็นโปรแกรม HTML ที่เป็นตัวกำหนดให้บราวเซอร์แสดงข้อความ และดึงข้อมูลของภาพ เสียง วิดีโอ ออกมาแสดงให้อยู่ในรูปแบบและตำแหน่งตามที่โปรแกรมกำหนด ซึ่งเราจะเรียนวิธีการเขียนภาษา HTML เพื่อสร้างและตกแต่งหน้าตาเว็บเพจภายในเนื้อหาในหาในเว็บไซต์นี้


ภาพตัวอย่างไฟล์ภาษา HTML


ภาพตัวอย่างการแสดงผลไฟล์ HTML บนบราวเซอร์