Latest web development tutorials

คุณภาพแผ่นเว็บสไตล์

ใช้สไตล์ชีตเพื่อเพิ่มคุณภาพของหน้าเป็นสิ่งสำคัญ


อย่าใช้ <font> แท็ก!

CSS ควรจะใช้เพื่อกำหนดขนาดตัวอักษรของจอแสดงผลบนหน้าเว็บ อย่าใช้แท็กตัวอักษร

การใช้งาน <font> แท็กจะเพิ่มขนาดของเอกสารและอื่น ๆ ทุกครั้งที่คุณเปลี่ยนขนาดของการทำงานข้อความมาตรฐานกลายเป็นฝันร้าย

จินตนาการสถานการณ์ต่อไปนี้:

วันหนึ่งคุณตัดสินใจที่จะแก้ไขชื่อของเว็บไซต์ในทุกสีและขนาด ผ่าน CSS คุณจะต้องเปลี่ยนสายหนึ่งสามารถทำเช่นนี้ ถ้าคุณใช้ <font> แท็กแล้วคุณจะต้องใส่เว็บไซต์ในส่วนหัวทั้งหมดของทุกหน้าจะมีการปรับเปลี่ยนอีกครั้ง

lamp.gif ใช้รูปแบบทางเลือก <font> แท็กจะทำให้เราสามารถผลิตได้ง่ายขึ้นเว็บอินเตอร์เฟสที่มีคุณภาพสูง


อย่าใช้ขนาดตัวอักษรคงที่

อย่าใช้ค่าขนาดคงที่ มักจะใช้ขนาดญาติ

ข้อเสนอนี้เป็นเหตุผลที่สำคัญที่สุดไม่ได้อีกครั้งปรับขนาดขนาดเบราว์เซอร์ได้รับการแก้ไข

ผู้เข้าชมของคุณอาจใช้อุปกรณ์ที่แตกต่างกัน (จอภาพ) สภาพแวดล้อมในเบราว์เซอร์ที่แตกต่างกัน (แสง) และความพิการที่เป็นไปได้ (มัว)

ตัวอย่างเช่นคุณสามารถใส่ขนาดตัวอักษรของบุคคลที่ถูกตั้งไว้ที่ 100% (หรือขนาดกลาง) ชื่อหลักถูกตั้งไว้ที่ 140% (หรือ X-Large) ในขณะที่ชื่อรองถูกตั้งไว้ที่ 120% (หรือขนาดใหญ่) เพื่อให้ผู้ใช้สามารถใช้ อีกตั้งเบราว์เซอร์ของคุณให้มีขนาดที่ชื่นชอบ

หมายเหตุ: โดยการปรับขนาดของคุณลักษณะข้อความหน้าจำนวนหน้าที่พิมพ์ของข้อความที่สามารถเปลี่ยนแปลงได้


อย่าใช้ขนาดตัวอักษรเริ่มต้นมีขนาดเล็กมาก

บางเว็บไซต์ใช้ขนาดตัวอักษรขนาดเล็กเพื่อให้คุณสามารถแต่ละหน้าจะ "เสียบ" ลงในเนื้อหามากขึ้นหรือทำให้หน้าดูเพิ่มเติม "แฟชั่น".

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

lamp.gif กรุณาอย่าบังคับให้ผู้ใช้เพื่อขยายขนาดตัวอักษรทุกครั้งที่คุณเข้าเยี่ยมชมเว็บไซต์ในแต่ละครั้ง


มักจะใช้สีพื้นหลังเดียวกัน

หน้าเว็บส่วนใหญ่จะใช้สีที่แตกต่างกันสำหรับองค์ประกอบข้อความ สีของชื่อและลิงก์ข้อความสีข้อความที่มักจะแตกต่างกัน

ในฐานะผู้ออกแบบเว็บคุณควรจะตระหนักถึงความจริงที่ว่าผู้เข้าชมสามารถปรับเปลี่ยนสีให้เลือกเริ่มต้น

หากคุณกำหนดสีสำหรับองค์ประกอบเว็บแล้วเหมือนกันควรกำหนดสีพื้นหลัง

หากคุณไม่ได้กำหนดสีพื้นหลังแล้วเว็บไซต์ของคุณอาจจะพลาดการผสมสีที่ไม่ดี (เช่นพื้นหลังสีแดงสีแดงสดใสเหนือข้อความหรือข้อความสีเข้มที่มีพื้นหลังสีดำ)

lamp.gif ถ้าคุณไม่ได้ระบุสีพื้นหลังข้อความอาจทำให้ยากที่จะระบุ