1. การวิเคราะห์และ
การศึกษาทฤษฎี
กับการพัฒนา
เว็บไซต์

2. สมาชิกในกลุ่ม
1. นางสาวปภัสรา เวียงใต้ รหัส
533410080315
2. นางสาวณภัทริน ปะกิคา รหัส
533410080321
3. นายธนพัฒน์ มาตมูล
รหัส533410080337
4. นายพิรักษ์ มุขธระโกษา รหัส

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

4. มหาวิทยาลัยราชภัฏ
มหาสารคามhttp://www.rmu.
ac.th

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

6. 1.Logo : เป็นส่วน
สำำคัญที่ สื่อให้ทรำบถึง
ควำมเป็นเอกลักษณ์
1.Log
o

7. 2.Navigation เป็นส่วนที่จะนำำผู้ใช้
เข้ำไปยังจุดต่ำงๆในเว็บไซต์ เปรียบ
เสมือนป้ำยบอกทำงที่จะทำำให้ผู้เข้ำ
รับชมเว็บไซต์รู้ว่ำจะไปยังจุดต่ำงๆ
ในเว็บของเรำ Navigation ที่ดีนั้น
ควรมีดังนี้
- หำเจอได้ง่ำย - อ่ำนแล้ว
2.Navi
gation

8. 3. Content ส่วนของเนื้อหำนั้น
ประกอบด้วยข้อควำมข่ำวสำรต่ำงๆ,
รูปภำพ,วีดีโอ,กิจกรรมต่ำงๆใน
มหำวิทยำลัย และอื่นๆ

9. 4. Footer เป็นส่วนที่อยู่ด้ำน
ล่ำงสุดของหน้ำ มีกำรวำงระบบ
นำำทำงที่เป็นลิงค์ข้อควำมง่ำย ๆ
และแสดงข้อมูลเพิ่มเติมเกี่ยวกับ
เนื้อหำภำยในเว็บไซต์ เช่น หน่วย

10. องค์ประกอบของ
เว็บไซต์

11. 1.ข้อความต้อนรับ

12. 2.ด้านกราฟิก มีการทำาสไลด์
ภาพ เพื่อให้เกิดความน่าสนใจ
ของผู้เข้าใช้เว็บไซต์

13. 3. มีการเชื่อมโยงกับหน่วยงา
นอื่นๆ

14. ด้านการออกแบบ
เว็บไซต์

15. 1.รูปแบบตัวอักษรและขนาด ตัว
อักษรเรียบง่าย ไม่เน้นอักษรศิลป์มาก
แลดูแล้วสบายตา

16. 2.การกำาหนดสี มีสีสันที่สดใส
และไม่ฉูดฉาดเกินไป
ทำาให้เว็บไซต์ มีความน่าสนใจ

17. 3. การจัดวางตำาแหน่ง มีการจัด
วางตำาแหน่งเป็นระเบียบ
ดูแล้วสบายตา โลโก้จัดวางที่มุมบน
ซ้าย ซึ่งจุดนี้เป็นจุดที่ดึงดูดความสนใจ
มากที่สุด

18. 4.รูปแบบตัวอักษร ใช้รูป
แบบและขนาดของอักษร เป็น
ระเบียบ ง่ายต่อการกวาด

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

20. จบการนำาเสนอ