Lecture





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


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

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

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


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

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


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

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


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

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


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

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




ออกแบบกราฟฟิกสำหรับเว็บไซต์ 



รูปแบบกราฟฟิกสำหรับเว็บ
รูปแบบหลักมี 2 ประเภท คือ GIF และ JPG
GIF ย่อมาจากคำว่า Graphic Interchange Format

ได้รับความนิยมในยุคแรก


มีระบบสีแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิต ทำให้
มีสีมากสุด 256 สี

มีการบีบอัดข้อมูลตามแนวของพิกเซล เหมาะสำหรั
กราฟฟิกที่ประกอบด้วยสีพื้น

JPG ย่อมาจากคำว่า Joint Photographic Experst Group

ใช้ระบบการบีบอัดที่มีลักษณะที่สูญเสีย (lossy)

ไฟล์ประเภทนี้ควรนำไปใช้กับรูปถ่ายหรือกราฟฟิกที่มีการ
ไล่ระดับสีอย่างละเอียดระบบการวัดความละเอียดของรูปภาพ

ระบบการวัดความละเอียดของรูปภาพที่แสดงผลบนมอนิเตอร์
ควรใช้หน่วย pixel por inch (ppi)

การใช้งานจะนำหน่วย dor per inch (dpi) ซึ่งเป็นหน่วย
วัดความละเอียดของสิ่งพิมพ์มาใช้งานแทน ppi

ความละเอียดของรูปภาพที่ใช้ในเว็บไซต์ควรมีความละเอียด
แค่ 72 ppi


มีข้อมูลสีขนาด 24 บิต (True Color) สามารถแสดงสี
ได้ถึง 16.7ล้านสี







ไม่มีความคิดเห็น:

แสดงความคิดเห็น