หลักการและขั้นตอน การออกแบบเว็บไซต์

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
เรื่อง เครือข่ายอินเทอร์เน็ตและการสืบค้นข้อมูล
Advertisements

รายละเอียดวิชา ง การงานพื้นฐาน4(คอมพิวเตอร์2)
ICT & LEARN.
การอบรมการใช้ศูนย์กำลังคนอาชีวศึกษา
บทที่ 7 การใช้ตัวอักษร สื่อชุดนี้เป็นลิขสิทธิ์ของสำนักพิมพ์วังอักษร ใช้เพื่อการศึกษาเท่านั้น.
บทที่ 6 การใช้สีสำหรับเว็บไซต์
บทที่ 3 การออกแบบระบบเนวิเกชัน
COE เว็บปรับแต่งสำหรับศูนย์วิจัยและพัฒนา ระบบสุขภาพชุมชน Creation of Custom-built Web of CRDCH Research Center นายสุรศักดิ์ แสงเพชร รหัสนักศึกษา.
Program for sending SMS to group of mobiles via Web Service (Final) คณะผู้พัฒนา นางสาวลออศรี ใจชื่น รหัส นางสาวศิริรัตน์ บุตรดี รหัส
รายวิชา การเขียนเว็บไซต์
The Development of Document Management System with RDF
สิ่งพิมพ์ จัดทำเพื่อผู้อ่านเฉพาะกลุ่ม (ภายในหรือภายนอกองค์กร)
รูปแบบการจัดองค์ประกอบ
Development of English Writing Web Course Ware for Grade 12
การประเมินคุณภาพสารสนเทศ
หลักการออกแบบของ ADDIE model ADDIE model
การพัฒนาเว็บ.
บทเรียนอิเล็กทรอนิกส์
Overview - Wikipedia Wikipedia คืออะไร? การใช้งาน Wikipedia
พื้นฐานความรู้เกี่ยวกับอินเทอร์เน็ต
บทนำ การเขียนโปรแกรมภาษาซี
การพัฒนากิจกรรม การเรียนรู้ โดยโครงงาน
รูปแบบของเว็บเพจ. รูปแบบของเว็บเพจ รูปแบบของเว็บเพจ 1. เว็บเพจในแนวตั้ง.
Creating Effective Web Pages
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
การวางแผนและ การจัดทำ IT Audit
การออกแบบและพัฒนาเว็บไซต์
การออกแบบและพัฒนาเว็บไซต์
การออกแบบสื่อการเรียนรู้
Charter 12 1 Chapter 12 อินเทอร์เน็ต Internet.
ในห้องเรียนออนไลน์ (Web-Based Instruction) บนระบบบริการ Moodle LMS
การตรวจอสอบเว็บเพจที่จะสร้าง
หน่วยการเรียนรู้ที่ 3 ระบบปฏิบัติการวินโดวส์เบื้องต้น
เนื้อหาที่มีประโยชน์ Useful Content
องค์ประกอบ ของการออกแบบเว็บไซท์ อย่างมีประสิทธิภาพ
หน่วยที่ 3 สื่อการเรียนรู้สำหรับคอมพิวเตอร์พกพา (Tablet) กิจกรรมที่2 การผลิต การใช้ การประเมินผล สื่อ ICT.
กิจกรรมที่ 2 ซอฟต์แวร์ประยุกต์
ทบทวนทฤษฎีหลักสูตร ดร.อมรา เขียวรักษา.
Principle of Graphic Design
เว็บเพจและเว็บไซต์ webpage website
รู้จักกับโลกของ โฮมเพจ & เว็บไซต์.
การวิเคราะห์เนื้อหา.
การเขียนแบบเสนอหัวข้อโครงงาน
ซอฟต์แวร์.
โครงงานสื่อเพื่อการศึกษาอาหารนานาชาติ
อาจารย์สถิตย์ กังวานณรงค์กุล มัธยมศึกษาปีที่ 2 โรงเรียนมัธยมวัดนายโรง
โครงงานเกมส์บวกเลขหรรษา
การจัดการเรียนรู้โดยการใช้แผ่นพับ
การเขียนรายงาน.
ครู สุนิสา เมืองมาน้อย
บทที่ 1 รู้จักกับการออกแบบเว็บ ไซท์. รู้จักกับการออกแบบเว็บไซท์ ความสำคัญของการออกแบบเว็บไซท์ สร้างความได้เปรียบเหนือคู่แข่ง การออกแบบเว็บไซท์ที่ดี ออกแบบให้ตรงกับเป้าหมายและลักษณะ.
เทคนิคการรวบรวมข้อมูล
การออกแบบการสอน รูปแบบ ADDIE Model
เว็บเพจ (Web Page).
ADDIE Model.
หลักการเขียนโครงการ.
การเขียนรายงาน.
SHARK COMPANY WEBBOARD เว็บบอร์ดความบันเทิง. สมาชิกในกลุ่ม 1. นายศรัณญ์ จันทร์หา นายนิติธร ดิษฐาพร นายภาณุพงศ์ แสนเตชะ
เรื่อง การพัฒนาบทเรียนคอมพิวเตอร์ช่วยสอน วิชาการใช้โปรแกรมกราฟิก
การพัฒนาการเรียนรู้รายวิชาการโปรแกรมคอมพิวเตอร์ด้วย e-Learning
การจัดทำเว็บไซต์ เครือข่ายสถาบันอุดมศึกษา เขตภาคกลาง เพื่อพัฒนาบัณฑิตอุดมคติ ไทย วันพฤหัสบดีที่ 24 กุมภาพันธ์ 2554 มหาวิทยาลัยเกษตรศาสตร์
Web.
การวางแผนการใช้สื่อ    การใช้สื่อการสอนต้องมีการวางแผน โดยในขั้นของการวางแผนคือ การ พิจารณาว่าจะเลือกใช้สื่อใด ในการเรียนการสอน ในการใช้สื่อใน การเรียนการสอนการวางแผนการใช้สื่อนับเป็นขั้นตอนแรก.
การสังเคราะห์ (synthesis)
หลักการออกแบบเว็บไซต์
บทที่ 5 การเขียนรายงานโครงงานคอมพิวเตอร์
เทคนิควิธีในการจัดการเรียนการสอน
อินเทอร์เน็ต ( Internet )
1 Introduction to Web Design Chapter 1. 2 ก้าวสู่ยุค อินเตอร์เน็ต.
การสร้างเมนูเข้าสู่บทความ. เป็นการสร้างเมนูเพื่อเชื่อมโยงเข้าสู่บทความที่ สร้างไว้ภายในเว็บไซต์ ซึ่งสามารถสร้างเมนูได้ ดังนี้ – การสร้างเมนูเข้าสู่บทความที่ถูกพักการใช้งาน.
ใบสำเนางานนำเสนอ:

