หลักการออกแบบเอกสารเว็บและบทเรียนออนไลน์

เราสามารวางรูปแบบโครงสร้างเว็บไซต์ ได้หลายแบบ ตามความเหมาะสมของงานที่สร้างขึ้น เช่น

1 . Sequences
ลักษณะโครงสร้าง

เป็นรูปแบบพื้นฐานทั่วไป ที่ผู้เริ่มเรียนรู้การสร้าง web มัก นิยมเป็นรูปแบบเบื้องต้นในการฝึกหัด หรือใช้กับ web ที่นำเสนอข้อมูลแบบเรียงหน้าไปตาม ลำดับหรือเป็นการเสนอเนื้อหาเดี่ยวต่อเนื่องกันไป รูปแบบนี้บางที่เรียกว่าแบบ Linearโดยมีทั้ง การออกแบบไปหน้าทางเดียวและการออกแบบที่สามารถย้อนกลับหน้าได้ 

- แบบ เดินไปทางเดียว (Straight line or sequential links) เป็นลักษณะการดำเนินเรื่องจากหน้า-แรกไปยังหน้าถัดไปเรื่อยๆจนจบการย้อนกลับหน้าที่ผ่านมา จะอาศัยคุณลักษณะของ โปรแกรม web browser ที่ปุ่ม back ได้เท่านั้น

- แบบย้อนกลับได้ (Linear reciprocal links)เป็นลักษณะคล้ายแบบแรก แต่จะมีส่วนควบคุมการเดินหน้าและถอยหลัง ไปยังหน้าแรก หรือหน้า สุดท้ายในหน้า web ที่สร้างได้เลย
ข้อจำกัด 
การย้อนกลับไปสู่หน้าแรกหรือหน้าสุดท้ายทำได้ลำบาก 

2.Linear with side blanches
ลักษณะโครงสร้าง

ลักษณะโครงสร้างของ web เป็นรูปแบบ Sequences ที่แสดง เนื้อหาต่อเนื่องมาตามลำดับ รูปแบบนี้ ส่วนใหญ่จะใช้กระบวน การควบคุมหน้าด้วยการกำหนดปุ่ม หรือตัวนำทางเพื่อควบคุม การเดินหน้าและถอยหลังเมื่อถึงส่วนอ้างอิง หรือเนื้อหาพิเศษ (หน้าสีน้ำตาลและสีชมพู) จะมีหน้าที่แยกเป็นสาขาออกจากหน้า เนื้อหาหลัก

3. Combination

              ลักษณะโครงสร้าง

               ลักษณะการทำงานเลียนแบบหน้าหนังสือที่เนื้อหานั้นมีความต่อเนื่องกันโดยตลอด แต่ก็สามารถที่จะเลือกเนื้อหาในเรื่องใดๆก่อนได้โดยอิสระ โดยเลือกผ่านระบบเมนูเลือกเนื้อหา ลักษณะ โครงสร้างเบื้องต้น จะเหมือนแบบ Hierarchies ที่ต่างมีเมนู หัวข้อหลักที่เข้าถึงเนื้อหาได้โดยตรง ซึ่งเมื่อเข้าสู่หน้าเนื้อหา (สีฟ้า) จะมีลักษณะคล้ายกับแบบ Sequences ที่สามารถผ่าน เนื้อหาอย่างต่อเนื่องโดยไม่ต้องกลับไปที่หน้าเมนูหลักโดยจะมี ส่วนเชื่อมไปยังเนื้อหาเรื่องหรือหัวข้อต่อไปได้เลยตามลำดับ 

4. Hierarchies

               ลักษณะโครงสร้าง

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

ข้อจำกัด รูปแบบนี้หากลำดับชั้นข้อมูลมีความลึกมาก การกลับสู่ หน้าเมนูหลักจะทำได้ลำบาก จึงควรหาnavigation รูป แบบอื่นมาสนับสนุน

5. Webs 

ลักษณะโครงสร้าง

เป็นรูปแบบที่ใช้ลักษณะการผสมผสานระหว่าง Sequences และ Hierarchies เข้าด้วยกันตลอดทั้งโครงสร้าง ทำให้รูปแบบนี้มีประสิทธิภาพในการเชื่อมเข้าหาเนื้อหาในทุกส่วนของ web site ได้อย่างอิสระ
ข้อสังเกต
การสร้างต้องทำการออกแบบและวางแผนอย่างละเอียด เพราะ อาจทำให้ระบบการวางคำสั่งการเชื่อมโยงผิดพลาดได้ง่าย