SlideShare a Scribd company logo
1 of 19
Download to read offline
วิเคราะห์เว็ปไซค์
Michigan State University โดย คอมพิวเตอร์ศึกษา หมู่ 3
มหาวิทยาลัยราชภัฎมหาสารคาม
นางสาวกมลรัตน์ ทองลา รหัส 533410080301
นางสาวจิรารัตน์ เทศารินทร์ รหัส 533410080306
นางสาวสุวรรณี ปะทะโก รหัส 533410080330
นายชัยยา ปุริสมัย รหัส 533410080336
Michigan State University
www.msu.edu
ส่วนประกอบของเว็ปไซค์
1.Logo เป็นส่วนสาคัญที่ให้ผู้เข้าชมทราบถึงเอกลักษณ์
2.Navigation เป็นส่วนที่จะนาผู้เข้าชมเว็บไซต์ไปยังส่วนต่างของเว็บไซต์
ส่วนประกอบของเว็ปไซค์ (ต่อ)
2.Navigation(ต่อ) ทั้งในส่วนเมนูหลัก ยังมีเมนูย่อย
ส่วนประกอบของเว็ปไซค์ (ต่อ)
3. Content ส่วนของเนื้อหานั้น โดยส่วนรวมจะเป็น ข่าวสาร และ
กิจกรรมของมหาวิทยาลัย
ส่วนประกอบของเว็ปไซค์ (ต่อ)
4. Whitespace มีพื้นที่ว่างในเว็บไซต์ ทาให้ได้พักสายตา
1. ข้อความทักทายต้อนรับ
1.กล่องลงชื่อเข้าใช้ ซึ่งเว็ปไซค์ของมหาวิทยาลัยนี้ส่วนใหญ่ มีการเปิดให้
เข้าชมเว็ปแบบ อิสระ แต่จะมีการยืนยันตัวเมื่อ มีการสมัครหรือ มีการทา
ธุรกรรม กับทางมหาวิทยาลัย แต่ทางมหาวิทยาลัยได้มีช่องใว้ให้ค้นหาเว็ป
อื่นๆด้วย
3. แสดงรายละเอียดต่างๆ เกี่ยวกับนักศึกษา มีทั้งการลงทะเบียน
และการค้นหารายวิชา
4. ภาพกราฟิก เพื่อช่วยดึงดูดความสนใจแก่ผู้เยี่ยมชม
1.รูปแบบตัวอักษรและขนาด เลือกรูปแบบของตัวอักษรได้อย่างเหมาะสม
เหมาะกับงานที่เป็นทางการ
2.การกาหนดโครงสี สีบนตัวภาพ พื้นภาพ และบนตัวอักษรมีความ
ชัดเจน อ่านง่าย
3. การจัดวางตาแหน่ง มีการ
วางโลโก้ไว้มุมบนซ้ายซึ่งเป็นจุด
สนใจมากที่สุด มีการเน้นภาพ
กราฟฟิค และ พื้นที่ส่วนใหญ่
ของเว็ปใช้สีในทิศทางสอดคล้อง
กัน
ทฤษฏีการนารูปภาพมาประกอบ
การวางตาแหน่งภาพที่ดีจะทาให้ชวนมอง การสร้างจุดสนใจ
ของภาพ วิธีที่ง่ายที่สุดคือวางไว้ตรงกลางภาพ
รูปแบบตัวอักษร ต้องเลือกใช้ Font ที่อ่านง่าย ซึ่งทางมหาวิทยาลัยได้
เลือกใช้ Font แบบ Arial ที่เป็น Font ที่มีระเบียบ อ่านง่าย
ทฤษฎีการใช้สี
เว็บไซต์ของมหาวิทยาลัยได้ใช้สีที่มีความขัดแย้งกับภาพพื้นหลังทาให้
มองเห็นได้ชัดเจนอ่านง่าย และโดยส่วนจะใช้สีเขียวแก่ ซึ่งเป็นสี
ประจาของมหาวิทยาลัย
1.สีของพื้นหลัง มหาวิทยาลัยได้ใช้สีขาวเป็นพื้นหลังจึงทาให้ดูสบายตา
แต่ในบางส่วนมีการใช้สีพื้นหลัง สีอื่นเล่น สีเทา สีเขียวแก่
2.สีตัวอักษร มหาวิทยาลัยได้ใช้สีดา และในการใช้สีตัวอักษรสีอื่นเพื่อ
ตัดกับพื้นหลังบ้าง เช่น สีขาว สีเขียวแก่
จบการนาเสนอ

