ปัญหาหนึ่งในการออกแบบเว็บเพจ ก็คือ
ความกว้างเท่าไร จึงจะเหมาะสม? คำตอบสำหรับประเด็นนี้
แทบจะหาบทสรุปไม่ได้เลย เนื่องจาก ความกว้างของเว็บเพจ ขึ้นอยู่กับ
"ค่าติดตั้งของจอภาพ (Screen Setting)" จอภาพแต่ละจอ
จะมีค่าติดตั้งเฉพาะของตนเอง
โดยค่าติดตั้งของจอภาพที่เกี่ยวกับขนาดของจอในปัจจุบัน แบ่งได้ดังนี้
-
640 x 480 pixels
-
800 x 600 pixels
-
1024 x 768 pixels
-
1600x1200 pixels
ซึ่งสามารถตรวจสอบได้จากการคลิกขวาบน Desktop ของจอภาพหลัก MS-Windows
แล้วเลือกคำสั่ง Properties คลิกบัตรรายการ Settings
ปรับเปลี่ยนค่าหรือตรวจสอบค่าจากรายการ Screen area
ดังนั้นเว็บไซต์ที่พัฒนาและแสดงผลได้ดีบนจอภาพขนาด 800 x 600 pixels
เมื่อถูกแสดงบนจอภาพขนาด 1600x1200 pixels ก็จะปรากฏผลดังนี้
|
|
800 x 600 pixels |
1600x1200 pixels |
นั่นคือ จะมีพื้นที่ว่างเหลือ อาจจะเหลือด้านขวาสุด หรือเฉลี่ยๆ
ทั้งสองด้านเท่าๆ กันก็ได้ ขึ้นอยู่เทคนิคการออกแบบเว็บไซต์นั้นๆ
ความกว้างเท่าไร ที่เหมาะสมที่สุด?
คำตอบของคำถามนี้ คงจะต้องพิจารณาหลายๆ ประเด็น
-
กลุ่มเป้าหมายของเว็บไซต์ คือใคร?
การพัฒนาเว็บไซต์คงต้องพิจารณากลุ่มเป้าหมายด้วย
และพยายามตรวจสอบให้ได้ว่ากลุ่มเป้าหมาย
ส่วนมากใช้คอมพิวเตอร์ที่มีการปรับเปลี่ยนบ่อยเพียงใด
เช่นในประเทศไทยถ้ากลุ่มเป้าหมายเป็นหน่วยงานภาครัฐ ก็คงพิจารณาได้ว่า
การปรับเปลี่ยนคอมพิวเตอร์เป็นไปได้น้อยกว่านิสิต นักศึกษา
หรือบริษัทขนาดใหญ่ที่เน้นความทันสมัย
ดังนั้นเว็บไซต์ที่พัฒนาสำหรับกลุ่มภาครัฐ
ก็ควรยึดความกว้างที่เหมาะสมกับระบบคอมพิวเตอร์ส่วนใหญ่
ซึ่งในปัจจุบันได้แก่ 800 x 600 pixels เป็นต้น
-
ทำการสำรวจตลาด หาความกว้างที่เหมาะสม
ซึ่งส่วนมากจะใช้บริการจากเครื่องมือวิเคราะห์เว็บไซต์ (Analysis Web
Tools) เช่น
http://truehits.net ซึ่งจากสถิติที่ปรากฏในเว็บไซต์ ณ ปัจจุบัน (December
8, 2003) จะได้ผลดังนี้
เป็นอย่างไรบ้างครับ สำหรับ "ความกว้างของเว็บเพจ"
คงจะมีคำตอบจากข้อมูลที่นำเสนอนี้ได้น่ะครับ
ความสูงล่ะครับ ควรสนใจหรือไม่?
ความสูงของเว็บเพจ แทบจะไม่ต้องพิจารณามากนัก
เพราะการเลื่อนจอภาพขึ้นลงเป็นสภาวะปกติ ที่ทุกคนยอมรับได้อยู่แล้ว
ไม่เหมือนการเลื่อนจอภาพซ้าย/ขวา ดังนั้นสามารถออกแบบได้อิสระ
อย่างไรก็ตามก็มีข้อพิจารณาในเรื่องความสูงของกราฟิกที่เป็น Header
โดยรวม เนื่องจากถ้าพิจารณาจากรูปภาพนี้
จอภาพด้านซ้ายแสดง Toolbar และ Status Bar ของ Netscape ด้านขวาแสดงของ
IE ซึ่งการออกแบบหน้าเว็บ ก็ต้องพิจารณาความสูงของ Toolbar บวกกับ Status
Bar แล้วนำไปหักออกจากความสูงปกติด้วย |