หน้าเว็บ

Lecture




phase 1
1.รู้จักตัวเอง
2.เรียนรู้ผู้ใช้
3.ศึกษาคู่แข่ง


1.เป้าหมายหลักของเว็บ
2.ความต้องการของผู้ใช้
3.กลยุทธ์ในการแข่งขัน

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

สิ่งที่ได้รับ
1.แนวทางการออกแบบเว็บ
2.ขอบเขตเนื้อหาและการใช้งาน
3.ข้อมูลที่ถูกจัดอย่างเป็นระบบ

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

สิ่งที่ได้รับ
1.แนวทางการออกแบบเว็บ
2.ขอบเขตเนื้อหาและการใช้งาน
3.ข้อมูลที่ถูกจัดอย่างเป็นระบบ


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

สิ่งที่ได้รับ
1.ลักษณะหน้าตาของเว็บ
2.เว็บต้นแบบที่จะใช้ในการพัฒนา
3.รูปแบบโครงสร้างของเว็บ
4.ข้อกำหนดในการพัฒนาเว็บ


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

สิ่งที่ได้รับ
1.เว็บที่สมบูรณ์
2.เปิดตัวเว็บและทำให้เป็นที่รู้จัก
3.แนวทางการดูแลและพัฒนาต่อไป









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

ปัจจัยหลักที่เกี่ยวข้องกับการท่องเว็บไซต์
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



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

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

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

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

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

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

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

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