SlideShare a Scribd company logo
1 of 20
Download to read offline
การวิเคราะหและการศึกษาทฤษฎี
กับการพัฒนาเว็บไซต
สมาชิกในกลุม
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.สีตัวอักษร มหาวิทยาลัยไดใชสีดํา
จบการนําเสนอ

More Related Content

What's hot

การค้นหาข้อมูลสารสนเทศ
การค้นหาข้อมูลสารสนเทศการค้นหาข้อมูลสารสนเทศ
การค้นหาข้อมูลสารสนเทศChinnapak Suvimontammakun
 
2559 project (1)
2559 project  (1)2559 project  (1)
2559 project (1)tata natt
 
Chapter 3 งานกลุ่ม
Chapter 3 งานกลุ่มChapter 3 งานกลุ่ม
Chapter 3 งานกลุ่มTa'Tatpong Nonyaso
 
เทคโนโลยีสารสนเทศที่ถูกนำมาใช้ในการจัดการความรู้
เทคโนโลยีสารสนเทศที่ถูกนำมาใช้ในการจัดการความรู้เทคโนโลยีสารสนเทศที่ถูกนำมาใช้ในการจัดการความรู้
เทคโนโลยีสารสนเทศที่ถูกนำมาใช้ในการจัดการความรู้กันตนา ช่วงชน
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์ไอ๊ย๊ะ พี่กิต'
 
2562 final-project by-surabadee (1)
2562 final-project by-surabadee (1)2562 final-project by-surabadee (1)
2562 final-project by-surabadee (1)NKSJT
 
โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์Ssk Jeenn
 
บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง
บทที่  2 เอกสารและงานวิจัยที่เกี่ยวข้องบทที่  2 เอกสารและงานวิจัยที่เกี่ยวข้อง
บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้องmoohhack
 
กลยุทธห้องสมุด
กลยุทธห้องสมุดกลยุทธห้องสมุด
กลยุทธห้องสมุดPrachyanun Nilsook
 
บทที่9 เทคโน
บทที่9 เทคโนบทที่9 เทคโน
บทที่9 เทคโนPoppy'z Namkham
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์Melody Moon
 
Facebook
FacebookFacebook
Facebookist0085
 
พระเหลาเทพนิมิตตำนานพระพุทธชินราชแห่งอีสาน
พระเหลาเทพนิมิตตำนานพระพุทธชินราชแห่งอีสานพระเหลาเทพนิมิตตำนานพระพุทธชินราชแห่งอีสาน
พระเหลาเทพนิมิตตำนานพระพุทธชินราชแห่งอีสานDuangporn Naulin
 

What's hot (17)

การค้นหาข้อมูลสารสนเทศ
การค้นหาข้อมูลสารสนเทศการค้นหาข้อมูลสารสนเทศ
การค้นหาข้อมูลสารสนเทศ
 
Ntp
NtpNtp
Ntp
 
2559 project (1)
2559 project  (1)2559 project  (1)
2559 project (1)
 
Chapter 3 งานกลุ่ม
Chapter 3 งานกลุ่มChapter 3 งานกลุ่ม
Chapter 3 งานกลุ่ม
 
Project m607
Project m607Project m607
Project m607
 
เทคโนโลยีสารสนเทศที่ถูกนำมาใช้ในการจัดการความรู้
เทคโนโลยีสารสนเทศที่ถูกนำมาใช้ในการจัดการความรู้เทคโนโลยีสารสนเทศที่ถูกนำมาใช้ในการจัดการความรู้
เทคโนโลยีสารสนเทศที่ถูกนำมาใช้ในการจัดการความรู้
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
 
2562 final-project by-surabadee (1)
2562 final-project by-surabadee (1)2562 final-project by-surabadee (1)
2562 final-project by-surabadee (1)
 
โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์
 
บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง
บทที่  2 เอกสารและงานวิจัยที่เกี่ยวข้องบทที่  2 เอกสารและงานวิจัยที่เกี่ยวข้อง
บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง
 
กลยุทธห้องสมุด
กลยุทธห้องสมุดกลยุทธห้องสมุด
กลยุทธห้องสมุด
 
บทที่9 เทคโน
บทที่9 เทคโนบทที่9 เทคโน
บทที่9 เทคโน
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์
 
Facebook
FacebookFacebook
Facebook
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
 
คำสั่ง
คำสั่งคำสั่ง
คำสั่ง
 
พระเหลาเทพนิมิตตำนานพระพุทธชินราชแห่งอีสาน
พระเหลาเทพนิมิตตำนานพระพุทธชินราชแห่งอีสานพระเหลาเทพนิมิตตำนานพระพุทธชินราชแห่งอีสาน
พระเหลาเทพนิมิตตำนานพระพุทธชินราชแห่งอีสาน
 

