ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์
Picture credit: WebDesigner Depot
สิ่งที่ผู้ออกแบบเว็บไซต์จำเป็นต้องเตรียมก่อนการออกแบบจริง
ขั้นตอนการพัฒนาเว็บไซต์
การออกแบบเว็บไซต์ให้มีข้อมูลและรายละเอียดที่ครบถ้วนและครอบคลุมกับความต้องการ เว็บไซต์มีความสวยงาม อีกทั้งง่ายต่อการดูและปรับเปลี่ยนข้อมูลในภายหลังนั้น ควรมีการวางแผนในการพัฒนาเว็บไซต์ที่ดี ซึ่งพอสรุปขั้นตอนได้ดังนี้คือ
- กำหนดวัตถุประสงค์ของเว็บไซต์ การพัฒนาเว็บไซต์ ควรเริ่มจากการกำหนดวัตถุประสงค์ให้เห็นภาพชัดเจนว่าต้องการนำเสนอหรือต้องการให้เกิดผลอะไร เมื่อทราบวัตถุประสงค์แล้วก็จะสามารถกำหนดรายละเอียดอื่นๆ ที่เกี่ยวข้องได้ เช่นลักษณะหน้าตาและสีสันของเว็บเพจ
- กำหนดกลุ่มผู้ชมเป้าหมาย เมื่อทราบวัตถุประสงค์ของการพัฒนาเว็บไซต์แล้ว ขั้นตอนต่อมาจะเป็นการกำหนดกลุ่มผู้ชมเป้าหมายที่จะเข้าชมและใช้บริการเว็บไซต์นี้ เพื่อออกแบบเว็บไซต์ให้ตอบสนองความต้องการของคนกลุ่มนี้มากที่สุด ไม่ว่าจะเป็นการเลือกเนื้อหา โทนสี กราฟิก และเทคโนโลยีที่นำมาสนับสนุนการสร้างเว็บไซต์
- เตรียมแหล่งข้อมูล เนื้อหาหรือข้อมูลนับเป็นสาระสำคัญของการสร้างเว็บไซต์ ดังนั้นผู้ออกแบบเว็บไซต์จึงจำเป็นที่จะต้องรู้ว่าต้องนำข้อมูลจากแหล่งใดบ้าง เพื่อให้ข้อมูลบนเว็บไซต์สมบูรณ์ที่สุด
เนื้อหาที่ควรมีในเว็บไซต์
การศึกษาตัวอย่างจากเว็บไซต์ทั่วไป จะช่วยให้เรามองเห็นว่าในเว็บไซต์ของเราควรมีเนื้อหาอะไรบ้าง อย่างไรก็ตามเนื้อหาต่าง ๆ บนเว็บไซต์นั้นไม่มีข้อกำหนดที่เป็นมาตรฐานตายตัว แต่ขึ้นอยู่กับสิ่งที่จะนำเสนอและจุดเด่นที่เราต้องการให้มี ซึ่งจะทำให้รายละเอียดปลีกย่อยของแต่ละเว็บไซต์แตกต่างกันออกไป แต่หลัก ๆ สำคัญแล้ว พอสรุปได้ว่าข้อมูลพื้นฐานที่ควรมีในเว็บไซต์ควรประกอบด้วย
- ข้อมูลเกี่ยวกับบริษัท องค์กร หรือผู้จัดทำ (About Us) คือข้อมูลเกี่ยวกับเจ้าของเว็บไซต์ เพื่อบอกให้ผู้ชมรู้ว่าเราเป็นใคร มาจากไหน และต้องการนำเสนออะไร เช่น วัตถุประสงค์ของเว็บไซต์ ประวัติความเป็นมา สถานที่ตั้งของหน่วยงาน เป็นต้น
- รายละเอียดของผลิตภัณฑ์หรือบริการ (Product/Service Information) คือข้อมูลหลักที่เรานำเสนอในเว็บไซต์ ซึ่งหากเป็นเว็บไซต์ทางธุรกิจ ผู้เข้าชมอาจต้องการรู้รายละเอียดของผลิตภัณฑ์หรือบริการในเว็บไซต์ของเรา เพื่อประกอบการตัดสินใจในการซื้อสินค้าหรือบริการ แต่หากเป็นเว็บไซต์ที่ให้ความรู้ ส่วนนี้ก็อาจจะประกอบด้วยบทความ ภาพกราฟิก มัลติมีเดีย และการเชื่อมโยงไปยังเว็บไซต์อื่นเพื่อให้ได้ข้อมูลเพิ่มเติม
- ข่าวสาร (News / Press Release) อาจเป็นข่าวสารที่ต้องการส่งถึงบุคคลทั่วไปหรือสมาชิก เพื่อให้รับรู้ความเคลื่อนไหวเกี่ยวกับบริษัทหรือเว็บไซต์ของเรา เช่นการเปิดตัวสินค้าบริการใหม่ ๆ โปรโมชั่นสินค้าประจำเดือน หรือกิจกรรมต่าง ๆ ที่เกิดขึ้น
- คำถามคำตอบ (Frequently Asked Question) คำถามคำตอบมีความจำเป็น เพราะผู้เข้าชมบางส่วนอาจไม่เข้าใจข้อมูลหรือมีปัญหาที่ต้องการสอบถาม การติดต่อทางอีเมล์หรือช่องทางอื่น แม้ว่าจะทำได้แต่เสียเวลา ดังนั้นเราควรคาดการณ์หรือรวบรวมคำถามที่เคยตอบไปแล้วใส่ไว้ในเว็บเพจ ซึ่งผู้เข้าชมที่สงสัยจะสามารถเปิดดุได้ทันที นอกจากนี้ อาจมีเว็บบอร์ดสำหรับให้ผู้ดูแลเว็บไซต์คอยตอบคำถาม รวมทั้งอาจเปิดให้ผู้เข้าชมด้วยกันก็ได้
- ข้อมูลในการติดต่อ (Contact Information) เพื่อให้ผู้เข้าชมเว็บไซต์ของเราที่เกิดข้อสงสัย หรือต้องการสอบถามข้อมูลเพิ่มเติม สามารถติดต่อกับเราได้ ควรจะระบุอีเมล์แอดเดรส (E-mail Address) ที่อยู่ เบอร์โทรศัพท์ ที่ติดต่อได้ไว้ ด้วย รวมทั้งอาจมีแผนที่สำหรับลูกค้าที่ต้องการติดต่อโดยตรง
ส่วนประกอบของหน้าเว็บเพจ
โดยทั่วไปแล้ว หน้าเว็บเพจจะแบ่งออกเป็นส่วนหลัก ๆ ดังนี้คือ
- ส่วนหัว (Page Header) อยู่ตอนบนสุดของหน้าเว็บเพจ เป็นบริเวณที่สำคัญที่สุด เนื่องจากผู้เข้าเยี่ยมชมเว็บไซต์จะมองเห็นก่อนบริเวณอื่น ส่วนใหญ่นิยมใช้วางโลโก้ ชื่อเว็บไซต์ ป้ายโฆษณา ลิงค์สำหรับการติดต่อ หรือลิงค์ที่สำคัญ และระบบนำทาง
- ส่วนเนื้อหา (Page Body) อยู่ตอนกลางหน้า ใช้แสดงเนื้อหาภายในเว็บเพจซึ่งอาจประกอบไปด้วยข้อความ ภาพกราฟิก ตารางข้อมูล และอื่น ๆ บางครั้งเมนูหลักหรือเมนูเฉพาะกลุ่ม อาจอยู่ในส่วนนี้ก็ได้ โดยมักวางไว้ด้านซ้ายมือสุด เนื่องจากผู้เข้าชมจะมองเห็นได้ง่าย
- ส่วนท้าย (Page Footer) อยู่ด้านล่างสุดของหน้าเว็บเพจ ส่วนใหญ่จะนิยมใช้วางระบบนำทางภายในเว็บไซต์แบบที่เป็นลิงค์ข้อความง่าย ๆ นอกจากนี้ก็อาจจะมีชื่อของเจ้าของเว็บไซต์ ข้อความแสดงลิขสิทธิ์ และอีเมล์แอดเดรส (E-mail Address) ของผู้ดูแลเว็บไซต์
- แถบข้าง (Side Bar) ปัจจุบันจะนิยมออกแบบด้านข้างของหน้าเว็บเพจให้น่าสนใจ เพื่อใช้วางป้ายแบนเนอร์ หรือลิงค์แนะนำเกี่ยวกับบริการของเว็บไซต์ เป็นต้น
ที่มา : http://superwebsite.com/th/tips/view/4-%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%A3%E0%B8%B9%E0%B9%89%E0%B8%9E%E0%B8%B7%E0%B9%89%E0%B8%99%E0%B8%90%E0%B8%B2%E0%B8%99%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B8%81%E0%B8%B1%E0%B8%9A%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C
ไม่มีความคิดเห็น:
แสดงความคิดเห็น