SlideShare une entreprise Scribd logo
1  sur  20
Télécharger pour lire hors ligne
1.นางสาวพัชราภรณ์ สอนอ่่า รหัส533410080318
2.นางสาวเสาวลักษณ์ แก้วเกต รหัส533410080331
3.นายนิรันดร์ กิริยาดี รหัส533410080338
4.นายพัฒพล วรรณสัมผัส รหัส533410080339
สาขาคอมพิวเตอร์ศึกษา
คณะ ครุศาสตร์
ภาพรวม
ของเว็บไซต์
http://www.tue.nl/en/
ส่วนหัว
1.Logo ซึ่งเป็นส่วนสาคัญที่จะทาให้ผู้เข้าชมทราบถึงเอกลักษณ์ และความ
น่าเชื่อถือของมหาวิทยาลัย
2.Navigation เป็นส่วนที่จะนาผู้เข้าชมเว็บไซต์ไปยังส่วนต่างของเว็บไซต์
ส่วนเนื้อหา
3. Content เป็นเว็บไซต์ที่มีเนื้อหาเกี่ยวกับการศึกษา ซึ่งจะทาให้ผู้ที่
ต้องการค้นคว้าเข้าถึงเนื้อหาได้เร็วขึ้น
ส่วนท้าย
4. Whitespace มีพื้นที่ว่างในเว็บไซต์ ทาให้ได้พักสายตา
5. Footer คือส่วนล่างสุดของหน้าเว็บไซต์ ส่วนใหญ่จะเก็บลิงก์ต่างๆเอาไว้
หรือเป็นเนื้อหาที่เกี่ยวกับเว็บไซต์เช่นลิขสิทธิ์ต่างๆ
1. มีข้อความทักทายต้อนรับ เพื่อให้ผู้เข้าชมรู้สึกว่าเป็นเว็บไซต์ใส่ใจ
แม้ในรายละเอียดเล็กน้อย
2. มีกล่องส่าหรับใส่ชื่อผู้เรียนและรหัสผ่าน เพื่อจะได้พิสูจน์ตัวตน
https://w3.tue.nl/en/login/
3. แสดงรายวิชาต่างๆ เพื่อให้ผู้ใช้สามารถเลือกเรียนรู้ได้ตามต้องการ
http://w3.tue.nl/en/navigate/
portals/student/
4.มีภาพกราฟิก เพื่อช่วยดึงดูดความสนใจแก่ผู้เยี่ยมชม
1.รูปแบบตัวอักษรและขนาด เลือกรูปแบบของตัวอักษรได้อย่าง
เหมาะสม เหมาะกับงานที่เป็นทางการ ขนาดของตัวอักษร
พอเหมาะ ซึ่งเหมาะกับกลุ่มนักศึกษา
2.การก่าหนดระยะห่างและพื้นที่ว่าง ระยะห่างระหว่างตัวอักษรมีขนาด
พอเหมาะ ไม่แออัดจนเกินไป มีที่ว่างสาหรับพักสายตา
3.การก่าหนดโครงสี สีบนตัวภาพ พื้นภาพ และบนตัวอักษรมีความโดดเด่น
ชัดเจน
4.การจัดวางต่าแหน่ง มีการวางโลโก้ไว้มุมบนซ้ายซึ่งเป็นจุดสนใจมาก
ที่สุด มีการเน้นภาพกราฟิกไว้ในที่สะดุดตาคนมองเห็นง่าย มีการ
จัดวางเนื้อหาไว้ใกล้ภาพทีมีเนื้อหาสัมพันธ์กัน
ทฤษฏีการก่าหนดรูปภาพประกอบ
เว็บไซต์ของมหาวิทยาลัยสอดคล้องกับทฤษฎีของ จาตุพล คารงค์
ที่กล่าวว่า การวางตาแหน่งภาพที่ดีจะทาให้ชวนมอง การสร้างจุด
สนใจของภาพ วิธีที่ง่ายที่สุดคือวางไว้ตรงกลางภาพ หรือที่เรียกว่า
บริเวณจุดศูนย์กลางความสนใจการมอง
ทฤษฎีการเน้นจุดสนใจ
เว็บไซต์ของมหาวิทยาลัยสอดคล้องกับทฤษฎีของ Herman F Brandt
ซึ่งท่านได้ศึกษาทดลองของตาแหน่งที่เด่นที่สุดในการจัดวางโลโก้ จากการ
มองในกรอบสี่เหลี่ยมของจอคอมพิวเตอร์หรือกระดาษ
41% มีความสนใจมากที่สุด 20% สนใจอันดับ 3
25% สนใจอันดับ 2 14% สนใจอันดับ 4
ทฤษฎีเกี่ยวกับตัวอักษร
เว็บไซต์ของมหาวิทยาลัยสอดคล้องกับทฤษฎีของ ทิพย์สุดา ปทุมานนท์ได้บอก
ทฤษฏีเกี่ยวกับตัวอักษรไว้ดังนี้
1.ขนาดของตัวอักษร จะต้องสัมพันธ์กับอายุของผู้ใช้ ซึ่งได้กาหนดได้อย่างถูกต้อง
ซึ่งนักศึกษาอยู่ในวัยผู้ใหญ่ปกติ อายุ ขนาดอักษรโรมัน/point อักษรไทย/point
5-7 ปี 18 24-30
7-10 ปี 12-14 18-30
10-12 ปี 16-18 16-18
12 ปีขึ้นไป 11-12 16-18
ผู้ใหญ่ปกติ 10-12 14-16
คนสูงอายุ 11-12 16-18
2. รูปแบบตัวอักษร จะต้องเลือกใช้ Font ได้ตรงตามชนิดของ
เว็บไซต์ ซึ่งมหาวิทยาลัยได้ใช้ Font แบบ Serif ซึ่งเป็นระเบียบ
เป็นทางการ เหมาะที่จะใช้ในงานที่เป็นทางการ และต้องการความ
น่าเชื่อถือมากๆ
ทฤษฎีการใช้สี
เว็บไซต์ของมหาวิทยาลัยสอดคล้องกับทฤษฎีของ มาโนชน์ กงกะนันทน์
กล่าวว่า สีพื้นหลังควรเป็นสีที่สว่าง ดูเย็นตาสบายตา ส่วนตัวอักษรจะต้อง
เป็นสีที่ทึบ สีพื้นและตัวอักษรควรเป็นสีที่ตัดกัน ขัดแย้งกันมากที่สุด
เพราะจะทาให้ตัวอักษรเด่นชัดขึ้น
1.สีของพื้นหลัง มหาวิทยาลัยได้ใช้สีขาวเป็นพื้นหลังจึงทาให้ดูสบายตา
2.สีตัวอักษร มหาวิทยาลัยได้ใช้สีดา ซึ่งทาให้ตัวหนังสือดูเด่นชัด อีกทั้งตัด
กันกับสีพื้น
กลุ่ม3