More Related Content

What's hot

Technology library
Technology libraryTechnology library
Technology libraryKKU Library
 
คำชี้แจงใบงานที่ 3.2pptx
คำชี้แจงใบงานที่ 3.2pptxคำชี้แจงใบงานที่ 3.2pptx
คำชี้แจงใบงานที่ 3.2pptxms word2010 homework
 
R1_02.การจัดการเนื้อการเนื้อหาเว็บไซต์ระดับภาควิชาวิศวกรรม
R1_02.การจัดการเนื้อการเนื้อหาเว็บไซต์ระดับภาควิชาวิศวกรรมR1_02.การจัดการเนื้อการเนื้อหาเว็บไซต์ระดับภาควิชาวิศวกรรม
R1_02.การจัดการเนื้อการเนื้อหาเว็บไซต์ระดับภาควิชาวิศวกรรมThai Name Server co.,ltd.
 
ตัวอย่างงานวิจัยประกอบใบลำดับขั้นการทำงาน OS 3-2
ตัวอย่างงานวิจัยประกอบใบลำดับขั้นการทำงาน OS 3-2ตัวอย่างงานวิจัยประกอบใบลำดับขั้นการทำงาน OS 3-2
ตัวอย่างงานวิจัยประกอบใบลำดับขั้นการทำงาน OS 3-2Chamada Rinzine
 
การวิจัยในชั้นเรียนเรื่อง การใช้ เว็บไซต์ เรียนรู้ Ict กับครูทรงศักดิ์ เพิ่มป...
การวิจัยในชั้นเรียนเรื่อง การใช้ เว็บไซต์ เรียนรู้ Ict กับครูทรงศักดิ์ เพิ่มป...การวิจัยในชั้นเรียนเรื่อง การใช้ เว็บไซต์ เรียนรู้ Ict กับครูทรงศักดิ์ เพิ่มป...
การวิจัยในชั้นเรียนเรื่อง การใช้ เว็บไซต์ เรียนรู้ Ict กับครูทรงศักดิ์ เพิ่มป...พัน พัน
 
03 ใบงานที่ 1.1-infograp-net
03 ใบงานที่ 1.1-infograp-net03 ใบงานที่ 1.1-infograp-net
03 ใบงานที่ 1.1-infograp-netSmo Tara
 
คำชี้แจงใบงานที่ 4.4pptx
คำชี้แจงใบงานที่ 4.4pptxคำชี้แจงใบงานที่ 4.4pptx
คำชี้แจงใบงานที่ 4.4pptxms word2010 homework
 
่jannika pramongudomrut
่jannika pramongudomrut่jannika pramongudomrut
่jannika pramongudomrutjanepramm
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์prawanya
 
Presentation Bus Project
Presentation Bus ProjectPresentation Bus Project
Presentation Bus ProjectNatty Sci
 
งานนวัตกรรม Chapter 9
งานนวัตกรรม Chapter 9งานนวัตกรรม Chapter 9
งานนวัตกรรม Chapter 9micnattawat
 
การค้นหาข้อมูลจากอินเทอร์เน็ต
การค้นหาข้อมูลจากอินเทอร์เน็ตการค้นหาข้อมูลจากอินเทอร์เน็ต
การค้นหาข้อมูลจากอินเทอร์เน็ตteerapongpongsorn
 
การค้นหาข้อมูลทางอินเทอร์เน็ต
การค้นหาข้อมูลทางอินเทอร์เน็ตการค้นหาข้อมูลทางอินเทอร์เน็ต
การค้นหาข้อมูลทางอินเทอร์เน็ตteerapongpongsorn
 

What's hot (17)

KM PULINET Nayika-150654
KM PULINET Nayika-150654KM PULINET Nayika-150654
KM PULINET Nayika-150654
 
Technology library
Technology libraryTechnology library
Technology library
 
คำชี้แจงใบงานที่ 3.2pptx
คำชี้แจงใบงานที่ 3.2pptxคำชี้แจงใบงานที่ 3.2pptx
คำชี้แจงใบงานที่ 3.2pptx
 
