หลักการออกแบบเว็บไซต์

ขั้นตอนที่ 1 กำหนดโครงสร้างของเว็บไซต์
การสร้างเว็บไซต์นั้นควรเริ่มจากการสร้าง แผนผังของเว็บไซต์ก่อน หรือที่เรียกว่า Site Map ดังภาพตัวอย่างมีการกำหนดหน้าเว็บเพจ 4 หน้า
ขั้นตอนที่ 2 กำหนดการเชื่อมโยงระหว่างเว็บเพจ
เราต้องกำหนดการเชื่อมโยงให้เว็บเพจแต่ละหน้า เชื่อมโยงถึงกันเื่พื่อให้กลับไปกลับมา ระหว่างหน้า ต่าง ๆ ได้ โดยแสดงชื่อไฟล์ HTML แต่ละไฟล์ที่ มีการเชื่อมโยงสัมพันธ์กันดังภาพ
ขั้นตอนที่ 3 การออกแบบเว็บเพจแต่ละหน้า
นักเรียนสามารถออกแบบหน้าเว็บเพจแต่ละหน้า ให้สวยงาม โดยเฉพาะในเว็บเพจหน้าแรก ซึ่งเรียกว่า โฮมเพจนักเรียนควรออกแบบให้สวยงามเพื่อดึงดูด ความสนใจของผู้เข้าชม ในขั้นตอนการออกแบบนี้ บางทีอาจเรียกว่า การออกแบบเลย์เอาท์ (Lay Out) สามารถทำได้ ้โดยการเขียนลงในกระดาษ หรือใช้โปรแกรม คอมพิวเตอร์ช่วยในการออกแบบก็ได้
ขั้นตอนที่ 4 การสร้างเว็บเพจแต่ละหน้า
นำเว็บเพจที่ออกแบบไ้ว้มาสร้างโดยใช้ภาษา html หรืออาจใช้โปรแกรมสำเร็จรูป เช่น FrontPage, Macromedia Dreamweaver หรือโปรแกรมสำเร็จรูปอื่น ๆ ตามความถนัด
ขั้นตอนที่ 5 การลงทะเบียนขอพื้นที่เว็บไซต์
เป็นการเผยแพร่เว็บไซต์ที่สร้างเสร็จแล้วเข้าสู่ ระบบเครือข่ายอินเทอร์เน็ต เพื่อให้บุคคลอื่น ๆ สามารถเข้าชมเว็บไซต์ของเราได้ วิธีการก็คือ นำเว็บไซต์ที่เราสร้างขึ้นไปไว้บนพื้นที่ ที่ให้บริการ (Web Hosting) ซึ่งมีพื้นที่ ที่ให้บริการฟรี และ แบบที่ต้องเสียค่าบริการ
ขั้นตอนที่ 6 การอัพโหลดเว็บไซต์
หลังจากสร้างเว็บไซต์และลงทะเบียนขอพื้นที่ สำหรับฝากเว็บไซต์แล้ว ให้ใช้โปรแกรมสำหรับ อัปโหลด (Upload) เช่นโปรแกรม CuteFTP เพื่อให้คนทั่วโลกสามารถเข้าชมเว็บไซต์ของเรา ผ่านทางระบบเครือข่ายอินเทอร์เน็ตได้ หมายเหตุ ในบทเรียนชุดนี้จะยังไม่ได้กล่าวถึง การขอพื้นที่ และการอัปโหลดเว็บไซต์ จะใช้วิธี การสอนแบบสาธิตในห้องเรียนต่อไป