การจัดองค์ประกอบบนเว็บเพจ

• การออกแบบ Scroll Bar
• การสร้างส่วนชี้นำการใช้งาน
• การจัดกลุ่มข้อมูลด้วยฟอร์ม

วัตถุประสงค์

• อธิบายความสัมพันธ์ระหว่างการใช้งาน Scroll Bar และโครงร่างเว็บเพจรูปแบบต่าง ๆ ได้
• อธิบายหลักการออกแบบ Scroll Bar เพื่อใช้งานบนหน้าเว็บได้
• ศึกษาความสำคัญของส่วนชี้นำการใช้งาน (Guiding User) และหลักการออกแบบที่สำคัญ
• ศึกษาการจัดกลุ่มข้อมูลบนหน้าเว็บด้วยฟอร์ม และหลักการออกแบบองค์ประกอบของฟอร์มที่สำคัญ

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

ตัวอย่างเว็บเพจสวยๆ

 1. หน้าเว็บสวย 1 สีสวยๆเจ็บจี๊ด

 

2. หน้าเว็บสวย 2 สีสวยๆ สีฟ้าสดใส 

 

3. หน้าเว็บสวย 3  สีสวยหวาน สีฟ้าและสีชมพู 

 

หน้าเว็บสวย 4  สีชมพู สวยหวานมาก 

 

หน้าเว็บสวย 5  สีอ่อนๆ ดูสบายตา แนวสีเอิรทโทน น้ำตาลๆ 



ที่มา  http://download.ie-mem.com/?file=articlewebtip2&id=91