SlideShare a Scribd company logo
การวิเคราะห์เว็บไซต์และการศึกษาทฤษฎี
กับการพัฒนาเว็บไซต์
มหาวิทยาลัยทักษิณ
สมาชิกในกลุ่ม
1. นายอภิศักดิ์ ประพฤตินัย รหัส 533410080347
2. นายรัตนพงษ์ รัตนโกสินทร์ รหัส 533410080341
3. นางสาวอรวิมล พิมเหล่าหนาด รหัส 533410080332
4. นางสาวสุภาวดี สาคุณ รหัส 533410080329
การออกแบบเว็บไซต์ควรคานึงถึงความเป็นเอกลักษณ์ของ
องค์กรเป็นหลัก เนื่องจาก เว็บไซต์จะสะท้อนถึงเอกลักษณ์
และลักษณะขององค์กร การเลือกใช้ตัวอีกษร ชุดสี รูปภาพ
หรือกราฟิก ซึ่งจะมีผลต่อรูปแบบของเว็บไซต์เป็นอย่างมาก
มหาวิทยาลัย ทักษิณ
หลักในการออกแบบ หน้าหลัก
ชื่อของมหาวิทยาลัย สีของตัวอักษรเป็นสีขาวส่วนพื้นหลังเป็นสี
ฟ้าทาให้ดูแล้วสบายตา ชื่อมหาวิทยาลัย สื่อถึงมหาวิทยาลัยแห่ง
ภาคใต้
ใช้สีฟ้าประจามหาวิทยาลัยทักษิณเพื่อให้เป็นเอกลักษณ์และจดจา
ง่ายต่อทางมหาวิทยาลัย
- สีเทาหมายถึงสมอง หมายถึง ความคิด
- สีฟ้าเป็นสีของทะเล และท้องฟ้าหมายถึงความกว้างไกล
- สีเทา – ฟ้า จึงหมายถึงความคิดที่กว้างไกลหรือคิดอย่างมี
วิสัยทัศน์
การวางตรามหาลัยไว้ตรงกลางเพื่อง่ายต่อการมองเห็นและดึงดูด
ความสนใจ
- มงกุฏ แทน ปีกาญจนาภิเษก ครบรอบ 50 ปี
ตาราการศึกษา แทน ปัญญา จริยธรรม การพัฒนา
กล่องข้อความ จัดเรียงเป็นหมวดหมู่และจัดเรียงลาดับตาม
ตัวอักษร
แถบเมนูบาร์ง่ายต่อการเข้าถึงและการมองเห็น
ความสวยงามของเว็บมหาวิทยาลัยทักษิณ
การใช้พื้นหลังบ่งบอกถึงความอุดมสมบรูณ์ของมหาวิทยาลัย
ทักษิณ และบ่งบอกความอุดมสมบรูณ์ของภาคใต้
สีที่ใช้เป็นสีโทนเย็นทาให้สบายตาในการมองเห็นและดูสวยงาม
การจัดคอลัมน์ดูเป็นระเบียบสวยงาม
ความเป็นเอกลักษณ์
ประกอบไปด้วย อาคารหอสมุดประจามหาวิทยาลัย
ทักษิณ
ตราประจามหาวิทยาลัยทักษิณ
สีประจามหาวิทยาลัยทักษิณ
ปรัชญาของมหาวิทยาลัยทักษิณ
เพื่อเป็นแหล่งเรียนรู้ เพื่อให้ทุกคนได้ศึกษาข้อมูลเกี่ยวกับ
มหาวิทยาลัยทักษิณ การจัดกิจกรรมต่างๆที่เกิดขึ้นในมหาวิทยาลัย
ข่าวประกาศต่างๆที่ทางมหาวิทยาลัยได้จัดขึ้นให้เห็น
ถึงบรรยากาสของมหาลัย
กลุ่มเป้าหมายหลัก คือ นักศึกษา อาจารย์และบุคลากร
กลุ่มเป้าหมายรอง คือ ผู้ปกครอง รวมทั้งบุคคลทั่วไปที่มีความสนใจ
เว็บไซต์ที่นาเสนอข้อมูลเกี่ยวกับมหาวิทยาลัย
มีการนาเสนอส่วนที่เกี่ยวข้อกับนักศึกษา บุคลากร
เสนอข้อมูลเกี่ยวกับหลักสูตรการเรียนการสอนของใน
งานวิจัย และหน่วยงานต่างๆที่เกี่ยวข้อง
ข่าวสารภายในมหาวิทยาลัย
ส่วนประกอบของเว็บไซต์
ส่วนประกอบของเว็บไซต์มหาวิทยาลัยทักษิณ
โดย ดร.อิศรัฏบ์รินไธสง ได้กล่าวถึงส่วนประกอบของ
เว็บไซต์ดังนี้
แบ่งออกเป็น 3 ส่วนหลักๆ คือ
1. ส่วนหัวของเว็บเพ็จ
2. ส่วนของเนื้อหา
3. ส่วนท้ายของหน้า
ส่วนหัวของเว็บเพ็จ
1. ส่วนหัวของเว็บเพ็จ (Page Header)
- โลโก้(Logo) เป็นสิ่งที่เว็บไซต์ควรมี เป็นตัวแทนของ
เว็บไซต์ได้เป็นอย่างดี และยังทาให้เว็บน่าเชื่อถือ
- ชื่อเว็บไซต์
- เมนูหลักหรือลิงค์
ส่วนประกอบที่ 1 ส่วนหัวของเว็บเพ็จ
1.โลโก้
2.ชื่อเว็บไซต์
3. เมนู/
ลิงค์
ส่วนประกอบที่ 2. ส่วนของเนื้อหา ซึ่งประกอบด้วยข้อความข่าวสารต่างๆ,
รูปภาพ, วีดีโอ และอื่นๆ และอาจมีเมนูหลักหรือเมนูเฉพาะกลุ่มวางอยู่ใน
ส่วนนี้ด้วย
3. ส่วนท้ายของหน้า , เป็นส่วนที่อยู่ด้านล่างสุดของหน้า จะมี
หรือไม่มีก็ได้มักวางระบบนาทางที่เป็นลิงค์ข้อความง่าย ๆ และอาจ
แสดงข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาภายในเว็บไซต์เช่น เจ้าของ
เว็บไซต์, ข้อความแสดงลิขสิทธิ์, วิธีการติดต่อกับผู้ดูแลเว็บไซต์
จบการนาเสนอครับ/ค่ะ

