1. การวิเคราะห์และการพัฒนา
เว็บไซต์
วิชาโปรแกรมสร้างเว็บเพื่อการศึกษา
สาขาคอมพิวเตอร์ศึกษา ชั้นปีที่ 4 หมู่ 5
อาจารย์ผู้สอน ปวริศ สารมะโน
กลุ่มที่ 5

2. สมาชิกกลุ่มที่ 5
1. นางสาวจิราวรรณ ศรีอานวย รหัสนักศึกษา 533410080506
2. นางสาวปิยภาณี ผดุงสันต์ รหัสนักศึกษา 533410080516
3. นางสาวพรพิศ แพงสุ่ย รหัสนักศึกษา 533410080518
4. นายภาณุเดช ศรีนวลจันทร์ รหัสนักศึกษา 533410080541

3. หลักการออกแบบเว็บไซต์
การออกแบบเว็บไซต์นั้นไม่ได้ หมายถึง ลักษณะหน้าตาของเว็บไซต์
เพียงอย่างเดียว แต่เกี่ยวข้องทั้งหมดตั้งแต่การกาหนดเป้าหมาย การระบุ
กลุ่มเป้าหมายการจัดระบบข้อมูล การสร้างระบบ เนวิเกชั่น การออกแบบ
หน้าเว็บรวมไปถึงการใช้กราฟการเลือกใช้สี และการจัดรูปแบบตัวอักษร
นอกจากนั้นยังต้องคานึงถึงความแตกต่างของสื่อกลางในการแสดงผล
เว็บไซต์

4. การออกแบบโครงสร้างของเว็บไซต์
ปัจจุบันจะมีหลักการออกแบบโครงสร้างหน้าเว็บไซต์
จะไม่แตกต่างกันมากนัก สามารถจาแนกออกได้เป็น 3
รูปแบบใหญ่ๆ คือ

5. การออกแบบโครงสร้างของเว็บไซต์ (ต่อ)
1. ออกแบบหน้าเว็บไซต์ที่เน้นการนาเสนอเนื้อหาเป็น
หลักการออกแบบเว็บไซต์ลักษณะนี้จะเน้นการนาเสนอเนื้อหา
มากกว่ารูปภาพซึ่งใช้โครงสร้างของตารางเป็นหลัก เพื่อใส่
ข้อความแบบหน้าสารบัญและรูปภาพประกอบที่มีขนาดเล็กๆ

6. การออกแบบโครงสร้างของเว็บไซต์ (ต่อ)
ภาพที่ 1 เว็บไซต์ที่มีการนาเสนอเนื้อหาเป็นหลัก

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

8. การออกแบบโครงสร้างของเว็บไซต์ (ต่อ)
ภาพที่ 2 เว็บไซต์ที่ใช้ภาพกราฟิกเป็นส่วนประกอบ

9. การออกแบบโครงสร้างของเว็บไซต์ (ต่อ)
3. ออกแบบหน้าไซต์ที่มีทั้งภาพ และเนื้อหา เป็น
ลักษณะของการออกแบบเว็บไซต์ที่นารูปแบบทั้ง 2 ที่กล่าว
ข้างต้นมาผสมกัน โดยจะเน้นการจัดวางภาพและเนื้อหาให้
เหมาะสม และสวยงาม

10. การออกแบบโครงสร้างของเว็บไซต์ (ต่อ)
ภาพที่ 3 เว็บไซต์ที่ใช้ภาพกราฟิกและเนื้อหาเป็นส่วนประกอบ

11. ทฤษฏีสีและการออกแบบเว็บไซต์
สี(Color)
ถือเป็นหัวใจหลักสาคัญเพราะการเลือกใช้สีจะแสดงถึงอารมณ์ที่
ต้องการได้ชัดเจนมากกว่าส่วนประกอบอื่นๆทั้งหมดเช่นสีโทนร้อน
สาหรับงานที่ต้องการความตื่นเต้นท้าทาย หรือสี โทนเย็นสาหรับ
งานที่ต้องการให้ดูสุภาพ สบาย ๆ