หลักการและขั้นตอน การออกแบบเว็บไซต์ ครูผู้สอน นางสาวพิกุลแก้ว นวลวรรณ์ โรงเรียหนองกี่พิทยาคม

เนื้อหา 1. การกำหนดขนาดเว็บเพจ 2. รูปแบบการออกแบบเว็บไซต์ 3. การออกแบบโครงสร้างเว็บไซต์ 4. โครงสร้างของเว็บไซต์ 5. องค์ประกอบของการออกแบบเว็บไซต์ 6. ขั้นตอนการสร้างเว็บไซต์ 7. การใช้สี

1. การกำหนดขนาดเว็บเพจ 1. ขนาดเว็บไซต์แบบ 800 X 600 pixels เป็นขนาดที่สามารถใช้ได้กับหน้าจอทุกขนาดในปัจจุบันเป็นขนาดของการออกแบบเว็บไซต์ที่ใช้ในอดีต เนื่องจากอดีตขนาดของจอคอมพิวเตอร์มีขนาดเล็ก 2. ขนาดเว็บไซต์แบบ 1024 X 768 pixels เป็นขนาดที่นิยมในปัจจุบัน เนื่องจากผู้ใช้นิยมใช้จอคอมพิวเตอร์ขนาดใหญ่ขึ้นเนื่องมาจากราคาจอคอมพิวเตอร์ที่ถูกลง

2. รูปแบบการออกแบบเว็บไซต์ 1. การออกแบบเว็บไซต์ที่เน้นการนำเสนอเนื้อหา 2. การออกแบบเว็บไซต์ที่เน้นภาพกราฟิก 3.การออกแบบเว็บไซต์ที่มีทั้งภาพและเนื้อหา