More Related Content

What's hot

การวิเคราะห์เว็บไซต์
การวิเคราะห์เว็บไซต์การวิเคราะห์เว็บไซต์
การวิเคราะห์เว็บไซต์Bank Sangsudta
 
Yanatcha POLAEX HARRY
Yanatcha POLAEX HARRYYanatcha POLAEX HARRY
Yanatcha POLAEX HARRY
Polaex Harry
 
การวิเคราะห์เว็บไซต์และการศึกษาทฤษฎี
การวิเคราะห์เว็บไซต์และการศึกษาทฤษฎีการวิเคราะห์เว็บไซต์และการศึกษาทฤษฎี
การวิเคราะห์เว็บไซต์และการศึกษาทฤษฎีบอง สลัน เนียง
 
งานข้อ 2 แก้2
งานข้อ 2 แก้2งานข้อ 2 แก้2
งานข้อ 2 แก้2Naruedee Chotsri
 
ใบงาน แบบสำรวจและประวัติของ น
ใบงาน   แบบสำรวจและประวัติของ นใบงาน   แบบสำรวจและประวัติของ น
ใบงาน แบบสำรวจและประวัติของ นBaitoeyHataikan
 
ใบงานสำรวจตนเอง M6 (1) (1)
ใบงานสำรวจตนเอง M6 (1) (1)ใบงานสำรวจตนเอง M6 (1) (1)
ใบงานสำรวจตนเอง M6 (1) (1)phaizaza500
 
ใบงานที่ 1ใบงานสำรวจตนเอง M6
ใบงานที่ 1ใบงานสำรวจตนเอง M6ใบงานที่ 1ใบงานสำรวจตนเอง M6
ใบงานที่ 1ใบงานสำรวจตนเอง M6
Ritthipon Ponjakfa
 
ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์Noo Pui Chi Chi
 
