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

Fixed Width Single Column

คอลัมน์เดียว และ กำหนดความกว้างแบบคงที่

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

คุณสามารถเริ่มต้นอ่านวิธีการเขียนหน้าเว็บ โดยใช้ 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