3. การออกแบบโครงสร้างเว็บไซต์ การออกแบบโครงสร้างเว็บไซต์ คือ การวางแผนการจัดลำดับ เนื้อหาสาระของเว็บไซต์ ออกเป็นหมวดหมู่ เพื่อจัดทำเป็นโครงสร้างในการจัดวางหน้าเว็บเพจทั้งหมด จุดมุ่งหมายสำคัญของการออกแบบโครงสร้างเว็บไซต์คือ การที่จะทำให้ผู้เข้าเยี่ยมชม สามารถค้นหาข้อมูลในเว็บเพจได้อย่างเป็นระบบ

หลักในการออกแบบโครงสร้างเว็บไซต์ ควรพิจารณาดังนี้ กำหนดวัตถุประสงค์ ศึกษากลุ่มเป้าหมาย วางแผนเกี่ยวกับการจัดรูปแบบโครงสร้างเนื้อหาสาระ การออกแบบเว็บไซต์ต้องมีการจัดโครงสร้างหรือจัดระเบียบข้อมูลที่ชัดเจน กำหนดรายละเอียดให้กับโครงสร้าง การสร้างเว็บไซต์แล้วนำไปทดลองเพื่อหาข้อผิดพลาดและทำการแก้ไขปรับปรุง แล้วจึงนำเข้าสู่เครือข่ายอินเทอร์เน็ตเป็นขั้นสุดท้าย

องค์ประกอบที่ดีของการออกแบบเว็บไซต์ 1. โครงสร้างที่ชัดเจน 2. การใช้งานที่ง่าย 3. การเชื่อมโยงที่ดี 4. ความเหมาะสมในหน้าจอ 5. ความรวดเร็ว

4. โครงสร้างของเว็บไซต์ 1. เว็บที่มีโครงสร้างแบบเรียงลำดับ (Sequential Structure) 2. เว็บที่มีโครงสร้างแบบลำดับขั้น (Hierarchical Structure) 3. เว็บที่มีโครงสร้างแบบตาราง (Grid Structure) 4.เว็บที่มีโครงสร้างแบบใยแมงมุม (Web Structure)

5. องค์ประกอบของการออกแบบเว็บไซต์ 1. ความเรียบง่าย (Simplicity) 2. ความสม่ำเสมอ ( Consistency) 3. ความเป็นเอกลักษณ์ (Identity) 4. เนื้อหา (Useful Content) 5. ระบบเนวิเกชั่น (User-Friendly Navigation) 6. คุณภาพของสิ่งที่ปรากฏให้เห็นในเว็บไซต์ (Visual Appeal) 7. ความสะดวกของการใช้ในสภาพต่าง ๆ (Compatibility) 8. ความคงที่ในการออกแบบ (Design Stability) 9. ความคงที่ของการทำงาน (Function Stability)

6. ขั้นตอนการออกแบบเว็บไซต์ ขั้นตอนที่ 1 การวางแผนการจัดทำเว็บไซต์ ขั้นตอนที่ 2 การกำหนดโครงสร้างของเว็บ ขั้นตอนที่ 3 การกำหนดการเชื่อมโยงเว็บเพจ ขั้นตอนที่ 4 การตั้งชื่อไฟล์และโฟลเดอร์ ขั้นตอนที่ 5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์

7. การเลือกใช้สี รูปแบบของสีที่สายตาของมนุษย์มองเห็น สามารถแบ่งออกเป็น 3 กลุ่ม 1. สีโทนร้อน (Warm Colors) เป็นกลุ่มสีที่แสดงถึงความสุข ความปลอบโยน ความอบอุ่น และดึงดูดใจ สีกลุ่มนี้เป็นกลุ่มสีที่ช่วยให้หายจากความเฉื่อยชา มีชีวิตชีวามากยิ่งขึ้น 2. สีโทนเย็น (Cool Colors) แสดงถึงความที่ดูสุภาพ อ่อนโยน เรียบร้อย เป็นกลุ่มสีที่มีคนชอบมากที่สุด สามารถโน้มนาวในระยะไกลได้ 3. สีโทนกลาง (Neutral Colors) สีที่เป็นกลาง ประกอบด้วย สีดำ สีขาว สีเทา และสีน้ำตาล กลุ่มสีเหล่านี้คือ สีกลางที่สามารถนำไปผสมกับสีอื่น ๆ เพื่อให้เกิดสีกลางขึ้นมา