ใบงานที่1
ใบงานที่1ใบงานที่1
ใบงานที่1asahchaithep
 
คอม
คอมคอม
at1
at1at1
2560 project
2560 project 2560 project
2560 project
DT_sim
 
ใบงาน แบบสำรวจและประวัติของ-นายธนวัฒน์-สายสุดใจ
ใบงาน แบบสำรวจและประวัติของ-นายธนวัฒน์-สายสุดใจใบงาน แบบสำรวจและประวัติของ-นายธนวัฒน์-สายสุดใจ
ใบงาน แบบสำรวจและประวัติของ-นายธนวัฒน์-สายสุดใจ
Mongkon Khumpo
 

What's hot (16)

Grop7
Grop7Grop7
Grop7
 
การวิเคราะห์เว็บไซต์
การวิเคราะห์เว็บไซต์การวิเคราะห์เว็บไซต์
การวิเคราะห์เว็บไซต์
 
Yanatcha POLAEX HARRY
Yanatcha POLAEX HARRYYanatcha POLAEX HARRY
Yanatcha POLAEX HARRY
 
Natthanan 20
Natthanan 20Natthanan 20
Natthanan 20
 
Natthanan
NatthananNatthanan
Natthanan
 
การวิเคราะห์เว็บไซต์และการศึกษาทฤษฎี
การวิเคราะห์เว็บไซต์และการศึกษาทฤษฎีการวิเคราะห์เว็บไซต์และการศึกษาทฤษฎี
การวิเคราะห์เว็บไซต์และการศึกษาทฤษฎี
 
งานข้อ 2 แก้2
งานข้อ 2 แก้2งานข้อ 2 แก้2
งานข้อ 2 แก้2
 
ใบงาน แบบสำรวจและประวัติของ น
ใบงาน   แบบสำรวจและประวัติของ นใบงาน   แบบสำรวจและประวัติของ น
ใบงาน แบบสำรวจและประวัติของ น
 
ใบงานสำรวจตนเอง M6 (1) (1)
ใบงานสำรวจตนเอง M6 (1) (1)ใบงานสำรวจตนเอง M6 (1) (1)
ใบงานสำรวจตนเอง M6 (1) (1)
 
ใบงานที่ 1ใบงานสำรวจตนเอง M6
ใบงานที่ 1ใบงานสำรวจตนเอง M6ใบงานที่ 1ใบงานสำรวจตนเอง M6
ใบงานที่ 1ใบงานสำรวจตนเอง M6
 
ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์
 
ใบงานที่1
ใบงานที่1ใบงานที่1
ใบงานที่1
 
คอม
คอมคอม
คอม
 
at1
at1at1
at1
 
2560 project
2560 project 2560 project
2560 project
 
ใบงาน แบบสำรวจและประวัติของ-นายธนวัฒน์-สายสุดใจ
ใบงาน แบบสำรวจและประวัติของ-นายธนวัฒน์-สายสุดใจใบงาน แบบสำรวจและประวัติของ-นายธนวัฒน์-สายสุดใจ
ใบงาน แบบสำรวจและประวัติของ-นายธนวัฒน์-สายสุดใจ
 

Viewers also liked

นตารางวิเคาราะห์ 20 เว็บ
นตารางวิเคาราะห์ 20 เว็บนตารางวิเคาราะห์ 20 เว็บ
นตารางวิเคาราะห์ 20 เว็บNursary Devilz
 
[Ttvd] ke hoach toan bo chuong trinh 25 6
[Ttvd] ke hoach toan bo chuong trinh 25 6[Ttvd] ke hoach toan bo chuong trinh 25 6
[Ttvd] ke hoach toan bo chuong trinh 25 6buivannhan
 
Evaluation No2
Evaluation No2Evaluation No2
Evaluation No2
delilahb97
 
วิเคราะห์เว็บ
วิเคราะห์เว็บวิเคราะห์เว็บ
วิเคราะห์เว็บNursary Devilz
 
