เขียนเว็บเองก็ได้ ง่ายจัง!

Fluid Width with Left Column

เนื้อหา + คอลัมน์ซ้าย และ กำหนดความกว้างแบบยืดหยุ่น

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

ตัวอย่างเว็บไซต์ที่ใช้เลย์เอาต์แบบนี้ ก็ได้แก่

คุณสามารถเริ่มต้นอ่านวิธีการเขียนหน้าเว็บ โดยใช้ html + css ได้ที่ บทความนี้ ครับ

ตัวอย่างเลย์เอาต์ แบบความกว้างคงที่

  1. Fixed Single Column
  2. Fixed+Left
  3. Fixed+Right
  4. Fixed+Left+Right

ตัวอย่างเลย์เอาต์ แบบความกว้างยืดหยุ่น

  1. Fluid Single Column
  2. Fluid+Left
  3. Fluid+Right
  4. Fluid+Left+Right