Lecture

1.กระบวนการพัฒนาเว็บไซต์

1. จัดระบบโครงสร้างข้อ้อมูล(Information Architecture)

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

Phase 1 : สำรวจปัจจัยสำคัญ(Research)
1. รู้จักตัวเอง-กำหนดเป้าหมายและสำรวจความพร้อม
2. เรียนรู้ผู้ใช้-ระบุกลุ่มผู้ใช้และศึกษาความต้องการการ
3. ศึกษาคู่แข่ง-สำรวจการแข่งขันและการเรียนรู้คู่แข่ง

Phase 2 : พัฒนาเนื้อหา(Site Content)
4. สร้างกลยุทธ์การออกแบบ
5. หาข้อสรุปขอบเขตเนื้อหา

Phase 3 : พัฒนาโครงสร้างเว็บไซท์(Site Structure)
6. จัดระบบข้อมูล
7. จัดทำโครงสร้างข้อมูล
8. พัฒนาระบบเนวิเกชัน

Phase 4 : ออกแบบและพัฒนาหน้าเว็บ(Visual Design)
9. ออกแบบลักษณะหน้าตาเว็บ
10. พัฒนาเว็บต้นแบบและข้อกำหนดสุดท้าย

Phase 5 : พัฒนาและดำเนินการ (Production & Operation)
11. ลงมือพัฒนาเว็บ
12. เปิดเว็บไซท์
13. ดูแลและพัฒนาต่อเนื่อง

   2.การออกแบบเว็บไซต์ให้เหมาะสมกับสิ่งแวดล้อม

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

เบราเซอร์ที่ใช้ในปัจจุบัน
1.Internet Explorer
2.Netscape Navigator
3.The World
4.Opera
5.Mozilla
6.Firefox
7.Google Chrome

3.เลือกใช้สีสำหรับเว็บไซต์

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

สีขั้นที่ 1 (สีขั้นต้นหรือแม่สี Primary Color ) ประกอบด้วย สีแดง สีเหลือง และสีน้ำเงิน
สีขั้นที่ 2 (Binary Color) เกิดจากการนำเอาสีขั้นที่ 1 มาผสมกันในอัตราส่วนเท่าๆ กัน ประกอบด้วย สีเขียว สีส้ม และสีม่วง

สีเขียว เกิดจากการนำเอา สีเหลือง กับ สีน้ำเงิน มาผสมกัน

สีส้ม  เกิดจากการนำเอา สีเหลือง กับ สีแดง มาผสมกัน

สีม่วง  เกิดจากการนำเอา สีแดง กับ สีน้ำเงิน มาผสมกัน

สีขั้นที่ 3 (Intermediate Color) เกิดจากการนำเอาสีขั้นที่ 2 ผสม กับสีขั้นต้นที่อยู่ใกล้เคียงกันได้สีต่างกันออกไป ได้แก่ สีเหลืองแกมเขียว สีน้ำเงินแกมม่วง สีแดงแกมม่วง สีแดงแกมส้ม สีเหลืองแกมส้ม และสีน้ำเงินแกมเขียว
สีเหลืองแกมเขียว   เกิดจากการผสมกันระหว่าง สีเหลืองกับ สีเขียว
สีน้ำเงินแกมม่วง    เกิดจากการผสมกันระหว่าง สีน้ำเงิน กับ สีม่วง
สีแดงแกมม่วง     เกิดจากการผสมกันระหว่าง สีแดง กับ สีม่วง
สีแดงแกมส้ม      เกิดจากการผสมกันระหว่าง สีแดง กับ สีส้ม
สีเหลืองแกมส้ม    เกิดจากการผสมกันระหว่าง สีเหลือง กับ สีส้ม
สีน้ำเงินแกมเขียว   เกิดจากการผสมกันระหว่าง สีน้ำเงิน กับ สีเขียว