ตัวอย่างการออกแบบ Web site

ตัวอย่างการออกแบบ Web-Based Instruction (WBI SiteDesign)

             หลังจากที่ได้ศึกษาการออกแบบโครงสร้างเวป Site Design มาพอสังเขปแล้ว มาในตอนนี้จะได้นำความรู้การออกแบบโครงสร้างดังกล่าวมาปรับใช้กับ Web-Besed Instruction จากโครงสร้างแบบลำดับชั้น (Hierarchy) ที่เหมาะสมการการออกแบบเวปเพื่อการเรียนการสอน (WBI) มากที่สุด

          จึงขอนำโครงสร้างเวปแบบลำดับชั้น (Hierarchy) มาออกแบบเวปเพื่อการเรียนการสอน (WBI) ดังนี้

           รูปแบบโครงสร้างเวปแบบลำดับชั้น (Hierarchy) ที่นำมาปรับเป็นโครงสร้างของ Web-Based Instruction จากภาพนั้น จะเห็นได้ว่าโครงสร้างเวปแบ่งได้ 3 ลำดับชั้นด้วยกัน

แผนภาพต้นไม้

           เราสามารถเขียนเป็นแผนภาพต้นไม้ (Root Tree) ได้ดังนี้

         จากแผนภาพต้นไม้เราสามารถนับเป็นจำนวนหน้าได้ดังนี้

• หน้าบทเรียนหลัก (Layer 1) จำนวน 1 หน้า
• หน้าบทเรียนรอง 1 (Layer 2) จำนวน 8 หน้า
• หน้าบทเรียนรอง 2 (Layer 3) จำนวน 4 หน้า

        รวมทั้งหมด 13 หน้า