12. ทฤษฏีสีและการออกแบบเว็บไซต์ (ต่อ)
ตัวอักษร(Text)

13. ทฤษฏีสีและการออกแบบเว็บไซต์ (ต่อ)
รูปภาพ(Picture)
ภาพนิ่ง (Still Picture)
ภาพกราฟิก (Graphic Picture)
ภาพเคลื่อนไหว (Animation)

14. ทฤษฏีสีและการออกแบบเว็บไซต์ (ต่อ)
รูปภาพ(Picture)

15. เว็บไซต์ที่เลือก
King Mongkut's University of Technology

16. เว็บไซต์ที่เลือก
King Mongkut's University of Technology
โลโก้ (LOGO) หรือสัญญาลักษณ์

17. เว็บไซต์ที่เลือก
King Mongkut's University of Technology
โลโก้ (LOGO) หรือสัญญาลักษณ์ (ต่อ)
เป็นสัญลักษณ์ที่แสดงถึงตัวตนของเรา ทาให้ลูกค้าหรือผู้ใช้งาน
จดจาเราได้ ด้วยเหตุนี้เองทาให้การออกแบบเว็บไซต์นั้นจาเป็นต้อง
มีโลโก้ของเว็บไซต์เป็นอย่างยิ่งตาแหน่งส่วนใหญ่จะจัดวางอยู่
มุมซ้ายบนของเว็บไซต์ เพื่อให้ผู้ใช้งานจาได้และสะดุดตา

18. เว็บไซต์ที่เลือก
King Mongkut's University of Technology
Navigation หรือเมนูนาทาง

19. เว็บไซต์ที่เลือก
King Mongkut's University of Technology
Navigation หรือเมนูนาทาง (ต่อ)
การออกแบบพัฒนาเว็บนั้นเป็นออกแบบเพื่อทาให้เว็บของเรานั้นมี
ความน่าสนใจต่อ ผู้ที่เข้ามารับชมเว็บของเรา เว็บที่น่าสนใจนั้น
ส่วนมากเป็นเว็บที่สามารถใช้งานง่ายและสะดวกต่อการใช้งาน
Navigation นั้นเป็นเหมือนป้ายบอกทางที่จะทาให้ผู้เข้ารับชมเว็บ
ของเรานั้นรู้ว่าจะไปยังจุดใดของเพจต่างๆในเว็บของเรา

20. เว็บไซต์ที่เลือก
King Mongkut's University of Technology
Content (เนื้อหา)
เป็นองค์ประกอบสาคัญที่มีผลต่อ
การตัดสินใจเยี่ยมชมข้อมูลของผู้ชม
เว็บว่าควรชมเว็บไซต์นี้ต่อหรือไม่
การออกแบบส่วนเนื้อหาควรกาหนด
วัตถุประสงค์ของเว็บไซต์ ว่าต้องการ
นาเสนอข้อมูลเกี่ยวกับอะไรจากนั้น
จึงค้นหาข้อมูลให้ครอบคลุมเรื่องที่
เกี่ยวข้องให้มากที่สุด

21. เว็บไซต์ที่เลือก
King Mongkut's University of Technology
Footer (ส่วนท้ายของหน้า)
เป็นส่วนที่อยุ่ด้านล่างสุดของหน้ามักวาง
ระบบนาทางที่เป็นลิงค์ข้อความง่ายๆและ
อาจแสดงข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหา
ภายในเว็บไซต์ เช่น เจ้าของเว็บไซต์
ข้อความแสดงลิขสิทธิ์ วิธีการติดต่อกับ
ผู้ดูแลเว็บไซต์การแนะนาการใช้เว็บไซต์
เป็นต้น

22. เว็บไซต์ที่เลือก
King Mongkut's University of Technology
- นักเรียนนักศึกษา บุคลากร อาจารย์ ที่ต้องการทราบรับรู้ข่าวสาร
ประชาสัมพันธ์ต่างๆ
- บุคคล หรือ กลุ่มประชาชนทั่วไป ที่ต้องการติดตามข่าวสาร
ประชาสัมพันธ์
เป้าหมายหลัก

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

24. จบการนาเสนอ