Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
เสย ๆๆๆๆ
458 views
Presentation
Read more
0
Save
Share
Embed
Embed presentation
Download
Download to read offline
1
/ 36
2
/ 36
3
/ 36
4
/ 36
5
/ 36
6
/ 36
7
/ 36
8
/ 36
9
/ 36
10
/ 36
11
/ 36
12
/ 36
13
/ 36
14
/ 36
15
/ 36
16
/ 36
17
/ 36
18
/ 36
19
/ 36
20
/ 36
21
/ 36
22
/ 36
23
/ 36
24
/ 36
25
/ 36
26
/ 36
27
/ 36
28
/ 36
29
/ 36
30
/ 36
31
/ 36
32
/ 36
33
/ 36
34
/ 36
35
/ 36
36
/ 36
More Related Content
PDF
การวิเคราะห์เว็บไซต์และการศึกษาทฤษฎี
by
บอง สลัน เนียง
PDF
ความรู้การออกแบบเว็บไซต์
by
Ta'May Pimkanok
PDF
ทฤษฎีการออกแบบเว็บไซต์
by
Bank Sangsudta
PDF
นำเสนอ
by
Samard Sompukdee
PDF
การออกแบบเว็บไซต์
by
Ta'May Pimkanok
PPT
หน่วยการเรียนรู้ที่ 17
by
sangkom
PDF
สม ดเล มเล_ก
by
DiiDy Moowhan Lesikagirl
PDF
เล่มเล็ก
by
PoMpam KamOlrat
การวิเคราะห์เว็บไซต์และการศึกษาทฤษฎี
by
บอง สลัน เนียง
ความรู้การออกแบบเว็บไซต์
by
Ta'May Pimkanok
ทฤษฎีการออกแบบเว็บไซต์
by
Bank Sangsudta
นำเสนอ
by
Samard Sompukdee
การออกแบบเว็บไซต์
by
Ta'May Pimkanok
หน่วยการเรียนรู้ที่ 17
by
sangkom
สม ดเล มเล_ก
by
DiiDy Moowhan Lesikagirl
เล่มเล็ก
by
PoMpam KamOlrat
Similar to Presentation
PDF
สมุดเล่มเล็ก
by
Saowalak Kaewket
PDF
หนัสือเล่มเล็ก
by
Saowalak Kaewket
PDF
หนังสือเล่มเล็ก
by
prawanya
PDF
การออกแบบเว็บไซต์
by
Ta'May Pimkanok
PDF
ตารางวิเคราะห์เว็บ
by
prawanya
PDF
คู่มือ1
by
Saowalak Kaewket
PDF
คู่มือ1
by
Benz Lovestory
PDF
คู่มือ1
by
kiriyadee1
PDF
คู่มือ1
by
Saowalak Kaewket
PDF
ความรู้การออกแบบเว็บไซต์1
by
Ta'May Pimkanok
PDF
หนังสือเล่มเล็ก
by
tayechoo
PDF
หนังสือเล่มเล็กก
by
prawanya
PDF
หนังสือเล่มเล็กก
by
prawanya
PDF
สมุดเล่มเล็ก การออกแบบเว็บไซต์
by
Taew Chom
PDF
งานนำเสนอ กลุ่มที่8 1
by
Jirawat Fishingclub
PDF
เวบ เล มเลก
by
Jaingarm Mai
PDF
เวบ เล่มเลก
by
aew1234
PDF
เวบ เล่มเลก
by
aew1234
PDF
ตารางวิเคราะห์เว็บ
by
prawanya
PDF
ตารางวิเคราะห์เว็บ
by
prawanya
สมุดเล่มเล็ก
by
Saowalak Kaewket
หนัสือเล่มเล็ก
by
Saowalak Kaewket
หนังสือเล่มเล็ก
by
prawanya
การออกแบบเว็บไซต์
by
Ta'May Pimkanok
ตารางวิเคราะห์เว็บ
by
prawanya
คู่มือ1
by
Saowalak Kaewket
คู่มือ1
by
Benz Lovestory
คู่มือ1
by
kiriyadee1
คู่มือ1
by
Saowalak Kaewket
ความรู้การออกแบบเว็บไซต์1
by
Ta'May Pimkanok
หนังสือเล่มเล็ก
by
tayechoo
หนังสือเล่มเล็กก
by
prawanya
หนังสือเล่มเล็กก
by
prawanya
สมุดเล่มเล็ก การออกแบบเว็บไซต์
by
Taew Chom
งานนำเสนอ กลุ่มที่8 1
by
Jirawat Fishingclub
เวบ เล มเลก
by
Jaingarm Mai
เวบ เล่มเลก
by
aew1234
เวบ เล่มเลก
by
aew1234
ตารางวิเคราะห์เว็บ
by
prawanya
ตารางวิเคราะห์เว็บ
by
prawanya
More from เสย ๆๆๆๆ
PDF
Theory of website design
by
เสย ๆๆๆๆ
PDF
การประมวลผลด้วยคอมพิวเตอร์
by
เสย ๆๆๆๆ
PDF
หลักสูตรครุศาสตรมหาบัณฑิต สาขาวิชาคอมพิวเตอร์ศึกษา
by
เสย ๆๆๆๆ
PDF
การเขียนโปรแกรมเบื้องต้น
by
เสย ๆๆๆๆ
PDF
งานนำเสนอ1
by
เสย ๆๆๆๆ
PDF
โครงงานคอมพิวเตอร์
by
เสย ๆๆๆๆ
PDF
Reflection
by
เสย ๆๆๆๆ
PDF
หลักสูตรปรัชญาดุษฎีบัณฑิต สาขาวิชาคอมพิวเตอร์ศึกษา
by
เสย ๆๆๆๆ
PDF
ทฤษฎีการออกแบบ
by
เสย ๆๆๆๆ
PDF
หลักสูตรครุศาสตรบัณฑิต สาขาคอมพิวเตอร์ศึกษา
by
เสย ๆๆๆๆ
Theory of website design
by
เสย ๆๆๆๆ
การประมวลผลด้วยคอมพิวเตอร์
by
เสย ๆๆๆๆ
หลักสูตรครุศาสตรมหาบัณฑิต สาขาวิชาคอมพิวเตอร์ศึกษา
by
เสย ๆๆๆๆ
การเขียนโปรแกรมเบื้องต้น
by
เสย ๆๆๆๆ
งานนำเสนอ1
by
เสย ๆๆๆๆ
โครงงานคอมพิวเตอร์
by
เสย ๆๆๆๆ
Reflection
by
เสย ๆๆๆๆ
หลักสูตรปรัชญาดุษฎีบัณฑิต สาขาวิชาคอมพิวเตอร์ศึกษา
by
เสย ๆๆๆๆ
ทฤษฎีการออกแบบ
by
เสย ๆๆๆๆ
หลักสูตรครุศาสตรบัณฑิต สาขาคอมพิวเตอร์ศึกษา
by
เสย ๆๆๆๆ
Presentation
3.
1. นายสามารถ สมภักดี
รหัสนักศึกษา 533410080548 2. นางสาวเขมนันท์ ทาโยธี รหัสนักศึกษา 533410080502 3. นางสาวชไมพร อุทัยแสน รหัสนักศึกษา 533410080508 4. นางสาวปัทมา ปะวะโข รหัสนักศึกษา 533410080515 สาขาวิชาคอมพิวเตอร์ศึกษา ชั้นปีที่ 4 หมู่ 5 สมาชิกในกลุ่ม
4.
Title
5.
เว็บไซต์ที่เลือก
6.
UNIVERSITY OF AUCKLAND
7.
จะออกแบบเว็บไซต์ ไงดี ????????
9.
เพราะ เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการออกแบบเว็บไซต์ที่ ตรงตามองค์ประกอบหลัก
ของการออกแบบเว็บไซต์ทางการศึกษา อย่างมี ประสิทธิภาพ คือ 1. ความเรียบง่าย 7. การเข้าใช้งานได้ไม่จํากัด 2. ความสม่ําเสมอ 8. มีคุณภาพในการออกแบบ 3. ความเป็นเอกลักษณ์ 9. ระบบใช้งานได้ถูกต้อง 4. เนื้อหาที่มีประโยชน์ 5. ระบบนําทางที่ใช้งานง่าย 6. มีลักษณะที่น่าสนใจ
10.
และยังมีวิธีการใช้สีสันที่สดใส สวยงาม เรียบง่าย
และบริสุทธิ์มองแล้วให้ความรู้สึก สบายตา ตรงตามทฤษฎีสีที่ใช้ในการออกแบบเว็บไซต์ คือ หลักการใช้สีในงาน กราฟิก โดยเลือกใช้ระบบสีแบบ RGB ที่สามารถดึงดูดความสนใจจากผู้ที่เข้ามาเยี่ยม ชมเว็บไซต์ได้ เพราะเหตุนี้ สมาชิกในกลุ่มจึงเลือกเว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มา เพื่อทําการวิเคราะห์การออกแบบเว็บไซต์ ในครั้งนี้
12.
การออกแบบเว็บไซต์ที่ดี คือ การออกแบบให้เหมาะสม
กับกลุ่มเป้าหมาย และลักษณะของเว็บไซต์ โดยคํานึงถึงความสะดวกในการใช้งานของผู้ใช้เป็นหลัก ควรมีความเรียบง่าย มีความสม่ําเสมอ สะท้อนเอกลักษณ์และลักษณะขององค์กรนั้น ได้ มีเนื้อหาที่มีประโยชน์ มีระบบ Navigation ที่ใช้งานง่าย มีโลโก้และชื่อเว็บไซต์ทุก หน้า ที่สําคัญ คือ มีลักษณะที่น่าสนใจและหมั่นปรับปรุงเนื้อหาอย่างสม่ําเสมอ (ดวงพร เกี๋ยงคํา. 2549: 27)
13.
1. ความเรียบง่าย การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ
มีหลักการ ดังนี้ (จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184) 1.ความเรียบง่าย หมายถึง การสื่อสารเนื้อหาถึงผู้ใช้ให้อ่านเข้าใจ ง่าย เราจะเห็นได้จากเว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการ ออกแบบเรียบง่ายและมีการสื่อสารกับผู้ใช้ได้ดี โดยการใช้ทฤษฎี สีมาใช้ในการสื่อสารและดึงดูดความสนใจกับผู้ใช้
14.
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ
ดังนี้ (จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184) 2. ความสม่ําเสมอ หมายถึง สามารถสร้างความสม่ําเสมอให้กับ เว็บไซต์ได้ โดยที่เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ ได้มีการ นําเสนอเว็บไซต์ในรูปแบบเดียวกันทั้งเว็บไซต์ โดยจะสังเกตได้จาก ส่วนหัวของเว็บเพจ ประกอบไปด้วย โลโก้,ชื่อเว็บไซต์,กล้องค้นหา เป็นต้น และที่สําคัญ คือ มีการใช้สีในรูปแบบเดียวกันทั้งเว็บไซต์
15.
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ
ดังนี้ (จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184) 3. ความเป็นเอกลักษณ์ ต้องคํานึงถึงลักษณะขององค์กรเป็นหลัก เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการออกแบบเว็บไซต์ที่สะท้อนถึง ลักษณะของมหาวิทยาลัยได้ดี มีการใช้ชุดสี ชนิดตัวอักษร รูปภาพ และ กราฟิก ได้อย่างเหมาะสม
16.
4. เนื้อหาที่มีประโยชน์ การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ
มีหลักการ ดังนี้ (จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184) 4. เนื้อหาที่มีประโยชน์ เนื้อหาถือเป็นสิ่งที่สําคัญที่สุดในเว็บไซต์ ดังนั้น ในเว็บไซต์ ควรจัดเตรียมเนื้อหาและข้อมูลที่ผู้ใช้ต้องการให้ถูกต้อง และสมบูรณ์ เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์มีการปรับปรุงและ เพิ่มเติม เว็บไซต์ให้ทันเหตุการณ์และทันสมัยอยู่เสมอ
17.
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ
ดังนี้ (จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184) 5. ระบบนําทางที่ใช้งานง่าย 5. ระบบนําทางที่ใช้งานง่าย ระบบนําทางเป็นองค์ประกอบที่สําคัญ มากของเว็บไซต์ ต้องออกแบบให้ผู้ใช้เข้าใจได้ง่ายและใช้งานสะดวก มหาวิทยาลัยโอ๊คแลนด์ ได้มีการออกแบบเว็บไซต์โดยใช้กราฟิกที่สื่อ ความหมายที่ชัดเจน รวมทั้งมีรูปแบบและลําดับของรายการที่สม่ําเสมอ เช่น วางไว้ในตําแหน่งเดียวกัน ของทุกๆ หน้า
18.
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ
ดังนี้ (จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184) 6. มีลักษณะที่น่าสนใจ 6.มีลักษณะที่น่าสนใจ เป็นเรื่องยากที่จะตัดสินว่าลักษณะหน้าเว็บของ เว็บไซต์ จะมีความน่าสนใจหรือไม่ เพราะเกี่ยวข้องกับความชอบของแต่ ละบุคคล ดังนั้นเว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการใช้กราฟิก ใช้ ชนิดตัวอักษรที่อ่านง่าย สบายตา และการใช้กลุ่มสีที่เข้ากันอย่าง สวยงาม จึงทําให้เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์มีความน่าสนใจ
19.
7. การเข้าใช้งานได้ไม่จํากัด การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ
มีหลักการ ดังนี้ (จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184) 7. การเข้าใช้งานได้ไม่จํากัด มหาวิทยาลัยโอ๊คแลนด์ ได้มีการออกแบบ เว็บไซต์ให้ผู้ใช้ส่วนใหญ่สามารถเข้าถึงได้มากที่สุด
20.
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ
ดังนี้ (จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184) 8. มีคุณภาพในการออกแบบ 8.คุณภาพในการออกแบบ มีความสําคัญกับการออกแบบเว็บไซต์ เช่นเดียวกับสื่อประเภทอื่น ๆ ดังนั้น มหาวิทยาลัยโอ๊คแลนด์จึงได้มีการ ประเมินเว็บไซต์อยู่เสมอ จะเห็นได้จากการเปลี่ยนแปลงหน้าเว็บเพจ ของเว็บไซต์อยู่ตลอดเวลา
21.
การออกแบบเว็บไซต์ อย่างมีประสิทธิภาพ มีหลักการ
ดังนี้ (จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุ เทพ. 2544: 16; วิเศษศักดิ์ โคตรอาษา. 2542: 184) 9. ระบบใช้งานได้ถูกต้อง 9. ระบบใช้งานได้ถูกต้อง ระบบการทํางานต่างๆ ในเว็บไซต์ของ มหาวิทยาลัยโอ๊คแลนด์ มีความแน่นอน และทําหน้าที่ได้อย่างถูกต้อง เช่น มีการติดต่อผ่าน Social Network เช่น Facebook , Twitter , YouTube , LinkedIn และสามารถใช้การได้จริง
22.
การออกแบบโครงสร้างเว็บไซต์ (Site Structure
Design) คือ การจัดหมวดหมู่ และลําดับของเนื้อหา แล้วจัดทําเป็นแผนผังโครงสร้าง เว็บไซต์ ซึ่งจะทําให้เรารู้ว่ามีเนื้อหาอะไรบ้างภายในเว็บไซต์ และแต่ละหน้า เว็บเพจนั้นมีการเชื่อมโยงกันอย่างไร โดยที่เว็บไซต์ของมหาวิทยาโอ๊คแลนด์ มีการออกแบบโครงสร้างของ เว็บไซต์ ดังนี้
23.
1. มีรายการสารบัญแสดงรายละเอียดของเว็บไซต์ 2. มีการเชื่อมโยงข้อมูลไปยังเป้าหมายได้ตรงกับความต้องการมากที่สุด 3.
เนื้อหากระชับสั้นและทันสมัยอยู่เสมอ 4. สามารถโต้ตอบกับผู้ใช้ได้อย่างทันท่วงที 5. เลือกใช้รูปภาพ ทําหน้าที่แทนคําบรรยายที่ยาวเกินไป
24.
6. เข้าสู่กลุ่มเป้าหมายได้อย่างถูกต้อง 7. การสร้างและการออกแบบเว็บไซต์
ง่ายต่อการใช้งานและตรงตาม ความต้องการของกลุ่มเป้หมาย 8. มีการกําหนดข้อมูลให้เป็นมาตรฐานเดียวกัน โดยแบ่งเนื้อหาออกเป็น ส่วนๆ และจัดเป็นกลุ่ม เป็นหมวดหมู่ เพื่อความเป็นระเบียบ ทําให้ผู้ที่เข้ามา เยี่ยมชมเว็บไซต์สะดวกในการใช้งาน
25.
จากการที่สมาชิกในกลุ่มได้ทําการศึกษา และวิเคราะห์การออกแบบ โครงสร้างเว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ จากงานวิจัยและทฤษฎีที่เกี่ยวข้อง ก็สามารถสรุปได้ว่า การออกแบบโครงสร้างเว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์
ตรงตาม ทฤษฎีการออกแบบโครงสร้างเว็บไซต์ ของจิตเกษม พัฒนาศิริ (2539)ได้อ้างอิงไว้ ในงานวิจัยที่สมาชิกในกลุ่มศึกษามา
27.
ขั้นตอนในการพัฒนาเว็บไซต์อย่างมีหลักการ จะต้องมีการดําเนินการ ตามขั้นตอนที่ชัดเจน มหาวิทยาโอ๊คแลนด์
ได้มีการพัฒนาเว็บไซต์อย่างเป็น ขั้นตอน ดังนี้
28.
กําหนดเป้าหมายและวางแผน วิเคราะห์และจัดโครงสร้างข้อมูล ออกแบบเว็บเพจและเตรียมข้อมูล ลงมือสร้างและทดสอบ เผยแพร่และส่งเสริมให้เป็นที่รู้จัก ดูแลและปรับปรุงต่อเนื่อง
30.
จอภาพคอมพิวเตอร์ที่เราเห็นแสดงสีสันได้สวยงามนั้น ก็มาจากการผสมกัน ของ แม่สี
3 สี โดยแต่ละสีจะมีความเข้มได้ 256 ระดับ คือ ตั้งแต่ 0-255 และเมื่อผสม กันทั้ง 3 สี จํานวนสีที่สามารถแสดงได้ก็คือ 256x256x256 หรือประมาณ 16.7 ล้านสี หรือเรียกว่าความคมชัด 24 บิต การแสดงสีของภาพที่ปรากฏจะชัดเจนหรือไม่นั้น ขึ้นอยู่กับความละเอียดของจอภาพ (resolution) และความสามารถของการ์ด แสดงผลจอภาพ (VGA Card)
31.
เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ได้เลือกใช้สี ในการออกแบบเว็บไซต์ที่ สดใส สวยงาม
เรียบง่าย และบริสุทธิ์มองแล้วให้ความรู้สึกสบายตา ตรงตามทฤษฎีสีที่ ใช้ในการออกแบบเว็บไซต์ คือ หลักการใช้สีในงานกราฟิก โดยเลือกใช้ระบบสีแบบ RGB ที่สามารถดึงดูดความสนใจจากผู้ที่เข้ามาเยี่ยมชมเว็บไซต์ได้
33.
เว็บไซต์ของมหาวิทยาลัยโอ๊คแลนด์ มีการออกแบบเว็บไซต์โดยยึด ส่วนประกอบของเว็บไซต์ ตรงตามทฤษฏีของ
วิทยา เรืองพรวิสุทธิ์ (2539: 46-47) ดังนี้
34.
Header Menu Sidebar Content Footter
35.
ตามที่ได้ทําการศึกษาการออกแบบและขั้นตอนการพัฒนาเว็บไซต์ จากทฤษฎี ต่าง ๆ
งานวิจัยที่เกี่ยวข้องของสมาชิกในกลุ่ม เพื่อทําการวิเคราะห์เว็บไซต์ของ มหาวิทยาลัยโอ๊คแลนด์ ทําให้เราได้ทราบถึง วิธีการออกแบบเว็บไซต์ ขั้นตอนการ พัฒนาเว็บไซต์ การเกิดสีและภาพบนจอคอมพิวเตอร์ ส่วนประกอบของเว็บไซต์ และ ทฤษฎีสีที่ใช้ในการออกแบบเว็บไซต์ ว่ามีขั้นตอนและวิธีการอย่างไรบ้าง สามารถ นํามาประยุกต์ใช้ในการเรียนรู้และใช้ในชีวิตประจําวันได้อย่างมีประสิทธิภาพ
36.
END
Download