Contenu connexe

Tendances

อินทรอเน็ต
อินทรอเน็ตอินทรอเน็ต
อินทรอเน็ตYongyut Nintakan
 
คุยเฟื่อง เรื่องอินเทอร์เน็ต
คุยเฟื่อง เรื่องอินเทอร์เน็ตคุยเฟื่อง เรื่องอินเทอร์เน็ต
คุยเฟื่อง เรื่องอินเทอร์เน็ตพัน พัน
 
อินเทอร์เน็ตเบื้องต้น
อินเทอร์เน็ตเบื้องต้นอินเทอร์เน็ตเบื้องต้น
อินเทอร์เน็ตเบื้องต้นChantana Papattha
 
ดานการศึกษา222222222222222
ดานการศึกษา222222222222222ดานการศึกษา222222222222222
ดานการศึกษา222222222222222082464
 
Light Library
Light LibraryLight Library
Light LibraryPCRPyrc
 
Chapter 3 งานกลุ่ม
Chapter 3 งานกลุ่มChapter 3 งานกลุ่ม
Chapter 3 งานกลุ่มTa'Tatpong Nonyaso
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต(แก้ไขแล้ว)
หน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ต(แก้ไขแล้ว)หน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ต(แก้ไขแล้ว)
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต(แก้ไขแล้ว)Prapatsorn Keawnoun
 
วิเคระาห์และทฤษฎีออกแบบเว็บไซต์2
วิเคระาห์และทฤษฎีออกแบบเว็บไซต์2วิเคระาห์และทฤษฎีออกแบบเว็บไซต์2
วิเคระาห์และทฤษฎีออกแบบเว็บไซต์2Naruedee Chotsri
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ตหน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ตPapichaya Chengtong
 
บทที่ 6 เทคโนโลยีสารสนเทศเพื่อการเรียนรู้
บทที่ 6 เทคโนโลยีสารสนเทศเพื่อการเรียนรู้บทที่ 6 เทคโนโลยีสารสนเทศเพื่อการเรียนรู้
บทที่ 6 เทคโนโลยีสารสนเทศเพื่อการเรียนรู้Turdsak Najumpa
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ตหน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ตPrapatsorn Keawnoun
 
