لتصميم موقع ويب بناءً على معايير الويب، تستخدم طريقة النقل بشكل أساسي XHTML+CSS، وتعتبر أوراق أنماط CSS ضرورية. وهذا يتطلب من جميع مصممي الويب أن يتقنوا لغة CSS. إذا لم تكن قد استخدمتها من قبل، فابدأ بالتعلم الآن. لإنشاء موقع ويب يتوافق مع معايير الويب، لا يمكنك تصميم صفحات جميلة دون معرفة CSS.
في الواقع، يجب تنفيذ جميع جوانب العرض باستخدام CSS. لقد اعتدنا استخدام الجداول لتحديد الموضع والتخطيط، ولكن يتعين علينا الآن استخدام DIV لتحديد الموضع والتخطيط. هذا تغيير في طريقة التفكير، وهو أمر غير مريح بعض الشيء في البداية. هاها، ستكون هناك مقاومة لأي تغيير، ومن أجل التمتع بالفوائد التي تجلبها المعايير، من المفيد التخلي عن بعض الممارسات التقليدية القديمة.
استدعاء أوراق الأنماط خارجيًا
في الماضي، كنا عادةً نستخدم أوراق الأنماط بطريقتين:
طريقة الصفحة المضمنة: تتم كتابة ورقة الأنماط مباشرة في منطقة الرأس لرمز الصفحة. شيء من هذا القبيل:
<نوع النمط=نص/css> <! ―― الجسم { الخلفية: أبيض اللون: أسود }――> </style>
طريقة الاتصال الخارجي: اكتب ورقة الأنماط بشكل منفصل. ملف css، ثم قم باستدعائه باستخدام رمز مشابه لما يلي في منطقة رأس الصفحة.
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all />
في التصميم الذي يتوافق مع معايير الويب، نستخدم طريقة الاتصال الخارجي والفوائد واضحة بذاتها. يمكنك فقط تعديل الصفحة دون تعديلها. ملف CSS لتغيير نمط الصفحة. إذا كانت جميع الصفحات تستدعي نفس ملف ورقة الأنماط، فإن تغيير ملف ورقة أنماط واحد يمكن أن يؤدي إلى تغيير أنماط جميع الملفات.
أسلوب الجدول المزدوج يستدعي ورقة الأنماط
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all /> <style type=text/css media=all> @import url( css/style01.css ); >
لماذا أكتبها مرتين؟
في الواقع، في الظروف العادية، يكفي استخدام طريقة الارتباط الخارجي (أي الجملة الأولى). استدعاء الجدول المزدوج الذي أستخدمه هنا هو مجرد مثال. يتم استخدام الأمرimport لإدخال ورقة الأنماط. الأمر @import غير صالح في متصفح Netscape 4.0. بمعنى آخر، عندما تريد إخفاء تأثيرات معينة في متصفح Netscape 4.0 وعرضها في الإصدار 4.0 أو أعلى أو في متصفحات أخرى، يمكنك استخدام أسلوب الأمرimport لاستدعاء ورقة الأنماط.