Latest web development tutorials

جودة صفائح الويب نمط

استخدام أوراق الأنماط لتعزيز جودة الصفحة أمر بالغ الأهمية.


لا تستخدم <الخط> العلامة!

وينبغي أن تستخدم CSS لضبط حجم الخط من العرض على الصفحة. لا تستخدم علامة الخط.

إن الاستخدام <الخط> العلامة زيادة حجم الوثيقة، وذلك في كل مرة قمت بتغيير حجم العمل النص القياسي أصبح كابوسا.

تخيل السيناريو التالي:

يوم واحد عليك أن تقرر لتعديل عنوان موقع في جميع الألوان والأحجام. من خلال CSS، تحتاج فقط إلى تغيير سطر واحد يمكن أن تفعل هذا. إذا كنت تستخدم <الخط> العلامة، فأنت بحاجة إلى وضع الموقع في كل عناوين كل الصفحات وتعديلها مرة أخرى.

lamp.gif وذلك باستخدام الأساليب البديلة <الخط> العلامة تمكننا من إنتاج أكثر سهولة واجهة ويب ذات جودة عالية.


لا تستخدم حجم الخط الثابت

لا تستخدم قيمة حجم ثابت. دائما استخدام الأبعاد النسبية.

هذا الاقتراح هو أهم سبب لعدم إعادة ضبط الثابتة حجم أبعاد المتصفح.

زوار موقعك قد تستخدم معدات مختلفة (المراقبين)، والبيئة متصفح المختلفة (الضوء) والعجز المحتملة (الحول).

على سبيل المثال، يمكنك وضع يتم تعيين حجم شخصية الفرد إلى 100٪ (أو المتوسطة)، يتم تعيين العنوان الرئيسي إلى 140٪ (أو الأشعة كبير)، في حين يتم تعيين عنوان ثانوي إلى 120٪ (أو كبيرة)، بحيث يمكن للمستخدمين استخدام إعادة تعيين المتصفح الخاص بك إلى حجم المفضلة.

ملاحظة: من خلال تعديل حجم الميزات نص صفحة، وعدد من الصفحات المطبوعة من النص يمكن تغييرها.


لا تستخدم حجم الخط الافتراضي هو صغير جدا

بعض المواقع تستخدم الأحجام نصية صغيرة، حتى تتمكن كل صفحة على "سد" إلى المزيد من المحتوى، أو جعل الصفحة تبدو أكثر "عصرية".

مرة أخرى، وذلك باستخدام معدات مختلفة (المراقبين)، والبيئة متصفح المختلفة (الضوء) والعجز المحتملة (الحول)، قد يسبب المستخدم عسر القراءة.

lamp.gif من فضلك لا إجبار المستخدم لتكبير حجم النص في كل مرة تقوم فيها بزيارة الموقع في كل مرة.


دائما استخدام نفس لون الخلفية

ومعظم صفحات استخدام لون مختلف عن عناصر النص. لون النص لون عنوان وصلة النص عادة مختلفة.

كما مصمم على شبكة الإنترنت، يجب أن تكون على بينة من حقيقة يتمكن الزوار من تعديل خيارات الألوان الافتراضية.

إذا قمت بتعريف الألوان لعنصر ويب، ثم الشيء نفسه ينبغي أن تحدد لون الخلفية.

إذا لم يكن لتحديد لون الخلفية، ثم موقع الويب الخاص بك قد افسدت تركيبات الألوان السيئة (مثل الحمراء خلفية ساطعة حمراء فوق النص أو النص الداكن مع خلفية داكنة).

lamp.gif إذا لم تقم بتحديد لون الخلفية، النص قد تجعل من الصعب التعرف عليها.