R1_02.การจัดการเนื้อการเนื้อหาเว็บไซต์ระดับภาควิชาวิศวกรรม
R1_02.การจัดการเนื้อการเนื้อหาเว็บไซต์ระดับภาควิชาวิศวกรรมR1_02.การจัดการเนื้อการเนื้อหาเว็บไซต์ระดับภาควิชาวิศวกรรม
R1_02.การจัดการเนื้อการเนื้อหาเว็บไซต์ระดับภาควิชาวิศวกรรม
 
ตัวอย่างงานวิจัยประกอบใบลำดับขั้นการทำงาน OS 3-2
ตัวอย่างงานวิจัยประกอบใบลำดับขั้นการทำงาน OS 3-2ตัวอย่างงานวิจัยประกอบใบลำดับขั้นการทำงาน OS 3-2
ตัวอย่างงานวิจัยประกอบใบลำดับขั้นการทำงาน OS 3-2
 
ใบงานที่ 4
ใบงานที่ 4ใบงานที่ 4
ใบงานที่ 4
 
การวิจัยในชั้นเรียนเรื่อง การใช้ เว็บไซต์ เรียนรู้ Ict กับครูทรงศักดิ์ เพิ่มป...
การวิจัยในชั้นเรียนเรื่อง การใช้ เว็บไซต์ เรียนรู้ Ict กับครูทรงศักดิ์ เพิ่มป...การวิจัยในชั้นเรียนเรื่อง การใช้ เว็บไซต์ เรียนรู้ Ict กับครูทรงศักดิ์ เพิ่มป...
การวิจัยในชั้นเรียนเรื่อง การใช้ เว็บไซต์ เรียนรู้ Ict กับครูทรงศักดิ์ เพิ่มป...
 
03 ใบงานที่ 1.1-infograp-net
03 ใบงานที่ 1.1-infograp-net03 ใบงานที่ 1.1-infograp-net
03 ใบงานที่ 1.1-infograp-net
 
คำชี้แจงใบงานที่ 4.4pptx
คำชี้แจงใบงานที่ 4.4pptxคำชี้แจงใบงานที่ 4.4pptx
คำชี้แจงใบงานที่ 4.4pptx
 
่jannika pramongudomrut
่jannika pramongudomrut่jannika pramongudomrut
่jannika pramongudomrut
 
ฃฃ
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์
 
Presentation Bus Project
Presentation Bus ProjectPresentation Bus Project
Presentation Bus Project
 
ผลการดำเนินงานจุดเน้นที่ 5
ผลการดำเนินงานจุดเน้นที่ 5ผลการดำเนินงานจุดเน้นที่ 5
ผลการดำเนินงานจุดเน้นที่ 5
 
งานนวัตกรรม Chapter 9
งานนวัตกรรม Chapter 9งานนวัตกรรม Chapter 9
งานนวัตกรรม Chapter 9
 
การค้นหาข้อมูลจากอินเทอร์เน็ต
การค้นหาข้อมูลจากอินเทอร์เน็ตการค้นหาข้อมูลจากอินเทอร์เน็ต
การค้นหาข้อมูลจากอินเทอร์เน็ต
 
การค้นหาข้อมูลทางอินเทอร์เน็ต
การค้นหาข้อมูลทางอินเทอร์เน็ตการค้นหาข้อมูลทางอินเทอร์เน็ต
การค้นหาข้อมูลทางอินเทอร์เน็ต
 

Viewers also liked

CL Photog LookBook v2
CL Photog LookBook v2CL Photog LookBook v2
CL Photog LookBook v2Juan Roberts
 
43. Technique Of Strategy Inno Strategy-bsc Demo
43. Technique Of Strategy Inno Strategy-bsc Demo43. Technique Of Strategy Inno Strategy-bsc Demo
43. Technique Of Strategy Inno Strategy-bsc DemophanulimDr
 
Pe Operaciones De Transf Masa Ii
Pe Operaciones De Transf Masa IiPe Operaciones De Transf Masa Ii
Pe Operaciones De Transf Masa IiCabrera Miguel
 
