1. การออกแบบ
และ
ขั้นตอนการพัฒนาเว็บไซต์

2. รายชื่อสมาชิกกลุ่ม
1. นางสาวจิรพา ชัยสันทนะ รหัส 533410080503
2. นางสาวจิราภรณ์ จันทจร รหัส 533410080504
3. นางสาวอนิศรา อ้วนละไมย์ รหัส 533410080531
4. นายจิรวัฒน์ พิมมรินทร์ รหัส 533410080535
5. นายวรุฒ ศรีสามารถ รหัส 533410080545

3. วิเคราะห์การออกแบบเว็บไซต์
มหาวิทยาลัยราชภัฎสวนสุนันทา

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

5. การออกแบบโครงสร้างของเว็บไซต์(ต่อ)
การออกแบบโครงสร้างของเว็บไซต์ (Site Structure Design) คือ
การจัดหมวดหมู่ และลาดับของเนื้อหาแล้วจัดทาเป็นแผนผังโครงสร้างของ
เว็บไซต์ ซึ่งจะทาให้เรารู้ว่ามีเนื้อหาอะไรบ้างภายในเว็บไซต์ และแต่ละหน้าเว็บ
เพจนั้นมีการทางานที่เชื่อมโยงเชื่อมโยงกันอย่างไร
โดยที่เว็บไซต์ของมหาวิทยาราชภัฎสวนสุนันทามีการออกแบบ
โครงสร้างของเว็บไซต์ ดังนี้( จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุเทพ.
2544: 16; )

6. ส่วนประกอบและขั้นตอนกระบวนการพัฒนาเว็บไซต์(ต่อ)
ขั้นตอนที่ 1 : เก็บรวบรวมข้อมูลสาหรับพัฒนาเว็บไซต์
ขั้นตอนที่ 2 : พัฒนาเนื้อหา (Site Contact)
ขั้นตอนที่ 3 : พัฒนาโครงสร้างเว็บไซต์ (Site Structure)
ขั้นตอนที่ 4 : ออกแบบและพัฒนาเว็บไซต์ (Visual Design)
ขั้นตอนที่ 5 : พัฒนาและดาเนินการ (Production and Operation)

7. ส่วนประกอบและขั้นตอนกระบวนการพัฒนาเว็บไซต์(ต่อ)
เว็บไซต์ (Web Site) คือแหล่งที่เก็บรวบรวมข้อมูลเอกสารและสื่อ
ประสมต่างๆ เช่นภาพ เสียง ข้อความของแต่ละบริษัทหรือหน่วยงานโดยเรียก
เอกสารต่างๆ เหล่านี้ว่า เว็บเพจ (Web Page) และเรียกเว็บหน้าแรกของแต่ละ
เว็บไซต์ว่า โฮมเพจ (Home Page) หรืออาจกล่าวได้ว่า เว็บไซต์ก็คือเว็บเพจ
อย่างน้อยสองหน้าที่มีลิงค์ (Links) ถึงกัน ตามหลักคาว่า เว็บไซต์จะใช้สาหรับผู้
ที่มีคอมพิวเตอร์แบบเซิร์ฟเวอร์หรือจดทะเบียนเป็นของตนเองเรียบร้อยแล้ว

8. ส่วนประกอบและขั้นตอนกระบวนการพัฒนาเว็บไซต์(ต่อ)

9. การออกแบบเว็บไซต์จะต้องคานึงถึง

10. 2. ความสม่าเสมอ
3. ความเป็นเอกลักษณ์
4. เนื้อหาที่มีประโยชน์
6. มีลักษณะที่น่าสนใจ
7. การเข้าใช้งานโดยไม่จากัด
8. คุณภาพในการออกแบบ
9. ระบบการใช้งานได้ถูกต้อง
5. ระบบนาทางที่ใช้งานง่าย
1. ความเรียบง่าย

11. การออกแบบเว็บไซต์จะต้องคานึงถึง (ต่อ)
การออกแบบเว็บไซต์ควรเรียนรู้และเข้าใจถึงกระบวนการ ของการ
นาเสนอก่อน ซึ่งสามารถทาได้หลายรูปแบบขึ้นอยู่กับลักษณะของข้อมูล
และความชอบของผู้พัฒนา ตลอดจนกลุ่มเป้าหมายที่ต้องการนาเสนอ การ
ออกแบบโครงสร้างของมหาวิทยาลัยราชภัฏสวนสุนันทา ตรงตามหลักการ
ออกแบบ ของจิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุเทพ. 2544: 16;
วิเศษศักดิ์ โครตอาษา. 2542: 184) ที่ได้กล่าวมาข้างต้น

12. การเกิดสีและภาพบนจอคอมพิวเตอร์
จอภาพคอมพิวเตอร์ที่เราเห็นแสดงสีสันได้สวยงามนั้น
ก็มาจากการผสมกันของ แม่สี 3 สี โดยแต่ละสีจะมีความเข้มได้ 256 ระดับ
คือ ตั้งแต่ 0-255 และเมื่อผสมกันทั้ง 3 สี จานวนสีที่สามารถแสดงได้ก็คือ
256x256x256 หรือประมาณ 16.7 ล้านสี หรือเรียกว่าความคมชัด 24 บิต
การแสดงสีของภาพที่ปรากฏจะชัดเจนหรือไม่นั้น ขึ้นอยู่กับความละเอียดของ
จอภาพ (resolution) และความสามารถของการ์ดแสดงผลจอภาพ (VGA
Card)

13. สรุป
จากการที่ได้ทาการศึกษาการออกแบบและขั้นตอนการพัฒนาเว็บไซต์
จากหลักทฤษฎีต่างๆ ของงานวิจัยที่เกี่ยวข้อง เพื่อทาการวิเคราะห์เว็บไซต์
ของ มหาวิทยาลัยราชภัฏสวนสุนันทาทาให้เราได้ทราบถึง วิธีการออกแบบ
เว็บไซต์ ขั้นตอนการพัฒนาเว็บไซต์ การเกิดสีและภาพบนจอคอมพิวเตอร์
ส่วนประกอบของเว็บไซต์ และทฤษฎีสีที่ใช้ในการออกแบบ มีขั้นตอนและ
วิธีการอย่างไรในการพัฒนาเว็บไซต์ ซึ่งสามารถนามาประยุกต์ใช้ในการ
ออกแบบเว็บไซต์ในรายวิชาที่เกี่ยวข้อง นอกจากนี้ยังสามารถนามาประยุกต์ใช้
ในชีวิตประจาวันได้

14. กลับเมนู

15. กลับเมนู

16. กลับเมนู

17. กลับเมนู

18. กลับเมนู

19. กลับเมนู

20. กลับเมนู

21. กลับเมนู

22. กลับเมนู