2. 1.นางสาวพัชราภรณ์ สอนอ่า รหัส533410080318
2.นางสาวเสาวลักษณ์ แก้วเกต รหัส533410080331
3.นายนิรันดร์ กิริยาดี รหัส533410080338
4.นายพัฒพล วรรณสัมผัส รหัส533410080339
สาขาคอมพิวเตอร์ศึกษา
คณะ ครุศาสตร์

3. ภาพรวม
ของเว็บไซต์
http://www.tue.nl/en/

4. ส่วนหัว
1.Logo ซึ่งเป็นส่วนสำคัญที่จะทำให้ผู้เข้ำชมทรำบถึงเอกลักษณ์ และควำม
น่ำเชื่อถือของมหำวิทยำลัย
2.Navigation เป็นส่วนที่จะนำผู้เข้ำชมเว็บไซต์ไปยังส่วนต่ำงของเว็บไซต์

5. ส่วนเนื้อหา
3. Content เป็นเว็บไซต์ที่มีเนื้อหำเกี่ยวกับกำรศึกษำ ซึ่งจะทำให้ผู้ที่ต้องกำร
ค้นคว้ำเข้ำถึงเนื้อหำได้เร็วขึ้น

6. ส่วนท้าย
4. Whitespace มีพื้นที่ว่ำงในเว็บไซต์ ทำให้ได้พักสำยตำ

7. 5. Footer คือส่วนล่ำงสุดของหน้ำเว็บไซต์ ส่วนใหญ่จะเก็บลิงก์ต่ำงๆเอำไว้
หรือเป็นเนื้อหำที่เกี่ยวกับเว็บไซต์เช่นลิขสิทธิ์ต่ำงๆ

8. 1. มีข้อความทักทายต้อนรับ เพื่อให้ผู้เข้ำชมรู้สึกว่ำเป็นเว็บไซต์ใส่ใจ
แม้ในรำยละเอียดเล็กน้อย

9. 2. มีกล่องสาหรับใส่ชื่อผู้เรียนและรหัสผ่าน เพื่อจะได้พิสูจน์ตัวตน
https://w3.tue.nl/en/login/

10. 3. แสดงรายวิชาต่างๆ เพื่อให้ผู้ใช้สำมำรถเลือกเรียนรู้ได้ตำมต้องกำร
http://w3.tue.nl/en/navigate/
portals/student/

11. 4.มีภาพกราฟิก เพื่อช่วยดึงดูดควำมสนใจแก่ผู้เยี่ยมชม

12. 1.รูปแบบตัวอักษรและขนาด เลือกรูปแบบของตัวอักษรได้อย่ำง
เหมำะสม เหมำะกับงำนที่เป็นทำงกำร ขนำดของตัวอักษรพอเหมำะ
ซึ่งเหมำะกับกลุ่มนักศึกษำ

13. 2.การกาหนดระยะห่างและพื้นที่ว่าง ระยะห่ำงระหว่ำงตัวอักษรมีขนำด
พอเหมำะ ไม่แออัดจนเกินไป มีที่ว่ำงสำหรับพักสำยตำ
3.การกาหนดโครงสี สีบนตัวภำพ พื้นภำพ และบนตัวอักษรมีควำมโดดเด่น
ชัดเจน

14. 4.การจัดวางตาแหน่ง มีกำรวำงโลโก้ไว้มุมบนซ้ำยซึ่งเป็นจุดสนใจ
มำกที่สุด มีกำรเน้นภำพกรำฟิกไว้ในที่สะดุดตำคนมองเห็นง่ำย มีกำร
จัดวำงเนื้อหำไว้ใกล้ภำพทีมีเนื้อหำสัมพันธ์กัน

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

16. ทฤษฎีการเน้นจุดสนใจ
เว็บไซต์ของมหำวิทยำลัยสอดคล้องกับทฤษฎีของ Herman F Brandt ซึ่ง
ท่ำนได้ศึกษำทดลองของตำแหน่งที่เด่นที่สุดในกำรจัดวำงโลโก้จำกกำรมอง
ในกรอบสี่เหลี่ยมของจอคอมพิวเตอร์หรือกระดำษ
41% มีควำมสนใจมำกที่สุด 20% สนใจอันดับ 3
25% สนใจอันดับ 2 14% สนใจอันดับ 4

17. ทฤษฎีเกี่ยวกับตัวอักษร
เว็บไซต์ของมหำวิทยำลัยสอดคล้องกับทฤษฎีของ ทิพย์สุดำ ปทุมำนนท์ได้บอกทฤษฏี
เกี่ยวกับตัวอักษรไว้ดังนี้
1.ขนาดของตัวอักษร จะต้องสัมพันธ์กับอำยุของผู้ใช้ซึ่งได้กำหนดได้อย่ำงถูกต้อง
ซึ่งนักศึกษำอยู่ในวัยผู้ใหญ่ปกติ อายุ ขนาดอักษรโรมัน/point อักษรไทย/poin
t
5-7 ปี 18 24-30
7-10 ปี 12-14 18-30
10-12 ปี 16-18 16-18
12 ปีขึ้นไป 11-12 16-18
ผู้ใหญ่ปกติ 10-12 14-16
คนสูงอำยุ 11-12 16-18

18. 2. รูปแบบตัวอักษร จะต้องเลือกใช้Font ได้ตรงตำมชนิดของ
เว็บไซต์ ซึ่งมหำวิทยำลัยได้ใช้Font แบบ Serif ซึ่งเป็นระเบียบ เป็น
ทำงกำร เหมำะที่จะใช้ในงำนที่เป็นทำงกำร และต้องกำรควำม
น่ำเชื่อถือมำกๆ

19. ทฤษฎีการใช้สี
เว็บไซต์ของมหำวิทยำลัยสอดคล้องกับทฤษฎีของ มำโนชน์ กงกะนันทน์
กล่ำวว่ำ สีพื้นหลังควรเป็นสีที่สว่ำง ดูเย็นตำสบำยตำ ส่วนตัวอักษรจะต้อง
เป็นสีที่ทึบ สีพื้นและตัวอักษรควรเป็นสีที่ตัดกัน ขัดแย้งกันมำกที่สุด เพรำะ
จะทำให้ตัวอักษรเด่นชัดขึ้น
1.สีของพื้นหลัง มหำวิทยำลัยได้ใช้สีขำวเป็นพื้นหลังจึงทำให้ดูสบำยตำ
2.สีตัวอักษร มหำวิทยำลัยได้ใช้สีดำ ซึ่งทำให้ตัวหนังสือดูเด่นชัด อีกทั้งตัด
กันกับสีพื้น