Factores de éxito de operaciones en EUA
Factores de éxito de operaciones en EUAFactores de éxito de operaciones en EUA
Factores de éxito de operaciones en EUACsoftmty Monterrey
 
ลัทธิภาคีนิยมในรั้วมหาวิทยาลัย
ลัทธิภาคีนิยมในรั้วมหาวิทยาลัยลัทธิภาคีนิยมในรั้วมหาวิทยาลัย
ลัทธิภาคีนิยมในรั้วมหาวิทยาลัยMuttakeen Che-leah
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_managementKaruna Limjaroen
 
Amat innovative approaches to increase donor designation in the hispanic comm...
Amat innovative approaches to increase donor designation in the hispanic comm...Amat innovative approaches to increase donor designation in the hispanic comm...
Amat innovative approaches to increase donor designation in the hispanic comm...Raiza Mendoza
 

Viewers also liked (20)

CL Photog LookBook v2
CL Photog LookBook v2CL Photog LookBook v2
CL Photog LookBook v2
 
programa nxt
programa nxt programa nxt
programa nxt
 
43. Technique Of Strategy Inno Strategy-bsc Demo
43. Technique Of Strategy Inno Strategy-bsc Demo43. Technique Of Strategy Inno Strategy-bsc Demo
43. Technique Of Strategy Inno Strategy-bsc Demo
 
Pe Operaciones De Transf Masa Ii
Pe Operaciones De Transf Masa IiPe Operaciones De Transf Masa Ii
Pe Operaciones De Transf Masa Ii
 
ทุกศาสนา
ทุกศาสนาทุกศาสนา
ทุกศาสนา
 
Factores de éxito de operaciones en EUA
Factores de éxito de operaciones en EUAFactores de éxito de operaciones en EUA
Factores de éxito de operaciones en EUA
 
Act1
Act1Act1
Act1
 
logo 2
logo 2logo 2
logo 2
 
Proyecto ciencias
Proyecto cienciasProyecto ciencias
Proyecto ciencias
 
ลัทธิภาคีนิยมในรั้วมหาวิทยาลัย
ลัทธิภาคีนิยมในรั้วมหาวิทยาลัยลัทธิภาคีนิยมในรั้วมหาวิทยาลัย
ลัทธิภาคีนิยมในรั้วมหาวิทยาลัย
 
Project is-3
Project is-3Project is-3
Project is-3
 
Cómo gestionar conflicto
Cómo gestionar conflictoCómo gestionar conflicto
Cómo gestionar conflicto
 
รายงานการประชุมหัวหน้าส่วนราชการ ครั้งที่ 7/2557
รายงานการประชุมหัวหน้าส่วนราชการ ครั้งที่ 7/2557รายงานการประชุมหัวหน้าส่วนราชการ ครั้งที่ 7/2557
รายงานการประชุมหัวหน้าส่วนราชการ ครั้งที่ 7/2557
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_management
 
Amat innovative approaches to increase donor designation in the hispanic comm...
Amat innovative approaches to increase donor designation in the hispanic comm...Amat innovative approaches to increase donor designation in the hispanic comm...
Amat innovative approaches to increase donor designation in the hispanic comm...
 
Los perifericos
Los perifericosLos perifericos
Los perifericos
 
Las Carreteras Navarrete
Las Carreteras NavarreteLas Carreteras Navarrete
Las Carreteras Navarrete
 
españa siglo xix
españa siglo xixespaña siglo xix
españa siglo xix
 
แนวข้อสอบพระราชบัญญัติเทศบาล พ.ศ. 2496 แก้ไขเพิ่มเติมถึงฉบับที่ 13 พ.ศ. 2552
แนวข้อสอบพระราชบัญญัติเทศบาล พ.ศ. 2496 แก้ไขเพิ่มเติมถึงฉบับที่ 13 พ.ศ. 2552แนวข้อสอบพระราชบัญญัติเทศบาล พ.ศ. 2496 แก้ไขเพิ่มเติมถึงฉบับที่ 13 พ.ศ. 2552
แนวข้อสอบพระราชบัญญัติเทศบาล พ.ศ. 2496 แก้ไขเพิ่มเติมถึงฉบับที่ 13 พ.ศ. 2552
 
It news
It newsIt news
It news
 

Similar to วิเคราะห์เว็บ

