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

หลักการออกแบบเว็บเพจ



ส่วนประกอบของหน้าเว็บเพจ

หน้าเว็บเพจทั่วๆไป มักจะออกแบบแบ่งเป็น 3 ส่วนหลักใหญ่ๆ ดังนี้


1. ส่วนหัว (Header) ในส่วนของตรงนี้จะอยู่ด้านบนสุดของเว็บเพจและเป็นส่วนที่ผู้เข้าใช้งานจะเห็นก่อนส่วนอื่น ดังนั้นการออกแบบในส่วนนี้ผู้พัฒนาส่วนใหญ่ให้ความสำคัญ จึงนิยมวางโลโก้ของเว็บไซต์และเมนูหลักเพื่อที่จะใช้เป็นส่วนที่เชื่อมโยงไปยังรายละเอียดในเว็บไซต์


2. ส่วนของเนื้อหา (Body) ส่วนนี้อยู่ตอนกลางของเว็บเพจ ใช้เป็นส่วนของการแสดงเนื้อหาและรายละเอียดของหน้านั้นๆ ซึ่งจะประกอบด้วยข้อความ ภาพนิ่ง ภาพเคลื่อนไหว ตารางข้อมูลต่างๆ และคลิปวิดีโอต่างๆ ซึ่งในบางครั้งอาจจะมีเมนูย่อยๆ เพื่อเป็นจุดเชื่อมโยงไปยังหน้าอื่นๆ อีกก็ได้


3. ส่วนท้าย (Footer) ส่วนนี้จะอยู่ด้านล่างสุด จะเป็นส่วนแสดงชื่อเจ้าของลิขสิทธิ์ผลงาน ข้อความอธิบายเว็บไซต์สั้นๆ รวมถึงอาจจะแสดงอีเมล์แอดเดรสของผู้ดูแลเว็บไซต์นั้นๆ



ภาพตัวอย่างส่วนประกอบของเว็บเพจ