ตอนที่ 1 การค้นหาข้อมูล
ตอนที่ 1 การค้นหาข้อมูลตอนที่ 1 การค้นหาข้อมูล
ตอนที่ 1 การค้นหาข้อมูลKriangx Ch
 

Tendances (18)

06550135 e learning
06550135 e learning06550135 e learning
06550135 e learning
 
อินทรอเน็ต
อินทรอเน็ตอินทรอเน็ต
อินทรอเน็ต
 
คุยเฟื่อง เรื่องอินเทอร์เน็ต
คุยเฟื่อง เรื่องอินเทอร์เน็ตคุยเฟื่อง เรื่องอินเทอร์เน็ต
คุยเฟื่อง เรื่องอินเทอร์เน็ต
 
01 คู่มือการเปิดใช้งานระบบ obe cmail
01 คู่มือการเปิดใช้งานระบบ obe cmail01 คู่มือการเปิดใช้งานระบบ obe cmail
01 คู่มือการเปิดใช้งานระบบ obe cmail
 
อินเทอร์เน็ตเบื้องต้น
อินเทอร์เน็ตเบื้องต้นอินเทอร์เน็ตเบื้องต้น
อินเทอร์เน็ตเบื้องต้น
 
08 com centers1
08 com centers108 com centers1
08 com centers1
 
08 com centers
08 com centers08 com centers
08 com centers
 
ดานการศึกษา222222222222222
ดานการศึกษา222222222222222ดานการศึกษา222222222222222
ดานการศึกษา222222222222222
 
Light Library
Light LibraryLight Library
Light Library
 
Chapter 3 งานกลุ่ม
Chapter 3 งานกลุ่มChapter 3 งานกลุ่ม
Chapter 3 งานกลุ่ม
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต(แก้ไขแล้ว)
หน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ต(แก้ไขแล้ว)หน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ต(แก้ไขแล้ว)
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต(แก้ไขแล้ว)
 
วิเคระาห์และทฤษฎีออกแบบเว็บไซต์2
วิเคระาห์และทฤษฎีออกแบบเว็บไซต์2วิเคระาห์และทฤษฎีออกแบบเว็บไซต์2
วิเคระาห์และทฤษฎีออกแบบเว็บไซต์2
 
(บทที่ 1)
(บทที่ 1)(บทที่ 1)
(บทที่ 1)
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ตหน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
 
บทที่ 6 เทคโนโลยีสารสนเทศเพื่อการเรียนรู้
บทที่ 6 เทคโนโลยีสารสนเทศเพื่อการเรียนรู้บทที่ 6 เทคโนโลยีสารสนเทศเพื่อการเรียนรู้
บทที่ 6 เทคโนโลยีสารสนเทศเพื่อการเรียนรู้
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ตหน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต
 
Moo cs
Moo csMoo cs
Moo cs
 
ตอนที่ 1 การค้นหาข้อมูล
ตอนที่ 1 การค้นหาข้อมูลตอนที่ 1 การค้นหาข้อมูล
ตอนที่ 1 การค้นหาข้อมูล
 

En vedette

การพัฒนาเว็บไซต์
การพัฒนาเว็บไซต์การพัฒนาเว็บไซต์
การพัฒนาเว็บไซต์Benz Lovestory
 
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1Benz Lovestory
 
ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์Noo Pui Chi Chi
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์Narathip Khrongyut
 
การพัฒนาเว็บไซต์
การพัฒนาเว็บไซต์การพัฒนาเว็บไซต์
การพัฒนาเว็บไซต์Ta'May Pimkanok
 

En vedette (10)

คู่มือ1
คู่มือ1คู่มือ1
คู่มือ1
 
Re
ReRe
Re
 
Refaction
RefactionRefaction
Refaction
 
การพัฒนาเว็บไซต์
การพัฒนาเว็บไซต์การพัฒนาเว็บไซต์
การพัฒนาเว็บไซต์
 
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1
วิเคราะห์แนวทางการออกแบบเว็บไซต์ของมหาวิทยาลัย1
 
ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์ทฤษฎีการออกแบบเว็บไซต์
ทฤษฎีการออกแบบเว็บไซต์
 
กระบวนการพัฒนาเว็บ
กระบวนการพัฒนาเว็บกระบวนการพัฒนาเว็บ
กระบวนการพัฒนาเว็บ
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์
 
การพัฒนาเว็บไซต์
การพัฒนาเว็บไซต์การพัฒนาเว็บไซต์
การพัฒนาเว็บไซต์
 

กลุ่ม3