ว เคราะห Web
ว เคราะห  Webว เคราะห  Web
ว เคราะห WebPoMpam KamOlrat
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็กBenz Lovestory
 
กลุ่มที่ 5 วิเคราะห์ web
กลุ่มที่ 5 วิเคราะห์ webกลุ่มที่ 5 วิเคราะห์ web
กลุ่มที่ 5 วิเคราะห์ webDiiDy Moowhan Lesikagirl
 
การวิเคราะห์เว็บไซต์
การวิเคราะห์เว็บไซต์การวิเคราะห์เว็บไซต์
การวิเคราะห์เว็บไซต์Bank Sangsudta
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์prawanya
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์prawanya
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์prawanya
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์prawanya
 
KKULIBKM PULINET Sanguan-150654
KKULIBKM PULINET Sanguan-150654KKULIBKM PULINET Sanguan-150654
KKULIBKM PULINET Sanguan-150654Gritiga Soonthorn
 
ทฤษฎีการออกแบบเว็บ
ทฤษฎีการออกแบบเว็บทฤษฎีการออกแบบเว็บ
ทฤษฎีการออกแบบเว็บprawanya
 

Similar to วิเคราะห์เว็บ (17)

Introduction to internet
Introduction to internetIntroduction to internet
Introduction to internet
 
08 com centers
08 com centers08 com centers
08 com centers
 
ว เคราะห Web
ว เคราะห  Webว เคราะห  Web
ว เคราะห Web
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็ก
 
กลุ่มที่ 5 วิเคราะห์ web
กลุ่มที่ 5 วิเคราะห์ webกลุ่มที่ 5 วิเคราะห์ web
กลุ่มที่ 5 วิเคราะห์ web
 
08 com centers
08 com centers08 com centers
08 com centers
 
08 com centers1
08 com centers108 com centers1
08 com centers1
 
Grop7
Grop7Grop7
Grop7
 
งานนำเสนอกลุมที่ 7
งานนำเสนอกลุมที่ 7งานนำเสนอกลุมที่ 7
งานนำเสนอกลุมที่ 7
 
การวิเคราะห์เว็บไซต์
การวิเคราะห์เว็บไซต์การวิเคราะห์เว็บไซต์
การวิเคราะห์เว็บไซต์
 
Ana_web
Ana_webAna_web
Ana_web
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์
 
KKULIBKM PULINET Sanguan-150654
KKULIBKM PULINET Sanguan-150654KKULIBKM PULINET Sanguan-150654
KKULIBKM PULINET Sanguan-150654
 
ทฤษฎีการออกแบบเว็บ
ทฤษฎีการออกแบบเว็บทฤษฎีการออกแบบเว็บ
ทฤษฎีการออกแบบเว็บ
 

More from PoMpam KamOlrat

หลักการและทฤษฏีการสื่อสาร(แนท)
หลักการและทฤษฏีการสื่อสาร(แนท)หลักการและทฤษฏีการสื่อสาร(แนท)
หลักการและทฤษฏีการสื่อสาร(แนท)PoMpam KamOlrat
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1PoMpam KamOlrat
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1PoMpam KamOlrat
 
เล่มเล็ก
เล่มเล็กเล่มเล็ก
เล่มเล็กPoMpam KamOlrat
 
หล กการและทฤษฏ การส__อสาร
หล กการและทฤษฏ การส__อสารหล กการและทฤษฏ การส__อสาร
หล กการและทฤษฏ การส__อสารPoMpam KamOlrat
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็กPoMpam KamOlrat
 

More from PoMpam KamOlrat (9)

Re
ReRe
Re
 
หลักการและทฤษฏีการสื่อสาร(แนท)
หลักการและทฤษฏีการสื่อสาร(แนท)หลักการและทฤษฏีการสื่อสาร(แนท)
หลักการและทฤษฏีการสื่อสาร(แนท)
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
21
2121
21
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
เล็ก
เล็กเล็ก
เล็ก
 
เล่มเล็ก
เล่มเล็กเล่มเล็ก
เล่มเล็ก
 
หล กการและทฤษฏ การส__อสาร
หล กการและทฤษฏ การส__อสารหล กการและทฤษฏ การส__อสาร
หล กการและทฤษฏ การส__อสาร
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็ก
 

วิเคราะห์เว็บ