บทเรียนที่ 1: ความหมายของเว็บไซต์ เว็บเพจ และโฮมเพจ
ยินดีต้อนรับนักเรียน ม.3 ทุกคนเข้าสู่บทเรียนแรก! ในบทเรียนนี้เราจะมาทำความเข้าใจเกี่ยวกับคำศัพท์พื้นฐานสำคัญทางเว็บไซต์ เพื่อสร้างพื้นฐานที่มั่นคงก่อนก้าวสู่การออกแบบและพัฒนาเว็บไซต์ต่อไป
ความหมายของเว็บไซต์ (Website)
เว็บไซต์ (Website) คือ แหล่งรวบรวมของหน้าเอกสารเว็บเพจ (Webpage) หลายๆ หน้าเข้าไว้ด้วยกัน บนระบบเครือข่ายอินเทอร์เน็ต โดยหน้าเอกสารเหล่านี้ถูกเชื่อมโยงกันผ่าน Hyperlink
เว็บไซต์จะถูกจัดเก็บไว้บนเครื่องคอมพิวเตอร์แม่ข่ายที่เรียกว่า Web Server และเข้าถึงได้ง่ายๆ ผ่านชื่อที่อยู่เฉพาะเจาะจงที่เรียกว่า โดเมนเนม (Domain Name) เช่น www.google.com หรือ www.krupichet.com
💡 อุปมาอุปไมยเปรียบเทียบ
หากเปรียบอินเทอร์เน็ตเป็นห้องหอสมุดขนาดใหญ่ "เว็บไซต์" ก็เปรียบเสมือน "หนังสือ 1 เล่ม" ที่ภายในประกอบไปด้วยเรื่องราว ข้อมูล และหน้ากระดาษมากมาย
ภาพที่ 1.1: แผนภาพจำลองการรวมกลุ่มของเว็บเพจภายในเว็บไซต์
ความหมายของเว็บเพจ (Webpage)
เว็บเพจ (Webpage) คือ เอกสารแต่ละหน้าในระบบอินเทอร์เน็ต ที่สร้างขึ้นด้วยภาษาคอมพิวเตอร์ (เช่น HTML, CSS, JavaScript)
ภายในเว็บเพจแต่ละหน้าจะประกอบไปด้วยสื่อประสม (Multimedia) รูปแบบต่างๆ เช่น:
💡 อุปมาอุปไมยเปรียบเทียบ
"เว็บเพจ" ก็คือ "กระดาษแต่ละหน้า" ที่อยู่ในหนังสือ ซึ่งแต่ละหน้ามีรายละเอียด ข้อมูล รูปภาพ หรือเนื้อเรื่องเฉพาะหัวข้อนั้นๆ
ภาพที่ 1.2: องค์ประกอบของเว็บเพจ 1 หน้า
ความหมายของโฮมเพจ (Homepage)
โฮมเพจ (Homepage) คือ หน้าแรกสุด ของเว็บไซต์ เมื่อพิมพ์ชื่อโดเมนเนมเข้ามา จะเป็นหน้าแรกที่ปรากฏแก่สายตาผู้ใช้งานเสมอ
ทำหน้าที่เป็นศูนย์กลาง คอยต้อนรับ สรุปจุดเด่น ภาพรวมของเว็บไซต์ และจัดทำ **เมนูหลัก (Navigation Bar)** เพื่อเป็นประตูเชื่อมโยงนำผู้ใช้งานไปยังเว็บเพจหน้าอื่นๆ ในเว็บไซต์ได้อย่างสะดวก
💡 อุปมาอุปไมยเปรียบเทียบ
"โฮมเพจ" ก็คือ "หน้าปก" หรือ "สารบัญ" ของหนังสือ ที่เป็นจุดต้อนรับแรก คอยบอกว่าในหนังสือเล่มนี้มีเนื้อหาอะไรบ้างและอยู่ตรงไหน
ภาพที่ 1.3: หน้าแรกสุด (Homepage) พร้อมเมนูนำทาง