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

งานนำเสนอ กลุ่มที่8 1

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: งานนำเสนอ กลุ่มที่8 1

การออกแบบและ

ขั้นตอนการพัฒนาเว็บไซต์

Page 2: งานนำเสนอ กลุ่มที่8 1

รายชื่อสมาชิกกลุ่ม

1. นางสาวจริพา ชัยสันทนะ รหัส 5334100805032. นางสาวจริาภรณ์ จันทจร รหัส 5334100805043. นางสาวอนิศรา อ้วนละไมย์ รหัส 5334100805314. นายจิรวัฒน์ พิมมรินทร์ รหัส 533410080535 5. นายวรุฒ ศรีสามารถ รหัส 533410080545

Page 3: งานนำเสนอ กลุ่มที่8 1

วิเคราะห์การออกแบบเว็บไซต์มหาวิทยาลัยราชภัฎสวนสุนันทา

Page 4: งานนำเสนอ กลุ่มที่8 1

การออกแบบโครงสร้างของเว็บไซต์จากการที่สมาชิกในกลุ่มได้ท าการศึกษา การวิเคราะห์และออกแบบ

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

Page 5: งานนำเสนอ กลุ่มที่8 1

การออกแบบโครงสร้างของเว็บไซต์(ต่อ)การออกแบบโครงสร้างของเว็บไซต์ (Site Structure Design) คือ

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

โดยที่เว็บไซต์ของมหาวิทยาราชภัฎสวนสุนันทามีการออกแบบโครงสร้างของเว็บไซต์ ดังนี้( จิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุเทพ. 2544: 16; )

Page 6: งานนำเสนอ กลุ่มที่8 1

ส่วนประกอบและขั้นตอนกระบวนการพัฒนาเว็บไซต(์ต่อ)

ขั้นตอนที่ 1 : เก็บรวบรวมข้อมูลส าหรบัพัฒนาเว็บไซต์

ขั้นตอนที่ 2 : พัฒนาเนื้อหา (Site Contact)

ขั้นตอนที่ 3 : พัฒนาโครงสร้างเว็บไซต์ (Site Structure)

ขั้นตอนที่ 4 : ออกแบบและพัฒนาเว็บไซต์ (Visual Design)

ขั้นตอนที่ 5 : พัฒนาและด าเนินการ (Production and Operation)

Page 7: งานนำเสนอ กลุ่มที่8 1

ส่วนประกอบและขั้นตอนกระบวนการพัฒนาเว็บไซต(์ต่อ)เว็บไซต์ (Web Site) คือแหล่งที่เก็บรวบรวมข้อมูลเอกสารและสื่อ

ประสมต่างๆ เช่นภาพ เสียง ข้อความของแต่ละบริษัทหรือหน่วยงานโดยเรียกเอกสารต่างๆ เหล่านี้ว่า เว็บเพจ (Web Page) และเรียกเว็บหน้าแรกของแต่ละเว็บไซต์ว่า โฮมเพจ (Home Page) หรืออาจกล่าวได้ว่า เว็บไซต์ก็คือเว็บเพจอย่างน้อยสองหน้าที่มีลิงค์ (Links) ถึงกัน ตามหลักค าว่า เว็บไซต์จะใช้ส าหรับผู้ที่มีคอมพิวเตอร์แบบเซิร์ฟเวอร์หรือจดทะเบียนเป็นของตนเองเรียบร้อยแล้ว

Page 8: งานนำเสนอ กลุ่มที่8 1

ส่วนประกอบและขั้นตอนกระบวนการพัฒนาเว็บไซต(์ต่อ)

Page 9: งานนำเสนอ กลุ่มที่8 1

การออกแบบเว็บไซต์จะต้องค านึงถึง

Page 10: งานนำเสนอ กลุ่มที่8 1

2. ความสม่ าเสมอ

3. ความเป็นเอกลักษณ์

4. เนื้อหาที่มปีระโยชน์

6. มีลักษณะที่น่าสนใจ

