2. สมาชิกในกลุ่ม ที่ 2
นางสาวกาญจนา วิลัยชื่น รหัส 533410080501
นางสาวนิสรา ดวงสีทา รหัส 533410080513
นางสาวศศิวิมล ม่วงกล่่า รหัส 533410080527
นายอติชาต เรืองสมบัติ รหัส 533410080549

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

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

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

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

7. ทฤษฎีสีกับการออกแบบเว็บไซต์
1. สีโทนร้อน (Warm Colors)
2. สีโทนเย็น (Cool Colors)
3. สีโทนกลาง (Neutral Colors)

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

9. เว็บไซต์ที่เลือก
King's college London

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

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

12. วิเคราะห์เว็บไซต์
เนื้อหาใน website
น่าเสนอข่าวความเคลื่อนไหวล่าสุดของมหาวิทยาลัย การประชาสัมพันธ์
กิจกรรมต่างๆความร่วมมือทางองค์กร สื่อวีดีทัศน์ สื่อการเรียนการสอน
และผลงานการวิจัย สามารถรับข้อมูลข่าวสารได้ทาง Social Networking
(เช่น Facebook,twitter) และ โทรศัพท์มือถือ

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

14. ส่วนประกอบของหน้าเว็บไซต์

15. ส่วนประกอบของหน้าเว็บไซต์

16. ส่วนประกอบของหน้าเว็บเพจ
แบ่งออกเป็น 3 ส่วนหลักๆ คือ
1. ส่วนหัวของหน้า (Page Header)
2.ส่วนของเนื้อหา (Page Body)
3. ส่วนท้ายของหน้า (Page Footer)

17. ส่วนประกอบของหน้าเว็บเพจ
1. ส่วนหัวของหน้า (Page Header)
โลโก้ (Logo) เป็นสิ่งที่เว็บไซต์ควรมี
เป็นตัวแทนของเว็บไซต์ได้เป็นอย่างดี
และยังท่าให้เว็บน่าเชื่อถือ

18. ส่วนประกอบของหน้าเว็บเพจ
1. ส่วนหัวของหน้า (Page Header)
เมนูหลักหรือลิงค์ (Navigation Bar)
เป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์

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

20. ส่วนประกอบของหน้าเว็บเพจ
เป็นส่วนที่อยู่ด้านล่างสุดของหน้า จะมีหรือไม่มีก็ได้
มักวางระบบน่าทางที่เป็นลิงค์ข้อความง่าย ๆ
และอาจแสดงข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาภายในเว็บไซต์
เช่น เจ้าของเว็บไซต์, ข้อความแสดงลิขสิทธิ์,
วิธีการติดต่อกับผู้ดูแลเว็บไซต์, ค่าแนะน่าการใช้เว็บไซต์ เป็นต้น
3. ส่วนท้ายของหน้า (Page Footer)

21. จบการน่าเสนอ