1. email template (doc version)
1. email template (doc version)1. email template (doc version)
1. email template (doc version)buivannhan
 
1. email template (doc version)
1. email template (doc version)1. email template (doc version)
1. email template (doc version)buivannhan
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็กNursary Devilz
 

Viewers also liked (8)

นตารางวิเคาราะห์ 20 เว็บ
นตารางวิเคาราะห์ 20 เว็บนตารางวิเคาราะห์ 20 เว็บ
นตารางวิเคาราะห์ 20 เว็บ
 
[Ttvd] ke hoach toan bo chuong trinh 25 6
[Ttvd] ke hoach toan bo chuong trinh 25 6[Ttvd] ke hoach toan bo chuong trinh 25 6
[Ttvd] ke hoach toan bo chuong trinh 25 6
 
Evaluation No2
Evaluation No2Evaluation No2
Evaluation No2
 
วิเคราะห์เว็บ
วิเคราะห์เว็บวิเคราะห์เว็บ
วิเคราะห์เว็บ
 
1. email template (doc version)
1. email template (doc version)1. email template (doc version)
1. email template (doc version)
 
1. email template (doc version)
1. email template (doc version)1. email template (doc version)
1. email template (doc version)
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็ก
 
Psycho
PsychoPsycho
Psycho
 

Similar to เสนองาน

08 com centers
08 com centers08 com centers
08 com centers
Chaiyot Jarates
 
การออกแบบเว็บไซต์
การออกแบบเว็บไซต์การออกแบบเว็บไซต์
การออกแบบเว็บไซต์Phanudet Senounjan
 
งานนำเสนอ กลุ่มที่8 1
งานนำเสนอ กลุ่มที่8 1งานนำเสนอ กลุ่มที่8 1
งานนำเสนอ กลุ่มที่8 1Jirawat Fishingclub
 
ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์Noo Pui Chi Chi
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์prawanya
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์prawanya
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์prawanya
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์prawanya
 
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1Benz Lovestory
 
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัยวิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัยSaowalak Kaewket
 
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัยวิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัยkiriyadee1
 
ว เคราะห Web
ว เคราะห  Webว เคราะห  Web
ว เคราะห WebPoMpam KamOlrat
 
กลุ่มที่ 5 วิเคราะห์ web
กลุ่มที่ 5 วิเคราะห์ webกลุ่มที่ 5 วิเคราะห์ web
กลุ่มที่ 5 วิเคราะห์ webDiiDy Moowhan Lesikagirl
 

Similar to เสนองาน (20)

08 com centers
08 com centers08 com centers
08 com centers
 
08 com centers
08 com centers08 com centers
08 com centers
 
08 com centers1
08 com centers108 com centers1
08 com centers1
 
Ana_web
Ana_webAna_web
Ana_web
 
การออกแบบเว็บไซต์
การออกแบบเว็บไซต์การออกแบบเว็บไซต์
การออกแบบเว็บไซต์
 
งานนำเสนอ กลุ่มที่8 1
งานนำเสนอ กลุ่มที่8 1งานนำเสนอ กลุ่มที่8 1
งานนำเสนอ กลุ่มที่8 1
 
ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์
 
งานนำเสนอกลุมที่ 7
งานนำเสนอกลุมที่ 7งานนำเสนอกลุมที่ 7
งานนำเสนอกลุมที่ 7
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์
 
วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์วิเคราะห์เว็บไซต์
วิเคราะห์เว็บไซต์
 
นำเสนอ
นำเสนอนำเสนอ
นำเสนอ
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็ก
 
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1
 
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัยวิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย
 
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัยวิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย
 
ว เคราะห Web
ว เคราะห  Webว เคราะห  Web
ว เคราะห Web
 
h6ju
h6juh6ju
h6ju
 
กลุ่มที่ 5 วิเคราะห์ web
กลุ่มที่ 5 วิเคราะห์ webกลุ่มที่ 5 วิเคราะห์ web
กลุ่มที่ 5 วิเคราะห์ web
 

เสนองาน