7. การเข้าใช้งานโดยไม่จ ากัด

8. คุณภาพในการออกแบบ

9. ระบบการใช้งานได้ถูกต้อง

5. ระบบน าทางที่ใช้งานง่าย

1. ความเรียบง่าย

Page 11: งานนำเสนอ กลุ่มที่8 1

การออกแบบเว็บไซต์จะต้องค านึงถึง (ต่อ)การออกแบบเว็บไซต์ควรเรียนรู้และเข้าใจถึงกระบวนการ ของการ

น าเสนอก่อน ซึ่งสามารถท าได้หลายรูปแบบขึ้นอยู่กับลักษณะของข้อมูลและความชอบของผู้พัฒนา ตลอดจนกลุ่มเป้าหมายที่ต้องการน าเสนอ การออกแบบโครงสร้างของมหาวิทยาลัยราชภัฏสวนสุนันทา ตรงตามหลักการออกแบบ ของจิตเกษม พัฒนาศิริ.2539; ธวัชชัย ศรีสุเทพ. 2544: 16; วิเศษศักดิ์ โครตอาษา. 2542: 184) ที่ได้กล่าวมาข้างต้น

Page 12: งานนำเสนอ กลุ่มที่8 1

การเกิดสีและภาพบนจอคอมพิวเตอร์จอภาพคอมพิ ว เตอร์ที่ เ ร า เห็นแสดงสี สั น ได้ สวยงามนั้ น

ก็มาจากการผสมกันของ แม่สี 3 สี โดยแต่ละสีจะมีความเข้มได้ 256 ระดับ คือ ตั้งแต่ 0-255 และเมื่อผสมกันทั้ง 3 สี จ านวนสีที่สามารถแสดงได้ก็คือ 256x256x256 หรือประมาณ 16.7 ล้านสี หรือเรียกว่าความคมชัด 24 บิต การแสดงสีของภาพที่ปรากฏจะชัดเจนหรือไม่นั้น ขึ้นอยู่กับความละเอียดของจอภาพ (resolution) และความสามารถของการ์ดแสดงผลจอภาพ (VGA Card)

Page 13: งานนำเสนอ กลุ่มที่8 1

สรุปจากการที่ได้ท าการศึกษาการออกแบบและขั้นตอนการพัฒนาเว็บไซต์

จากหลักทฤษฎีต่างๆ ของงานวิจัยที่เกี่ยวข้อง เพื่อท าการวิเคราะห์เว็บไซต์ของ มหาวิทยาลัยราชภัฏสวนสุนันทาท าให้เราได้ทราบถึง วิธีการออกแบบเว็บไซต์ ขั้นตอนการพัฒนาเว็บไซต์ การเกิดสีและภาพบนจอคอมพิวเตอร์ ส่วนประกอบของเว็บไซต์ และทฤษฎีสีที่ใช้ในการออกแบบ มีขั้นตอนและวิธีการอย่างไรในการพัฒนาเว็บไซต์ ซึ่งสามารถน ามาประยุกต์ใช้ในการออกแบบเว็บไซต์ในรายวิชาที่เกี่ยวข้อง นอกจากนี้ยังสามารถน ามาประยุกต์ใช้ในชีวิตประจ าวันได้

Page 14: งานนำเสนอ กลุ่มที่8 1

กลับเมนู

Page 15: งานนำเสนอ กลุ่มที่8 1

กลับเมนู

Page 16: งานนำเสนอ กลุ่มที่8 1

กลับเมนู

Page 17: งานนำเสนอ กลุ่มที่8 1

กลับเมนู

Page 18: งานนำเสนอ กลุ่มที่8 1

กลับเมนู

Page 19: งานนำเสนอ กลุ่มที่8 1

กลับเมนู

Page 20: งานนำเสนอ กลุ่มที่8 1

กลับเมนู

Page 21: งานนำเสนอ กลุ่มที่8 1

กลับเมนู

Page 22: งานนำเสนอ กลุ่มที่8 1

กลับเมนู