หลักการในการสร้างเว็บเพจ
สรุปหลักการในการสร้างเว็บเพจได้ดังนี้
ขั้นที่1. การวางแผน
-กำหนดเนื้อหา ก่อนลงทำเว็บเราจะต้องรู้ว่าเราจะทำเว็บเกี่ยวกับอะไร เนื้อหาเป็นอย่างไร กลุ่มเป้าหมายเป็นกลุ่ม ใด ทั้งนี้เพื่อที่เราจะได้นำเนื้อหา เหล่านั้นมาใส่ในเว็บเพื่อแสดงให้รู้ว่า เนื้อหาโดยรวมเกี่ยวกับอะไร เช่น เกี่ยวกับคอมพิวเตอร์ ก็ต้องมีข้อมูลของคอมพิวเตอร์แต่ละชนิด ลักษณะ ราคาแต่ละุ่รุ่นและสถานที่ขาย เป็นต้น
-ออกแบบมุมมองในหน้าเว็บ (LayOut) คือการจัดวางองค์ประกอบในเว็บเพจว่าส่วนใดควรจะมีอะไร อาจทำโดยการร่างใส่กระดาษเปล่า ๆ ไว้ก่อนหรือใช้โปรแกรมคอมพิวเตอร์ช่วยในการออกแบบก็ได้ การใช้ตารางช่วยในการจัดองค์ประกอบในหน้าเว็บนั้นจะทำให้เว็บเพจมีความเป็นระเบียบยิ่งขึ้น และสะดวกต่อการแก้ไข ปรับปรุง
ที่มา : http://www.krusupis.com/
ที่มา : http://www.krusupis.com/
ที่มา : http://www.krusupis.com/
ขั้นที่2. การเตรียมการ
เช่น การเตรียมการด้านข้อมูลทั้งที่เป็นเนื้อหา ภาพ เสียง หรือสิ่งจำเป็นต่างๆ ที่นักเรียนคิดว่าต้องการจะนำเสนอในการทำเว็บเพจนั้น เมื่อเรารู้แล้วว่าเราจะทำเว็บเกี่ยวกับอะไร การรวบรวมข้อมูลก็มีส่วนสำคัญอย่างยิ่ง เช่น ถ้าจะทำเว็บ เกี่ยวกับ โรงเรียน ก็ต้องไปหาคติพจน์ประจำโรงเรียน สีประจำโรงเรียน บุคลากรในโรงเรียน ประวัติโรงเรียน ฯลฯ มารวบรวมไว้ แล้วหลังจากนั้นก็เอาข้อมูลนั้นมาจัดรูปแบบในเว็บต่อไป การหาเครื่องมือในการจัดทำนั้น ก็เป็นเรื่องสำคัญเครื่องมือในที่นี้ หมายถึงโปรแกรมการทำงานต่าง ๆ เช่นโปรแกรมจัดการรูปภาพ เสียง ภาพเคลื่อนไหวต่างๆ โปรแกรมในการจัดทำเว็บเพจ
จะใช้โปรแกรมสำเร็จรูปหรือจะใช้ภาษาคอมพิวเตอร์ ในการสร้างต้องเตรียมการให้พร้อม
ขั้นที่ 3. ขั้นดำเนินการตามแผนการ
ขั้นตอนนี้ จะเป็นขั้นตอนของการผลิตเว็บเพจ โดยจะมีการใช้ทรัพยากร เช่น เนื้อหา ภาพ vdo นำมาจัดวางตำแหน่ง ตามที่ได้ออกแบบหน้าเวบเพจ ซึ่งจะดำเนินการ ตามขั้นตอน
ที่มาของภาพ : http://www.drphot.com/talk/archives/2553
ขั้นที่ 4. ตรวจสอบและปรับปรุง ข้อแก้ไขเวบเพจ
ดำเนินการตรวจสอบเว็บเพจที่ได้ทำการสร้าง ว่าความสมบูรณ์ของงาน มีความสมบูรณ์ ของเนื้อหาอย่างไร โดยตรวจสอบดังนี้
4.1 ความถูกต้องของข้อมูลเนื้อหา (ควรบอกแหล่งที่มาของข้อมูล)
4.2 ตรวจสอบความถูกต้อง รูปภาพ หรือ vdo (ควรบอกแหล่งที่มาของภาพประกอบ และ vdo)
4.3 ตรวจสอบการจัดวาง ส่วนต่างๆของข้อมูล
ที่มาของภาพ : http://netsara-pmis1.blogspot.com/2018/02/6.html