ورقة الأنماط (تطوير مواقع الويب)
تُعدّ ورقة أنماط الويب شكلاً من أشكال فصل المحتوى عن العرض في تصميم مواقع الويب ، حيث يحتوي ترميز الصفحة (أي HTML أو XHTML ) على محتواها الدلالي وبنيتها، ولكنه لا يُحدد تصميمها المرئي (نمطها). بدلاً من ذلك، يُحدد النمط في ملف ورقة أنماط خارجي باستخدام لغة أنماط مثل CSS أو XSLT . يُطلق على هذا النهج التصميمي اسم "الفصل" لأنه يتجاوز إلى حد كبير المنهجية السابقة التي كان فيها ترميز الصفحة يُحدد كلاً من النمط والبنية.
إن الفلسفة الكامنة وراء هذه المنهجية هي حالة محددة من فصل الاهتمامات .
فوائد
إن فصل الأسلوب عن المحتوى له مزايا، [ 1 ] [ 2 ] ولكنه لم يصبح عمليًا إلا بعد التحسينات في تطبيقات CSS الخاصة بمتصفحات الويب الشائعة.
سرعة
بشكل عام، ستكون تجربة المستخدم لموقع يستخدم أوراق الأنماط أسرع من المواقع التي لا تستخدم هذه التقنية. مع ذلك، من المرجح أن يتم تحميل الصفحة الأولى ببطء أكبر، وذلك لأن ورقة الأنماط والمحتوى سيحتاجان إلى النقل. أما الصفحات اللاحقة فستُحمّل بشكل أسرع، لأنه لن تكون هناك حاجة لتنزيل أي معلومات أنماط، حيث سيكون ملف CSS موجودًا بالفعل في ذاكرة التخزين المؤقت للمتصفح .
قابلية الصيانة
يُسهم تجميع جميع أنماط العرض في ملف واحد في تقليل وقت الصيانة والحد من احتمالية الخطأ، مما يُحسّن اتساق العرض. على سبيل المثال، يُمكن تحديد لون الخط المرتبط بنوع معين من عناصر النص - وبالتالي تعديله بسهولة - في جميع أنحاء الموقع الإلكتروني بمجرد تغيير سلسلة قصيرة من الأحرف في ملف واحد. أما الأسلوب البديل، الذي يستخدم أنماطًا مُضمنة في كل صفحة على حدة، فيتطلب تعديلًا مُرهقًا ومُستهلكًا للوقت وعرضةً للأخطاء في كل ملف.
إمكانية الوصول
المواقع التي تستخدم CSS مع XHTML أو HTML يسهل تعديلها بحيث تظهر بشكل مشابه في متصفحات مختلفة (Chrome، Internet Explorer ، Mozilla Firefox ، Opera ، Safari ، إلخ).
تتراجع المواقع التي تستخدم CSS بسلاسة في المتصفحات التي لا تدعم عرض المحتوى الرسومي، مثل Lynx ، أو المتصفحات القديمة جدًا التي لا تدعم CSS. تتجاهل المتصفحات CSS التي لا تفهمها، مثل عبارات CSS 3. يُمكّن هذا مجموعة واسعة من برامج تصفح الإنترنت من الوصول إلى محتوى الموقع حتى لو لم تتمكن من عرض ورقة الأنماط أو لم تُصمم مع مراعاة الإمكانيات الرسومية. على سبيل المثال، يمكن لمتصفح يستخدم شاشة برايل قابلة للتحديث تجاهل معلومات التخطيط تمامًا، وسيظل بإمكان المستخدم الوصول إلى جميع محتويات الصفحة.
التخصيص
إذا كانت معلومات تخطيط الصفحة مخزنة خارجيًا، فيمكن للمستخدم تعطيلها تمامًا، مما يُبقي محتوى الموقع الأساسي قابلاً للقراءة. كما يُمكن لمطوري المواقع توفير عدة ملفات أنماط، والتي يُمكن استخدامها لتغيير مظهر الموقع بالكامل دون المساس بمحتواه.
تتيح معظم متصفحات الويب الحديثة للمستخدم تحديد نمط تصميم خاص به، والذي قد يتضمن قواعد تتجاوز قواعد التنسيق التي وضعها المصمم. وهذا يسمح للمستخدمين، على سبيل المثال، بجعل كل رابط تشعبي بخط غامق في كل صفحة يزورونها. وقد تم تطوير إضافات للمتصفح مثل Stylish و Stylus لتسهيل إدارة أنماط التصميم هذه.
تناسق
لأن الملف الدلالي لا يحتوي إلا على المعاني التي يقصدها المؤلف، فإن تنسيق عناصر محتوى المستند المختلفة يكون متسقًا للغاية. فعلى سبيل المثال، تتلقى العناوين والنصوص المميزة والقوائم والعبارات الرياضية خصائص تنسيق متناسقة من ورقة الأنماط الخارجية. لا يحتاج المؤلفون إلى الاهتمام بخصائص التنسيق أثناء الكتابة، إذ يمكن تأجيل هذه التفاصيل التقديمية إلى لحظة العرض.
سهولة الحمل
إن تأجيل تفاصيل العرض التقديمي حتى وقت العرض يعني إمكانية إعادة استخدام المستند بسهولة لوسيلة عرض مختلفة تمامًا بمجرد تطبيق ورقة أنماط جديدة مُعدة مسبقًا لهذه الوسيلة ومتوافقة مع المفردات الأساسية أو الهيكلية للمستند. ويمكن طباعة مستند مُصمم بعناية لصفحة ويب بسهولة في مجلد مُجلد، مع رؤوس وتذييلات وأرقام صفحات وفهرس مُنشأ، وذلك ببساطة عن طريق تطبيق ورقة أنماط جديدة.
انظر أيضاً
مراجع
روابط خارجية
- حديقة زين CSS : موقع يتحدى المصممين لإنشاء تصميمات صفحات جديدة دون تعديل كود XHTML الأصلي. يتضمن الموقع عشرات التصميمات، ويمكن الاطلاع على كود CSS لكل تصميم.
- تطوير مواقع الويب
