เรื่อง :: การออกแบบเว็บเพจให้พอดีหน้าจอ

จริง ๆ แล้วการที่เราจะออกแบบ หรือ Design ให้เว็บเพจของเรามีความพอดีหน้าจอของเครื่อง Computer นั้น เป็นเรื่องที่ยุ่งยากมากทีเดียว ด้วยเหตุที่ว่า เราไม่สามารถจำกัดหรือบังคับผู้ที่เปิดชมเว็บเพจเราได้เลยว่า ให้คุณใช้ Browser ยี่ฮ้อนี้ รุ่นนี้ดูเว็บเรานะ หรือจำกัดว่าคุณควรปรับความละเอียดของจอภาพเป็นขนาดเท่านั้นเท่านี้ เราไม่สามารถกำหนดได้ การที่จะออกแบบเว็บเพจให้ได้พอดีหน้าจอของผู้รับชมทุก ๆ ครั้งเป็นเรื่องที่แทบจะกำหนดตายตัวอะไรไม่ได้เลย ฉะนั้น..นี่จึงเป็นวิธีบอกหนทางคร่าว ๆ ที่คิดว่าน่าจะนำมาเป็นแนวทางได้

:: วิธีการ และ แนวคิด ::

ให้คุณใช้ตารางในการออกแบบเพจนั้น ๆ โดยให้ตารางนั้นครอบคลุมรายละเอียดทั้งหมดของเว็บเพจคุณในช่วงนั้น ๆ โดยให้เรากำหนดตารางเป็นเปอร์เซ็น (%) แทนการกำหนดเป็นพิกเซล (pixel) ดังรูป

โดยเรากำหนดที่ ความกว้าง (Width) ของตารางไว้เป็น 100 % เพราะการกำหนดเป็น percent นี้จะมีการยืดหยุ่นไปกับขนาดของจอภาพของผู้รับชมแต่ละราย ไม่เหมือนกับการที่เรากำหนดเป็นพิกเซล (pixel) ซึ่งการกำหนดแบบพิกเซลนั้นจะเป็นการกำหนดที่ตายตัวเกินไป
และการออกแบบเพจ ๆ หนึ่ง ไม่ควรใช้ตารางเดียวในการครอบคลุมทุก ๆ เนื้อหาทั้งหมด เพราะเว็บเพจจะมีการ Download ช้าเกินไป โดนเฉพาะเว็บเพจที่มีข้อมูลปริมาณมาก ๆ
ดังนั้น.. เราจึงควรแบ่งช่วงหน้าจอออกเป็นส่วน ๆ ตามแนวยาว แล้วค่อยทำการใช้ตารางออกแบบ (Layout) ต่อไป