โดย : ธิดารัตน์ บุตรดี>>>>>>

    ผู้ที่ออกแบบเว็บหลายคนอาจจะเคยพบปัญหาเดียวกับดิฉัน ก็คือ เมื่อคุณออกแบบโดยอ้างอิงกับ ขนาดใดขนาดหนึ่ง เช่น 800x600 pixels แล้ว ผู้ใช้ที่กำหนดความละเอียดของจอภาพ ต่างไปจากนี้ แล้ว ก็อาจจะเกิดปัญหาขึ้นได้ หากคุณไม่ได้ตรวจสอบเสียก่อน เช่น ถ้าผู้ใช้กำหนดขนาดของจอภาพไว้ที่ 640x480 ก็จะทำให้ไม่สามารถแสดงผลได้หมด หรือมี Scroll Bar ด้านล่างขึ้นมา ซึ่งก็ดูไม่สวยงาม และ หากผู้ใช้ กำหนดขนาดของจอภาพที่ 1024x768 ก็อาจจะเหลือที่ว่างทางด้านขวา จำนวนมาก โดยไม่ได้ใช้ประโยชน์ ดิฉันมีมีเทคนิคง่ายๆ
ที่จะทำให้เว็บของคุณดูดีในทุกๆ ความละเอียดของจอภาพ ซึ่งเป็นเทคนิคที่ดิฉันนำมาจาก http://dev.th2.net
มีดังนี้ค่ะ

    1.ใช้ ตารางแบบ กำหนดความกว้างแบบตายตัว หากคุณต้องการจะกำหนดขนาดความกว้างของหน้าเว็บเพจของคุณให้เท่ากัน ในทุกๆความละเอียดของจอภาพ โดยไม่ต้องการให้ใหญ่ขึ้นตามขนาดของความละเอียดที่เพิ่มขึ้น ให้คุณใช้ตารางเข้าช่วย โดยมีคำสั่งดังนี้

<DIV align=”center”><TABLE width=”600”> … </TABLE></DIV>   ซึ่งเมื่อคุณใช้คำสั่งนี้ จะทำให้หน้าเว็บเพจของคุณมีขนาดเท่ากัน ไม่ว่าความละเอียดของจอภาพจะเป็นขนาดใด และคำสั่ง <DIV> ยังช่วยให้หน้าเว็บเพจคุณอยู่ตรงกลาง ไม่เหลือที่ว่างด้านใดด้านหนึ่ง หากความละเอียดของจอภาพ สูงกว่าขนาดที่กำหนดไว้ และขนาดที่เหมาะสม หากคุณออกแบบสำหรับขนาด 640x480 pixels คือ ไม่เกิน 600 pixels และ ไม่เกิน 750 pixels สำหรับ ขนาด 800x600 pixels

    2.ใช้ตารางแบบ ปรับขนาดตามจอภาพ หากคุณต้องการให้หน้าเว็บเพจคุณมีขนาดเต็มจอภาพ ในทุกๆขนาด ของจอภาพ ให้คุณใช้คำสั่ง <TABLE width=”100%”> … </TABLE> ซึ่งจะทำให้เว็บเพจคุณปรับขนาดให้เต็มจอภาพเองโดยอัตโนมัติ แต่มีข้อแม้ว่า หากความกว้างของรูปภาพที่อยู่ในตารางมีขนาดใหญ่กว่า ความกว้างของ หน้าจอ ก็จะทำให้มี scroll bar ด้านล่างขึ้นได้ ซึ่งคุณควรจะทดลองปรับขนาดความละเอียดของจอภาพ ในขนาดต่างๆกัน เพื่อให้แน่ใจว่า สามารถดูได้ดีในทุกๆจอภาพ

    3.ควรดูภาพพื้นหลังให้มีขนาดที่กว้างพอสำหรับทุกความละเอียด ถ้าเว็บเพจของคุณมีการใช้ภาพพื้นหลัง คุณควรที่จะกำหนดความกว้างของรูปภาพให้กว้างเพียงพอ ซึ่งควรจะใช้ความกว้างที่ 1000 pixels เพราะถ้าคุณใช้ความกว้างที่น้อยกว่านี้ เช่น 600 pixels เมื่อแสดงผลที่ ความละเอียด 800x600 และ 1024x768 pixels จะทำให้ ภาพพื้นหลัง เกิดภาพต่อกันเป็นหลายๆภาพ ดูไม่สวยงาม ซึ่งหากไม่ต้องให้ภาพต่อกัน ก็ควรใช้ความกว้างของภาพที่ 1000 pixels โดยปล่อยขาวทิ้งไว้ด้านขวาก็ได้ หรือหากใช้ภาพขนาด เล็กๆ แต่ไม่ต้องการให้เกิดการต่อกันของภาพ ก็อาจจะให้คำสั่ง <TABLE background=”bg.gif” width=”600”> โดยให้กำหนดขนาดของตารางให้เท่ากับขนาดของภาพพื้นหลัง ก็จะทำให้ไม่เกิดการต่อกันของภาพ และยังทำให้ภาพพื้นหลังอยู่ตรงกลางได้อีกด้วย หากใช้คำสั่ง <DIV align=”center”> เข้าช่วยอีกคำสั่งหนึ่ง

| กลับหน้าแรก | กลับด้านบน |