Similar to Ana_web

ส่งงานการวิเคราะห์เว็บไซต์
ส่งงานการวิเคราะห์เว็บไซต์ส่งงานการวิเคราะห์เว็บไซต์
ส่งงานการวิเคราะห์เว็บไซต์Nursary Devilz
 
ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์Noo Pui Chi Chi
 
ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์Noo Pui Chi Chi
 
งานนำเสนอ กลุ่มที่8 1
งานนำเสนอ กลุ่มที่8 1งานนำเสนอ กลุ่มที่8 1
งานนำเสนอ กลุ่มที่8 1Jirawat Fishingclub
 
การออกแบบเว็บไซต์
การออกแบบเว็บไซต์การออกแบบเว็บไซต์
การออกแบบเว็บไซต์Phanudet Senounjan
 
งานนำเสนอ1 (1)
งานนำเสนอ1 (1)งานนำเสนอ1 (1)
งานนำเสนอ1 (1)Ariaty KiKi Sang
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็กBenz Lovestory
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็กAriaty KiKi Sang
 
งานข้อ 2 แก้2
งานข้อ 2 แก้2งานข้อ 2 แก้2
งานข้อ 2 แก้2Naruedee Chotsri
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็กPhanudet Senounjan
 
ตัวอย่างการเขียน มคอ.3 รายละเอียดรายวิชา ที่ถูกต้องสอดคล้องกับผลการเรียนรู้ที...
ตัวอย่างการเขียน มคอ.3 รายละเอียดรายวิชา ที่ถูกต้องสอดคล้องกับผลการเรียนรู้ที...ตัวอย่างการเขียน มคอ.3 รายละเอียดรายวิชา ที่ถูกต้องสอดคล้องกับผลการเรียนรู้ที...
ตัวอย่างการเขียน มคอ.3 รายละเอียดรายวิชา ที่ถูกต้องสอดคล้องกับผลการเรียนรู้ที...Mnr Prn
 
เนnhอหา Blog
เนnhอหา Blogเนnhอหา Blog
เนnhอหา BlogJha Jah
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็กtayechoo
 
หนังสือเล่มเล็กก
หนังสือเล่มเล็กกหนังสือเล่มเล็กก
หนังสือเล่มเล็กกprawanya
 

Similar to Ana_web (20)

Ppttong
PpttongPpttong
Ppttong
 
ส่งงานการวิเคราะห์เว็บไซต์
ส่งงานการวิเคราะห์เว็บไซต์ส่งงานการวิเคราะห์เว็บไซต์
ส่งงานการวิเคราะห์เว็บไซต์
 
เสนองาน
เสนองานเสนองาน
เสนองาน
 
ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์
 
ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์
 
งานนำเสนอ กลุ่มที่8 1
งานนำเสนอ กลุ่มที่8 1งานนำเสนอ กลุ่มที่8 1
งานนำเสนอ กลุ่มที่8 1
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็ก
 
การออกแบบเว็บไซต์
การออกแบบเว็บไซต์การออกแบบเว็บไซต์
การออกแบบเว็บไซต์
 
งานนำเสนอ1 (1)
งานนำเสนอ1 (1)งานนำเสนอ1 (1)
งานนำเสนอ1 (1)
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็ก
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็ก
 
งานข้อ 2 แก้2
งานข้อ 2 แก้2งานข้อ 2 แก้2
งานข้อ 2 แก้2
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็ก
 
Blockchain based Customer Relation System
Blockchain based Customer Relation SystemBlockchain based Customer Relation System
Blockchain based Customer Relation System
 
Theory of website design
Theory of website designTheory of website design
Theory of website design
 
ตัวอย่างการเขียน มคอ.3 รายละเอียดรายวิชา ที่ถูกต้องสอดคล้องกับผลการเรียนรู้ที...
ตัวอย่างการเขียน มคอ.3 รายละเอียดรายวิชา ที่ถูกต้องสอดคล้องกับผลการเรียนรู้ที...ตัวอย่างการเขียน มคอ.3 รายละเอียดรายวิชา ที่ถูกต้องสอดคล้องกับผลการเรียนรู้ที...
ตัวอย่างการเขียน มคอ.3 รายละเอียดรายวิชา ที่ถูกต้องสอดคล้องกับผลการเรียนรู้ที...
 
เนnhอหา Blog
เนnhอหา Blogเนnhอหา Blog
เนnhอหา Blog
 
Travel check in
Travel check inTravel check in
Travel check in
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็ก
 
หนังสือเล่มเล็กก
หนังสือเล่มเล็กกหนังสือเล่มเล็กก
หนังสือเล่มเล็กก
 

Ana_web