تعرفنا على الهيكل العام لصفحات الأنماط الانسيابية ... بقي علينا أن نتعرف على كيفية إدراج هذه الأنماط في صفحات هتمل أو كيفية ربطها بها ؟
هناك ثلاث طرق لإدراج الأنماط في صفحتك :
أ- باستخدام ملف خارجي (external file). ب- عن طريق رأس الصفحة (Head) . جـ - داخل الوسم (Inline).
سنقوم بشرح كل طريقة بالأمثلة :
أ- باستخدام ملف خارجي (external file):
هذه الطريقة هي الخيار الذكي لمن يفكر في برمجة مشاريع من عدة صفحات . ضع كل التنسيقات التي تريدها في هذا الملف الخارجي ثم أدرج رابط لهذا الملف في كل صفحة تريد استخدام الأنماط فيها (جميع صفحات مشروعك عادة) . إذا طلب منك عميلك تغيير لون الخط المستخدم من اللون الأزرق النيلي إلى اللون الأزرق الغامق – و اللذان قد لا يختلفان كثيراً لكن عليك أن ترضي ذوق العميل ! فقط قم بتغيير سطر واحد في هذا الملف و انتهينا . هذا الملف يجب أن يحفظ بالامتداد .css ، يمكنك كتابته عن طريق برنامج المفكرة، يمكنك الاطلاع على نموذج من هذا الملف في الصورة التالية المأخوذة من الدرس الأول .
استخدم الوسم التالي في رأس كل صفحة من صفحات الهتمل :
ب- عن طريق رأس الصفحة (Head) :
تستخدم هذه الطريقة فقط إذا كنت تريد تطبيق تنسيق معين على صفحة واحدة فقط ، بحيث يلمزك تغيير صفحة واحدة فقط إذا أردت أن تعدل على التنسيق . سندرج الأنماط عن طريق الوسم (
