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

เวบ็ไซต์

สมาชิกในกลุ่ม

1. นางสาวปภัสรา เว ียงใต ้ รห ัส533410080315

2. นางสาวณภัทร ิน ปะก ิคา รหัส533410080321

3. นายธนพฒัน์ มาตมูลรหัส533410080337

4. นายพริ ักษ ์ ม ุขธระโกษา รหัส533410080340

หน้าเว ็บเปน็ส ิง่แรกที่แสดงถึง ประสทิธภิาพในการออกแบบเว ็บไซต์

จึงเปน็ส ิ่งส ำาค ัญมาก เพราะเปน็ส ือ่กลางให้ผ ู้ใช ้สามารถใช้ประโยชน์

จากข้อม ูลของเว ็บไซต์น ั้นได ้ หลักส ำาค ัญในการออกแบบหน้า

เว ็บก ็ค ือ การใช้ร ูปภาพและองค ์ ประกอบต่าง ๆ ร ่วมก ันเพ ื่อส ือ่ความ

หมาย เน ื้อหา ล ักษณะสำาคญัของ เว ็บไซต์ โดยมีเปา้หมายสำาคญัเพ ือ่

การส ือ่ความหมายที่ช ัดเจนและน่า สนใจ บนพืน้ฐานของความเร ียบงา่ย

และความสะดวกของผู้ใช ้

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

ac.th

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

1.Logo : เป ็นส ่วน สำำค ัญที่ ส ื่อให ้ทรำบถึง

ควำมเป ็นเอกล ักษณ์

1.Logo

2.Navigation เปน็สว่นที่จะน ำำผ ู้ใช ้ เข ้ำไปยงัจ ุดต ่ำงๆในเว ็บไซต์ เปร ียบ

เสมอืนปำ้ยบอกทำงที่จะท ำำให้ผ ู้เข ้ำร ับชมเว ็บไซต์ร ู้ว ่ำจะไปยงัจ ุดต ่ำงๆ

ในเว ็บของเรำ Navigation ทีด่ ีน ั้นควรม ีดงัน ี้ - หำเจอได้งำ่ย - อ่ำนแล ้วเข ้ำใจงำ่ย - ดูเปน็ระบบไม่สบัสน - มีจ ำำนวนที่เหมำะสมไมม่ำกเก ินไป - มีหลำกหลำยทำงเล ือก - มีล ิงค ์

กลับไป หน้ำหล ักได ้

2.Navigation

3. Content สว่นของเน ื้อหำนั้นประกอบด้วยขอ้ควำมขำ่วสำรต ่ำงๆ ,

ร ูปภำพ,ว ีด ีโอ,กิจกรรมต่ำงๆใน  มหำว ิทยำล ัย และอ ื่นๆ

4. Footer เปน็สว่นที่อย ูด่ ้ำน ล่ำงสดุของหน้ำ ม ีกำรวำงระบบ

นำำทำงทีเ่ปน็ล ิงคข์ ้อควำมงำ่ย ๆและแสดงขอ้มลูเพ ิม่เต ิมเก ี่ยวก ับ

เน ื้อหำภำยในเว ็บไซต์ เช ่น หน่วยงำนต่ำงๆในมหำว ิทยำล ัย , เจ ้ำของเว ็บไซต์, ข้อควำมแสดงล ิขสทิธ ิ์, ว ิธกีำรต ิดต ่อก ับผ ู้ดแูลเว ็บไซต์

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

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

2. ด้านกราฟิก ม ีการทำาสไลด์ ภาพ เพือ่ให ้เก ิดความน่าสนใจ

ของผูเ้ขา้ใช ้เว ็บไซต์

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

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

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

แลดูแล ้วสบายตา

2. การกำาหนดสี ม ีส ีสนัท ี่สดใส และไมฉ่ ูดฉาดเก ินไป

ทำาให้เว ็บไซต์ ม ีความน่าสนใจ

3. การจ ัดวางต ำาแหน่ง ม ีการจ ัด วางต ำาแหน่งเปน็ระเบ ียบ

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

มากที่สดุ

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

ระเบ ียบ ง ่ายต ่อการกวาดสายตาในการอ ่าน

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

จึงท ำามองเห ็นได ้ช ัดเจน อ ่านง ่ายสบายตา2. สีต ัวอกัษร มหาว ิทยาล ัยได ้ใช ้ส ีด ำา

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