สิ่งที่ผู้เขียนเว็บไซต์จำเป็นที่จะต้องจัดแจงก่อนการวางแบบจริง
(https://s23.postimg.org/h8r0lau7f/website_building.png)
กระบวนการทำเว็บไซต์ (http://www.designbykeng.com/)
การทำเว็บไซต์ให้มีข้อมูลรวมทั้งเนื้อหาที่ครบถ้วนบริบูรณ์รวมทั้งครอบคลุมกับความอยาก เว็บมีความงาม อีกทั้งง่ายต่อการดูและเปลี่ยนแปลงข้อมูลในคราวหลังนั้น ควรจะมีการวางแผนในการออกแบบเว็บไซต์ที่ดี ซึ่งเพียงพอสรุปขั้นตอนได้ดังต่อไปนี้เป็น
1. ระบุจุดหมายของเว็บ การทำเว็บไซต์ ควรจะเริ่มจากการกำหนดเป้าหมายให้เห็นภาพแจ้งชัดว่าต้องการพรีเซนเทชั่นหรือต้องการให้เป็นผลอะไร เมื่อรู้เป้าหมายและก็จะสามารถกำหนดรายละเอียดอื่นๆที่เกี่ยวพันได้ เป็นต้นว่าลักษณะใบหน้าและสีสันของเว็บเพจ
2. ระบุกลุ่มผู้ชมวัตถุประสงค์ เมื่อทราบจุดประสงค์ของการทำเว็บไซต์แล้ว ขั้นตอนถัดมาจะเป็นการกำหนดกลุ่มผู้ชมแผนการที่จะเข้าชมและก็ใช้บริการเว็บนี้เพื่อเขียนเว็บไซต์ให้ตอบสนองความต้องการของคนกลุ่มนี้เยอะที่สุด ไม่ว่าจะเป็นการเลือกรายละเอียด โทนสี กราฟิก แล้วก็เทคโนโลยีที่นำมาสนับสนุนการผลิตเว็บไซต์
3. ตระเตรียมแหล่งข้อมูล รายละเอียดหรือข้อมูลนับเป็นสาระสำคัญของการผลิตเว็บไซต์ ด้วยเหตุดังกล่าวผู้พัฒนาเว็บไซต์จึงจึงควรทราบว่าจำต้องนำข้อมูลจากแหล่งใดบ้าง เพื่อให้ข้อมูลบนเว็บสมบูรณ์ที่สุด
เนื้อหาที่จะต้องมีในเว็บไซต์
การเรียนรู้แบบอย่างจากเว็บทั่วๆไป จะช่วยให้พวกเราเห็นว่าในเว็บไซต์ของพวกเราจะต้องมีรายละเอียดอะไรบ้างอย่างไรก็ดีเนื้อหาต่างๆบนเว็บนั้นไม่มีกฎระเบียบที่เป็นมาตรฐานตายตัว แต่ขึ้นอยู่กับสิ่งที่จะนำเสนอและก็คุณลักษณะเด่นที่พวกเราอยากให้มี ซึ่งจะทำให้รายละเอียดปลีกย่อยของแต่ละเว็บไซต์ไม่เหมือนกันออกไป แต่หลักๆสำคัญแล้ว พอเพียงสรุปได้ว่าข้อมูลเบื้องต้นที่ควรจะมีในเว็บไซต์ควรประกอบด้วย
1. เนื้อหาเกี่ยวกับบริษัท องค์กร หรือคนจัดทำ (About Us) คือข้อมูลเกี่ยวกับผู้ครอบครองเว็บ เพื่อบอกให้ผู้ชมทราบว่าพวกเราเป็นคนใดกันแน่ มาจากไหน และอยากพรีเซนเทชั่นอะไรดังเช่น เป้าหมายของเว็บไซต์ ประวัติความเป็นมา สถานที่ตั้งของหน่วยงาน ฯลฯ
2. รายละเอียดของผลิตภัณฑ์หรือบริการ(Product/Service Information) เป็นข้อมูลหลักที่พวกเราเสนอในเว็บไซต์ ซึ่งถ้าเกิดเป็นเว็บไซต์ทางธุรกิจ ผู้เข้าชมบางทีอาจต้องการรู้รายละเอียดของสินค้าหรือบริการในเว็บของพวกเรา เพื่อประกอบการตัดสินใจในการซื้อผลิตภัณฑ์หรือบริการ แม้กระนั้นแม้เป็นเว็บที่ให้ความรู้ความเข้าใจ ส่วนนี้ก็อาจจะมีบทความ ภาพกราฟิกมัลติมีเดีย และก็การเชื่อมต่อไปยังเว็บไซต์อื่นเพื่อให้ได้รายละเอียดอื่นๆ
3. ข้อมูล (News / Press Release) บางทีอาจเป็นข่าวสารที่อยากได้ส่งถึงคนทั่วๆไปหรือสมาชิก เพื่อให้รับทราบการเปลี่ยนแปลงเกี่ยวกับบริษัทหรือเว็บของพวกเรา ได้แก่การเปิดตัวสินค้าบริการใหม่ๆโปรโมชั่นสินค้าเมนส์ หรือกิจกรรมต่างๆที่เกิดขึ้น
4. ปริศนาคำตอบ (Frequently Asked Question)ปริศนาคำตอบมีความสำคัญ เพราะผู้เข้าชมเล็กน้อยอาจไม่รู้เรื่องข้อมูลหรือมีปัญหาที่ต้องการถามการติดต่อทางอีเมล์หรือช่องทางอื่น ถึงแม้ว่าจะทำได้แต่เสียเวลาด้วยเหตุนั้นพวกเราควรจะคาดหมายหรือสะสมคำถามที่เคยตอบไปแล้วใส่ไว้ในเว็บเพจ ซึ่งผู้เข้าชมที่สงสัยจะสามารถเปิดดุได้ในทันที ยิ่งไปกว่านี้ อาจมีกระดานสนทนาสำหรับให้ผู้ดูแลเว็บคอยตอบปัญหา และก็อาจเปิดให้ผู้เข้าชมด้วยกันก็ได้
5. ข้อมูลในการติดต่อ (Contact Information) เพื่อผู้เข้าชมเว็บไซต์ของพวกเราที่เกิดปัญหา หรืออยากซักถามข้อมูลเพิ่มเติมนอกเหนือจากนี้สามารถติดต่อกับเราได้ น่าจะเจาะจงอีเมล์แอดเดรส (E-mail Address) ที่อยู่ เบอร์โทรศัพท์ ที่ติดต่อได้ไว้ ด้วย และอาจมีแผนที่สำหรับลูกค้าที่ต้องการติดต่อโดยตรง
ส่วนประกอบของหน้าเว็บเพจ
โดยปกติ หน้าเว็บเพจจะแบ่งได้ส่วนหลักๆดังต่อไปนี้คือ
1. ส่วนหัว (Page Header) อยู่ตอนข้างบนสุดของหน้าเว็บเพจ เป็นรอบๆที่สำคัญที่สุด เพราะเหตุว่าผู้เข้าเยี่ยมชมเว็บจะมองเห็นก่อนบริเวณอื่น จำนวนมากนิยมใช้วางโลโก้ ชื่อเว็บ ป้ายที่ใช้สำหรับโฆษณา ลิงค์สำหรับการติดต่อ หรือลิงค์ที่สำคัญรวมทั้งระบบนำทาง
2. ส่วนรายละเอียด (Page Body) อยู่ตอนกลางหน้า ใช้แสดงเนื้อหาข้างในเว็บเพจซึ่งอาจประกอบไปด้วยเนื้อความ ภาพกราฟิก ตารางข้อมูล และก็อื่นๆบางครั้งบางคราวเมนูหลักหรือรายการอาหารเฉพาะกลุ่ม บางทีอาจอยู่ในส่วนนี้ก็ได้ โดยมักวางไว้ทางซ้ายมือสุด เพราะเหตุว่าผู้เข้าชมจะมองเห็นได้ง่าย
3. ส่วนท้าย (Page Footer) อยู่ด้านล่างสุดของหน้าเว็บเพจส่วนมากจะนิยมใช้วางระบบนำทางภายในเว็บไซต์แบบที่เป็นลิงค์ข้อความง่ายๆนอกจากนี้ก็อาจจะมีชื่อของเจ้าของเว็บ ใจความแสดงลิขสิทธิ์ และอีเมล์แอดเดรส (E-mail Address) ของผู้ดูแลเว็บ
4. แถบข้าง (Side Bar) ปัจจุบันนี้จะนิยมออกแบบด้านข้างของหน้าเว็บเพจให้น่าดึงดูด เพื่อใช้วางป้ายแบนเนอร์ หรือลิงค์แนะนำเกี่ยวกับบริการของเว็บไซต์ เป็น
Tags : เว็บรองรับมือถือ