TP 2 : Le Langage CSS – Développement d’Applications Web

هذا المستند يمثل تمرينًا عمليًا (TP 2) ضمن مادة تطوير تطبيقات الويب، يركز على لغة تنسيق الأنماط المتتالية (CSS). يهدف التمرين إلى إتقان طريقتين رئيسيتين لإدراج أكواد CSS في صفحات الويب: الأولى داخل علامة في رأس المستند، والثانية عبر ربط ملف خارجي بصيغة .css. يتضمن التمرين مجموعة من المهام العملية مثل إضافة صورة خلفية إلى صفحات تسجيل الدخول، التسجيل، وتفاصيل المنتجات، وتحديد ألوان خلفية وخطوط محددة لجدول يحتوي على خلايا مُسماة (L1, L2, A1-A20, C1-C4, P1-P20). كما يطلب من الطالب تعديل أبعاد الصور عند مرور المؤشر (hover) وتغيير حجم النص عند النقر (click)، بالإضافة إلى تنسيق عناوين المستوى الأول (h1) في عدة صفحات لتكون مركزة ومحددة اللون والخط. يغطي التمرين أيضًا تطبيق ألوان خلفية موحدة على جداول محددة وتطبيق نفس التنسيق عبر ملف CSS خارجي لتعزيز مفهوم إعادة الاستخدام وفصل البنية عن العرض. من خلال إنجاز هذه المهام، يكتسب الطالب مهارات أساسية في تصميم واجهات الويب، يفهم специфисность الأولوية في CSS، ويتدرب على استخدام محددات التصنيف (class, id) والعناصر (tag) بشكل فعال. يخلص التمرين إلى أن إتقان CSS يُعدّ خطوة ضرورية لبناء واجهات جذابة ومتجاوبة، ويهيئ الطالب لمفاهيم أكثر تقدمًا مثل أطر العمل (frameworks) والتصميم المتجاوب.