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

เว ็บไซต์

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

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. สตี ัวอ ักษร มหาว ิทยาล ัยได ้ใชส้ ีด ำา

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