3. สมาชิกในกล่มสมาชกในกลุม
ั ี ั ั ึ1. นายสามารถ สมภักดี รหัสนักศึกษา 533410080548
2. นางสาวเขมนันท์ ทาโยธี รหัสนักศึกษา 533410080502
ไ ั ั ั ึ3. นางสาวชไมพร อุทัยแสน รหัสนักศึกษา 533410080508
4. นางสาวปัทมา ปะวะโข รหัสนักศึกษา 533410080515
สาขาวิชาคอมพิวเตอร์ศึกษา ชั้นปีที่ 4 หมู่ 5

4. TitleTitle

5. เว็บไซต์ที่เลือก

6. UNIVERSITY OF AUCKLANDUNIVERSITY OF AUCKLAND

7. จะออกแบบเว็บไซต์จะออกแบบเว็บไซต์
ไงดีไงดี ????????????????ไงดไงด ????????????????

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

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

12. การออกแบบเว็บไซต์ที่ดี คือ การออกแบบให้เหมาะสม กับกล่มเป้าหมายการออกแบบเวบไซตทด คอ การออกแบบใหเหมาะสม กบกลุมเปาหมาย
และลักษณะของเว็บไซต์ โดยคํานึงถึงความสะดวกในการใช้งานของผู้ใช้เป็นหลัก
ควรมีความเรียบง่าย มีความสม่ําเสมอ สะท้อนเอกลักษณ์และลักษณะขององค์กรนั้นควรมความเรยบงาย มความสมาเสมอ สะทอนเอกลกษณและลกษณะขององคกรนน
ได้ มีเนื้อหาที่มีประโยชน์ มีระบบ Navigation ที่ใช้งานง่าย มีโลโก้และชื่อเว็บไซต์ทุก
หน้า ที่สําคัญ คือ มีลักษณะที่น่าสนใจและหมั่นปรับปรงเนื้อหาอย่างสม่ําเสมอ (ดวงพรหนา ทสาคญ คอ มลกษณ ทนาสนใจแล หมนปรบปรุงเนอหาอยางสมาเสมอ (ดวงพร
เกี๋ยงคํา. 2549: 27)

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

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

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

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

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

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

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

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

21. การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ ดังนี้ (จิตเกษม
ั ั ั ี ั ์ โพัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ โคตรอาษา. 2542: 184)
9. ระบบใช้งานได้ถูกต้องู
ใ ้ ไ ้ ้ ใ ็ ไ ์9. ระบบใช้งานได้ถูกต้อง ระบบการทํางานต่างๆ ในเว็บไซต์ของ
มหาวิทยาลัยโอ๊คแลนด์ มีความแน่นอน และทําหน้าที่ได้อย่างถูกต้อง
เช่น มีการติดต่อผ่าน Social Network เช่น Facebook Twitterเชน มการตดตอผาน Social Network เชน Facebook , Twitter ,
YouTube , LinkedIn และสามารถใช้การได้จริง

22. การออกแบบโครงสร้างเว็บไซต์ (Site Structure Design)การออกแบบโครงสรางเวบไซต (Site Structure Design)
คือ การจัดหมวดหมู่ และลําดับของเนื้อหา แล้วจัดทําเป็นแผนผังโครงสร้าง
เว็บไซต์ ซึ่งจะทําให้เราร้ว่ามีเนื้อหาอะไรบ้างภายในเว็บไซต์ และแต่ละหน้าเวบไซต ซงจะทาใหเรารูวามเนอหาอะไรบางภายในเวบไซต และแตละหนา
เว็บเพจนั้นมีการเชื่อมโยงกันอย่างไร
โดยที่เว็บไซต์ของมหาวิทยาโอ๊คแลนด์ มีการออกแบบโครงสร้างของโดยทเวบไซตของมหาวทยาโอคแลนด มการออกแบบโครงสรางของ
เว็บไซต์ ดังนี้

23. 1. มีรายการสารบัญแสดงรายละเอียดของเว็บไซต์ญ
2. มีการเชื่อมโยงข้อมูลไปยังเป้าหมายได้ตรงกับความต้องการมากที่สุด
3. เนื้อหากระชับสั้นและทันสมัยอยู่เสมอู
4. สามารถโต้ตอบกับผู้ใช้ได้อย่างทันท่วงที
5. เลือกใช้รูปภาพ ทําหน้าที่แทนคําบรรยายที่ยาวเกินไปู

24. 6 เข้าส่กล่มเป้าหมายได้อย่างถกต้อง6. เขาสูกลุมเปาหมายไดอยางถูกตอง
7. การสร้างและการออกแบบเว็บไซต์ ง่ายต่อการใช้งานและตรงตาม
ความต้องการของกล่มเป้หมายความตองการของกลุมเปหมาย
8. มีการกําหนดข้อมูลให้เป็นมาตรฐานเดียวกัน โดยแบ่งเนื้อหาออกเป็น
ส่วนๆ และจัดเป็นกล่ม เป็นหมวดหม่ เพื่อความเป็นระเบียบ ทําให้ผ้ที่เข้ามาสวนๆ และจดเปนกลุม เปนหมวดหมู เพอความเปนระเบยบ ทาใหผูทเขามา
เยี่ยมชมเว็บไซต์สะดวกในการใช้งาน

25. จากการที่สมาชิกในกลุ่มได้ทําการศึกษา และวิเคราะห์การออกแบบ
โ ส ้ ็ ไซ ์ ิ ั โ ๊ ์ ิ ั ี ี่ ี่ ้โครงสรางเวบไซตของมหาวทยาลยโอคแลนด จากงานวจยและทฤษฎทเกยวของ
ก็สามารถสรุปได้ว่า
การออก บบโครงสร้าง ว็บไซต์ของมหาวิทยาลัยโอ๊ค ลนด์ ตรงตามการออกแบบโครงสรางเวบไซตของมหาวทยาลยโอคแลนด ตรงตาม
ทฤษฎีการออกแบบโครงสร้างเว็บไซต์ ของจิตเกษม พัฒนาศิริ (2539)ได้อ้างอิงไว้
ในงานวิจัยที่สมาชิกในกล่มศึกษามาในงานวจยทสมาชกในกลุมศกษามา

27. ขั้นตอนในการพัฒนาเว็บไซต์อย่างมีหลักการ จะต้องมีการดําเนินการขนตอนในการพฒนาเวบไซตอยางมหลกการ จะตองมการดาเนนการ
ตามขั้นตอนที่ชัดเจน มหาวิทยาโอ๊คแลนด์ ได้มีการพัฒนาเว็บไซต์อย่างเป็น
ขั้นตอน ดังนี้ขนตอน ดงน

28. ํ ป้กําหนดเป้าหมายและวางแผน
วิ ครา ห์ ล จัดโครงสร้างข้อมลวเคราะหและจดโครงสรางขอมูล
็ ี ้ออกแบบเว็บเพจและเตรียมข้อมูล
ื ้ลงมือสร้างและทดสอบ
ใ ้ ็ ่ ้เผยแพร่และส่งเสริมให้เป็นทีรู้จัก
่ดูแลและปรับปรุงต่อเนื่อง

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

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

33. เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการออกแบบเว็บไซต์โดยยึด
ส่วนประกอบของเว็บไซต์ ตรงตามทฤษฏีของ วิทยา เรืองพรวิสุทธิ์ (2539: 46-47)
ดังนี้

34. Header
Menu
Sidebar
Content
Footter

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

36. ENDEND