สมาชกในกลม ท 2

นางสาวกาญจนา วลยชน รหส 533410080501 นางสาวนสรา ดวงสทา รหส 533410080513 นางสาวศศวมล มวงกลา รหส 533410080527 นายอตชาต เรองสมบต รหส 533410080549

องคประกอบของการออกแบบเวบไซต ตองคานงถง 1. ความเรยบงาย 2. ความสมาเสมอ 3. ความเปนเอกลกษณ 4. เนอหาทมประโยชน 5. ระบบเนวเกชนทใชงานงาย 6. ลกษณะทนาสนใจ 7. การใชงานอยางไมจากด 8. คณภาพในการออกแบบ 9. ระบบการใชงานทถกตอง

พนฐานในการออกแบบเวบไซตทด

- มเนอหาเปนประโยชน ตรงกบทผใชตองการ - มการปรบปรงเพมเตมเนอหา และพฒนาเวบไซตอยเสมอ - ใชเวลาในการดาวนโหลดนอย แสดงผลเรว ใชงานทสะดวก เขาใจงาย

ทฤษฎสกบการออกแบบเวบไซต

การสรางสสนบนหนาเวบเปนสงทสอความหมายของเวบไซตไดอยางชดเจน การเลอกใชสใหเหมาะสม กลมกลน ไมเพยงแตจะสรางความพงพอใจใหกบผใช แตยงสามารถทาใหเหนถงความแตกตางระหวางเวบไซตได สเปนองคประกอบหลกสาหรบการตกแตงเวบ จงจาเปนอยางยงทจะตองทาความเขาใจเกยวกบการใชส

ทฤษฎสกบการออกแบบเวบไซต

สมอทธพลในเรองของอารมณการสอความหมายทเดนชด กระตนการรบรทางดานจตใจมนษย สแตละสใหความรสก อารมณทไมเหมอนกน สบางสใหความรสกสงบ บางสใหความรสกตนเตนรนแรง สจงเปนปจจยสาคญอยางยงตอการออกแบบเวบไซต ดงนนการเลอกใชโทนสภายในเวบไซตเปนการแสดงถงความแตกตางของสท แสดงออกทางอารมณ มชวตชวาหรอเศราโศก รปแบบของสทสายตาของมนษยมองเหน สามารถแบงออกเปน 3 กลม คอ

ทฤษฎสกบการออกแบบเวบไซต

1. สโทนรอน (Warm Colors) 2. สโทนเยน (Cool Colors) 3. สโทนกลาง (Neutral Colors)

ขนตอนการพฒนาเวบไซต -กาหนดวตถประสงคของเวบไซต วาจะจดทาเวบไซตเกยวกบอะไร เชนทองเทยว บนเทง เปนตน -กาหนดกลมผชมเปาหมาย เพอทจะไดจดโทนส รปภาพ กราฟก หนาตาของเวบเพจใหเหมาะสมกบกลมเปาหมาย -เตรยมแหลงขอมล เพอทจะไดนาเนอหาสาระมานาเสนอไดอยางครบถวนและสมบรณ -เตรยมทกษะหรอบคลากร เนองจากเวบไซตทมเนอหามากๆ กจาเปนตองมบลลากรเพอพฒนาเวบไซต ไมวาจะเปนการดแลเวบเซรฟเวอร กราฟกดไซน ทมความรความสามารถเฉพาะดาน เปนตน -เตรยมทรพยากรตาง ๆ เทาทมความจาเปน เชน โปรแกรมตางๆ ทงในดานระบบฐานขอมล และมลตมเดย โปรแกรมสรางภาพเคลอนไหว เปนตน

เวบไซตทเลอก

King's college London

เหตผลทเลอกเวบไซต

มหาวทยาลยคงคอลเรน ลอนดอน มการออกแบบเวบไซตทตรงตามองคประกอบหลก ของการออกแบบเวบไซตทางการศกษา อยางมประสทธภาพ คอ 1. ความเรยบงาย 4. เนอหาทมประโยชน 7. การเขาใชงานไดไมจากด 2. ความสมาเสมอ 5. ระบบนาทางทใชงานงาย 8. มคณภาพในการออกแบบ 3. ความเปนเอกลกษณ 6. มลกษณะทนาสนใจ 9. ระบบใชงานไดถกตอง

วเคราะหเวบไซต

วตถประสงค -เพอนาเสนอขาวสาร งานวจย กจกรรมเดนของมหาวทยาลย -การสรางแรงบนดาลใจใหแกบคลากรทางการศกษา -รวมรวมขอมลทสาคญและจาเปนตอการเรยนการสอน กลมเปาหมาย กลมเปาหมายหลก : นกศกษา อาจารย และบคลากร กลมเปาหมายรอง : นกเรยน ผปกครอง รวมทงประชาชนบคคลทวไปทมความสนใจ

วเคราะหเวบไซต

เนอหาใน website นาเสนอขาวความเคลอนไหวลาสดของมหาวทยาลย การประชาสมพนธ กจกรรมตางๆความรวมมอทางองคกร สอวดทศน สอการเรยนการสอน และผลงานการวจย สามารถรบขอมลขาวสารไดทาง Social Networking (เชน Facebook,twitter) และ โทรศพทมอถอ

วเคราะหเวบไซต

จดเดน -ใชฟอนตมาตรฐาน อานงาย -ออกแบบโทนสแบบสใกลเคยง คอ ขาวกบเทา ตรงตามทฤษฏส -navigation bar ใชงานสะดวก ไมเกะกะ ขอจากด -เนองจากมขอมลทเยอะมาก อาจทาใหผใชสบสนในการเขาถงบางสวนของเวบไซต

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

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

สวนประกอบของหนาเวบเพจ

แบงออกเปน 3 สวนหลกๆ คอ

1. สวนหวของหนา (Page Header)

2.สวนของเนอหา (Page Body)

3. สวนทายของหนา (Page Footer)

สวนประกอบของหนาเวบเพจ

1. สวนหวของหนา (Page Header)

โลโก (Logo) เปนสงทเวบไซตควรม เปนตวแทนของเวบไซตไดเปนอยางด และยงทาใหเวบนาเชอถอ

สวนประกอบของหนาเวบเพจ

1. สวนหวของหนา (Page Header)

เมนหลกหรอลงค (Navigation Bar) เปนจดเชอมโยงไปสเนอหาของเวบไซต

สวนประกอบของหนาเวบเพจ

เปนสวนทอยตอนกลางของหนา ใชแสดงขอมลเนอหาของเวบไซต ซงประกอบดวยขอความ, ตารางขอมล ภาพกราฟก วดโอ และอนๆ และอาจมเมนหลก หรอเมนเฉพาะกลมวางอยในสวนนดวย

2.สวนของเนอหา (Page Body)

สวนประกอบของหนาเวบเพจ

เปนสวนทอยดานลางสดของหนา จะมหรอไมมกได มกวางระบบนาทางทเปนลงคขอความงาย ๆ และอาจแสดงขอมลเพมเตมเกยวกบเนอหาภายในเวบไซต เชน เจาของเวบไซต, ขอความแสดงลขสทธ, วธการตดตอกบผดแลเวบไซต, คาแนะนาการใชเวบไซต เปนตน

3. สวนทายของหนา (Page Footer)

จบการนาเสนอ