บทที่2 การออกแบบเว็บเพจและจัดวางส่วนประกอบ
ส่วนประกอบหลักเวบเพจ
ส่วนประกอบหลักของเวบเพจ มีดังรูป
หมายเลข 1 คือ ส่วนหัวของหน้าเพจ (Page Header )
ส่วนหัวของหน้าเพจ จะมีดังนี้
1. แบนเนอร์ (Banner) คือ ป้ายสำหรับเป็นตัวชี้วัดให้ครูผู้ใช้งาน และทำให้
ผลการของตนเองมีการพัฒนามากขึ้น
2. เมนูหลัก ด้านบน
หมายเลข 2 คือ ส่วนเนื้อหา (Page Content)
ส่วนเนื้อหาของหน้าเพจ จะมีดังนี้
1. พื้นที่ป้อนเนื้อหา ข้อมูล
2. รูปภาพเคลื่อนไหว
หมายเลข 3 คือ ส่วนนาวิเกชั่น (Navigation )
เป็นส่วนในเวบเพจที่สามารถจะคลิ๊กเืพื่อเชื่อมต่อไปยังหน้า เวบเพจอื่นๆ หรือเว็บไซต์อื่นๆ
หมายเลข 4 คือ ส่วนท้ายของหน้าเพจ (Page Footer )
คือส่วนล่างสุดของหน้าเว็บไซต์ ส่วนใหญ่จะเก็บลิงก์ต่างๆเอาไว้ หรือเป็นเนื้อหาที่เกี่ยวกับเว็บไซต์เช่นลิขสิทธิ์ต่างๆ ถามว่าจำเป็นต้องมีหรือไม่ บอกได้ว่าจำเป็นอย่างยิ่ง footer จะเป็นตัวบอกผู้ชมว่าส่วนนี้คือล่างสุดของหน้าที่กำลังแสดงอยู่แล้วนะ ไม่มีเนื้อหาเพิ่มเติมแล้ว ทำไม่ต้องบอกเนื่องจากการแสดงเว็บไซต์ในบางครั้งนั้นหน้านั้นอาจโหลดได้ไม่ หมด อาจแสดงได้แค่เนื้อหาภายใน หากเราออกแบบให้มี footer ตั้งแต่แรกผู้ใช้งานก็จะรู้ได้ทันทีว่าหน้าที่แสดงผลนี้อาจแสดงได้ไม่ สมบูรณ์เพราะยังไม่เห็น footer และยังมีผลต่อภาพลักษณ์ของเว็บไซต์โดยตรง เราจะสังเกตได้ว่าเมื่อเข้าไปดูเว็บไซต์ที่ไม่มี footer จะรู้สึกเหมือนกับว่าเว็บไซต์นั้นยังทำไม่เสร็จ หรือขาดอะไรบางอย่าง
หมายเลข 5 คือ ส่วนพื้นที่ว่าง (Write space)
พื้นที่ว่างในเว็บไซต์ คนส่วนใหญ่มักไม่เห็นความสำคัญของการเว้นพื้นที่ว่างไว้ในเว็บไซต์ เรามักจะใส่ภาพหรือตัวหนังสือเข้าไปให้มากที่สุดเพราะคิดว่าจะทำให้เว็บดู สวยงามขึ้น หรือใช้พื้นที่มีมีอยู่ให้คุ้มค่าที่สุด หากเราออกแบบโดยไม่ได้คำนึงว่าต้องมีพื้นที่ว่างอยู่ในเว็บไซต์ จะทำให้เว็บของเรานั้นดูอึดอัดทันที การเว้นช่องว่างเอาไว้ ไม่ว่าจะเป็นระยะห่างระหว่างตัวอักษร หรือช่องว่างระหว่างภาพ เนื้อหาต่างๆ นอกจากจะทำให้เว็บของเราดูสบายตาขึ้นแล้ว ยังทำให้เราสามารถกำหนดจุดที่จะให้ผู้ใช้งานเว็บรู้สึกสนใจในจุดนั้นได้อีก ด้วย เช่นหากเราเว้นช่องว่างเอาไว้ตรงกลาง และนำภาพหรือตัวหนังสือเล็กๆไปวางไว้ ตรงจุดนั้นจะเป็นที่สนใจของผู้ใช้ทันที