ผู้ใช้อินเทอร์เน็ตใช้จอภาพหลายแบบที่มีความละเอียดหน้าจอต่างกัน ดังนั้น หนึ่งในงานสำหรับนักพัฒนาเว็บคือต้องสร้างและปรับแต่งไซต์ให้เหมาะสมสำหรับการแสดงผลที่ถูกต้องบนจอภาพด้วยความละเอียดใดๆ
คำแนะนำ
ขั้นตอนที่ 1
ออกแบบเว็บไซต์ของคุณด้วยความละเอียดที่ใช้งานได้ต่ำสุด - 800 * 600 พิกเซล และใช้เค้าโครงคงที่ แต่ด้วยวิธีการนี้ มีข้อเสียอยู่อย่างหนึ่ง - สำหรับผู้ใช้ที่มีจอภาพแบบจอกว้าง ฟิลด์แบบกว้างจะปรากฏบนหน้าจอเมื่อดูไซต์ของคุณ
ขั้นตอนที่ 2
ใช้เลย์เอาต์แบบไหล ในกรณีนี้ หน้าจะถูกขยายในแนวนอนบนจอภาพเหล่านั้น ซึ่งมีความละเอียดมากกว่าที่ใช้ในการพัฒนา แต่วิธีนี้ใช้ดีที่สุดเมื่อสร้างไซต์ที่มีข้อความจำนวนมากและจำนวนกราฟิกขั้นต่ำ เนื่องจากองค์ประกอบบางอย่าง เช่น รูปภาพหรือส่วนประกอบของบริษัทอื่น จะบิดเบี้ยวเมื่อปรับขนาดบนจอภาพต่างๆ
ขั้นตอนที่ 3
ที่ถูกต้องที่สุด แต่ในขณะเดียวกันและซับซ้อนมากขึ้นจากมุมมองของการใช้งานคือการใช้เลย์เอาต์ที่ปรับเปลี่ยนได้ นี่เป็นรูปแบบยางที่ซับซ้อนมากขึ้น ซึ่งทำให้สามารถเปลี่ยนจำนวนคอลัมน์พร้อมข้อมูลได้เมื่อใช้รหัสโปรแกรม
ขั้นตอนที่ 4
แต่เลย์เอาต์ใดก็ตามที่เลือกไว้สำหรับการพัฒนาไซต์ ให้ทำเลย์เอาต์ที่ความละเอียดหน้าจอ 1024 * 768 พิกเซล นี่คือความละเอียดที่พบบ่อยที่สุด
ขั้นตอนที่ 5
นอกจากนี้ สำหรับการแสดงไซต์ที่ถูกต้องบนจอภาพที่มีความละเอียดต่างกัน ให้ปฏิบัติตามกฎเกณฑ์บางประการ พยายามเก็บเนื้อหาหลักของหน้าไว้บนหน้าจอเดียวเพื่อหลีกเลี่ยงการเลื่อน วางข้อมูลข้อความในคอลัมน์แคบๆ เพื่อไม่ให้ "กระจาย" ทั่วทั้งความกว้างของหน้าจอ ติดตามการออกแบบโดยรวมของหน้าเพื่อให้ทุกอย่างเป็นสัดส่วน
ขั้นตอนที่ 6
เมื่อออกแบบการออกแบบของคุณ ให้คำนวณเปอร์เซ็นต์ ไม่ใช่ปริมาณ ของความกว้างและความสูงของหน้า จากนั้นหน้าจะถูกปรับขนาดตามสัดส่วนทั้งบนจอภาพทั่วไปและบนจอภาพไวด์สกรีน