Page 1 of 1

ส่วนประกอบของเว็บไซต์ มีอะไรบ้าง

Posted: 19/09/2019 6:11 pm
by aninthana
ปัจจุบันทำเว็บไซต์ ให้ดีให้เหมาะสม ไม่ใช่เรื่องยาก แต่จะทำเว็บอย่างไรให้ประสบความสำเร็จ (มีคนเข้าชมจำนวนมาก) ดังนั้น เราจึงมีความจำเป็นต้องเข้าใจองค์ประกอบในการทำเพื่อให้ได้เว็บไซต์ที่มีคุณภาพ ว่า ถ้าต้องการให้เว็บไซต์ มีเนื้อหาอะไรบ้าง หน้าไหนบ้างที่จะนำมาเชื่อมโยงถึงกัน เปิดดูได้อย่างรวดเร็ว รวมทั้งสามารถเปิดใช้งานได้ทุกๆ เว็บบราวเซอร์อย่างไม่มีปัญหา ดังนั้นการองค์ประกอบของเว็บไซต์จึงมีความสำคัญมาก เพื่อให้ดึงดูดสายตา น่ามอง น่าเชื่อเถือ มีส่วนประกอบสำคัญหลักๆ

แนะนำส่วนประกอบของเว็บไซต์ มีดังนี้

1. ส่วนหัว (Header) ส่วนที่สำคัญที่สุด โดยจะต้องทำให้สามารถดึงดูดผู้ชมให้รู้สึก อยากติดตามเนื้อหาในเว็บไซต์ต่อไป ซึ่งส่วนใหญ่ก็มักจะมีการใส่ภาพ
กราฟฟิคให้ดูสวยงาม สิ่งสำคัญหลักๆ โลโก้ (อาจมีหรือไม่มีก็ได้) ถ้ามี อาจทำให้คุ้นเคยได้ง่ายขึ้น

2. ส่วนท้าย (Footer) ส่วนนี้จะแสดงถึงข้อมูลต่างๆ เพิ่มเติมเข้าไป เช่น ใส่คำพูด ส่วนลิขสิทธิ์ (copyright) หรือใส่ที่อยู่ในการติดต่อ) อยู่ล่างสุดของหน้าเว็บ
ซึ่งจะมีหรือไม่มีก็ได้ วิธีการติดต่อและคำแนะนำต่างๆ เกี่ยวกับการใช้งานเว็บไซต์อย่างถูกต้อง เป็นต้น

3. เนื้อหา (Contents) อยู่บริเวณกลางของเว็บไซคต์ ก็จะมีข้อความ กราฟฟิค ข้อมูลหรือวิดีโอประกอบ และที่สำคัญเนื้อหาในส่วนนี้ควรจะมีความกระชับ
เข้าใจง่าย มีการใช้รูปแบบตัวอักษรแบบเรียบง่ายและเป็นระเบียบ เนื้อหาที่ดีควรมีการจัดแบ่งเป็นหมวดหมู่ให้ชัดเจน ประกอบด้วย

- ข้อความที่เป็นตัวอักษร
- รูปภาพ / ภาพเคลื่อนไหว
- ไฟล์เสียง / วีดีโอ

4. เมนู (Navigator) การมีเมนู ช่วยให้การค้นหาข้อมูลได้สะดวกมากขึ้น การวางเมนู ส่วนใหญ่จะอยู่ด้านบน

5. การเว้นช่องว่าง (Whitespace)
การเว้นช่องว่างเอาไว้ ไม่ว่าจะเป็นระยะห่างระหว่างตัวอักษร หรือช่องว่างระหว่างภาพ เนื้อหาต่างๆ นอกจากจะทำให้เว็บของเราดูสบายตาขึ้นแล้ว สามารถกำหนดจุดที่จะให้ผู้ใช้งานเว็บรู้สึกสนใจในจุดนั้นได้ เช่นหากเว้นช่องว่างเอาไว้ตรงกลาง และนำภาพหรือตัวหนังสือเล็กๆไปวางไว้ ตรงจุดนั้นจะเป็นที่สนใจของผู้ใช้ทันที


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


Image

ภาพ: pixabay
https://pixabay.com/th/illustrations/webdesign