Transcript การออกแบบ - SchoolWeb.in.th

รายวิชา การเขียนเว็บไซต์
การออกแบบเว็บไซต์ ท่ ดี ี
 เว็บไซต์ทด่ี สู วยงามหรือมีลกู เล่นมากมายนัน้ อาจจะไม่นบั เป็ นการออกแบบทีด่ กี ็
ได้ถา้ ความสวยงามและลูกเล่นเหล่านัน้ ไม่เหมาะสมกับลักษณะของเว็บไซต์
 เป็ นเรือ่ งยากทีจ่ ะระบุวา่ การออกแบบเว็บไซต์ทด่ี นี นั ้ เป็ นอย่างไร เนื่องจากว่าการ
ออกแบบบางอย่างทีเ่ หมาะสมกับเว็บไซต์หนึ่ง อาจจะไม่เหมาะกับอีกเว็บไซต์
หนึ่งก็ได้
 ดังนัน้ การออกแบบเว็บไซต์จะต้องออกแบบให้ตรงกับเป้าหมาย และลักษณะของ
เว็บไซต์นนั ้
องค์ ประกอบของการออกแบบเว็บไซต์
 ความเรียบง่าย (Simplicity) หมายถึง เว็บทีอ่ อกแบบอย่างเรียบง่าย ไม่ซบั ซ้อน
และใช้งานอย่างสะดวก
 ความสมา่ เสมอ (Consistency) หมายถึง การออกแบบเว็บไซต์ทม่ี กี ารใช้
รูปแบบเดียวกันทัง้ หมด ทัง้ รูปแบบของหน้า, สไตล์ของกราฟิก, ระบบเนวิเกชัน และ
โทนสีทใ่ี ช้
 ความเป็ นเอกลักษณ์ (Identity) หมายถึง การออกแบบต้องคานึงถึงลักษณะของ
องค์กร เนื่องจากรูปแบบของเว็บไซต์สามารถสะท้อนถึงเอกลักษณ์และลักษณะของ
องค์กรนัน้ ได้
องค์ ประกอบของการออกแบบเว็บไซต์ (ต่ อ)
 เนื้ อหาที่มีประโยชน์ (Useful Content) หมายถึง การจัดเตรียมเนื้อหาและ
ข้อมูลทีผ่ ใู้ ช้ตอ้ งการให้ถูกต้องและสมบูรณ์ โดยมีการปรับปรุงและเพิม่ เติมให้ทนั ต่อ
เหตุการณ์อยูเ่ สมอ
 ระบบเนวิเกชันที่ใช้งานง่าย (User-Friendly Navigation) หมายถึง
การออกแบบเนวิเกชันให้ผใู้ ช้เข้าใจได้งา่ ย และใช้งานสะดวก มีรปู แบบและลาดับของ
รายการทีส่ ม่าเสมอ
 มีลกั ษณะที่น่าสนใจ (Visual Appeal) เช่น การใช้ชนิดของตัวอักษรทีอ่ า่ นง่าย
สบายตา และการใช้โทนสีทเ่ี ข้ากันอย่างสวยงาม
องค์ ประกอบของการออกแบบเว็บไซต์ (ต่ อ)
 การใช้งานอย่างไม่จากัด (Compatibility) หมายถึง การออกแบบเว็บไซต์ให้
ผูใ้ ช้เข้าถึงได้มากทีส่ ดุ ไม่จากัดว่าต้องติดตัง้ โปรแกรมเพิม่ เติม หรือเลือกใช้บราวเซอร์
ชนิดใดชนิดหนึ่ง สามารถแสดงผลได้ในทุกระบบปฏิบตั กิ าร เป็ นต้น
 คุณภาพในการออกแบบ (Design Stability) หมายถึง การออกแบบเว็บไซต์
โดยมีการเรียบเรียงเนื้อหาอย่างรอบคอบ มีมาตรฐานในการออกแบบและการจัดระบบ
ข้อมูล
 ระบบการใช้งานที่ถกู ต้อง (Functional Stability) หมายถึง ระบบการ
ทางานต่างๆในเว็บไซต์ตอ้ งมีความแน่นอนและทาหน้าทีไ่ ด้อย่างถูกต้อง เช่น ใน
เว็บไซต์มกี ารกรอกแบบฟอร์ม หรือมีลงิ ค์เชือ่ มโยงก็ตอ้ งแน่ใจว่าสามารถใช้งานได้จริง
กระบวนการในการสร้ างและออกแบบเว็บ
 การวางแผน (Planning)เป็ นขัน้ ตอนทีผ่ สู้ ร้างเว็บจะต้องรวบรวมข้อมูลทีต่ อ้ งการ
จะนามาสร้างเว็บ กาหนดวัตถุประสงค์และกลุม่ เป้าหมาย จากนัน้ กาหนดขอบเขตและ
ความต้องการของเว็บว่าจะต้องมีอะไรบ้าง
กระบวนการในการสร้ างและออกแบบเว็บ (ต่ อ)
 การออกแบบ (Design)เป็ นขัน้ ตอนทีน่ าข้อมูลและแผนทีว่ างไว้ไปปฏิบตั ิ โดยการ
ลงมือปฏิบตั โิ ดยจัดพิมพ์เนื้อหา กาหนดการเชือ่ มโยง และคุณลักษณะอื่นทีต่ อ้ งใช้ใน
เว็บ การออกแบบก็จะเน้นทีก่ ารจัดหน้าจอของเว็บให้สอดคล้องกันและระมัดระวัง
ปญั หาต่าง ๆ ในการออกแบบ
 การพัฒนา (Development)เป็ นขัน้ ตอนทีต่ อ่ เนื่องจากการออกแบบและการ
สร้าง โดยเน้นไปทีก่ ารตกแต่งและเสริมเครือ่ งมือต่าง ๆ สาหรับเว็บ เช่น การกาหนดสี
ภาพ การใช้ Flash ช่วยให้เว็บเร้าความสนใจ และเพิม่ เติมเทคนิคต่าง ๆ ของ
โปรแกรมสนับสนุ นการสร้างเว็บ
กระบวนการในการสร้ างและออกแบบเว็บ (ต่ อ)
 การติดตัง้ (Publishing)เป็ นขัน้ ตอนทีจ่ ะนาเอาเว็บทีไ่ ด้สร้างขึน้ เข้าไปติดตัง้ ใน
เว็บเซอร์เวอร์เพือ่ ให้แสดงผลได้ในระบบอินเทอร์เน็ต หรือจะเรียกว่า การอับโหลด
(Up load) ซึง่ เป็ นขัน้ ตอนทีจ่ ะต้องดาเนินการอยูเ่ สมอเมือ่ สร้างเว็บเสร็จ
 การบารุงรักษา (Maintenance) เป็ นขัน้ ตอนประเมินผลและติดตามผลการ
ติดตัง้ เว็บไซต์วา่ มีขอ้ ขัดข้องหรือต้องปรับปรุงเปลีย่ นแปลงเว็บเพิม่ เติมให้ทนั สมัยอยู่
เสมอ อาจจะเรียกได้วา่ ขัน้ ตอนการอับเดท (Up date)
ส่ วนประกอบของเว็บไซต์ ท่ ดี ี