CSS لغة تصميم صفحات الويب .
Cascading Style Sheets أوراق الأنماط المتتالية
هي اللغة التي تقوم بقولبة مستندات html و كيفية عرض عناصرها .
و تهدف هذه الدورة التعليمية بإذن الله إلى تعليمك الـ css من مستوى مبتدأ إلى مستوى متقدم .
و في هذه الدورة بإذن الله سنستعرض المئات من الأمثلة التي سوف تساعدك على فهم و إتقان هذه اللغة الممتعة و تساعدك أيضا في بناء تصاميم مواقع جذابة و مميزة .
و هذه السلسلة التعليمية موجهة للمهتمين بلغات برمجة و تصميم المواقع و فهم آلية عمل قوالب صفحات الويب و كيفية تموضع عناصرها و أسلوب طهورها لتلائم أغلب المستعرضات الشائعة و مختلف أنواع الأجهرة و قياسات شاشات العرض .
و يكمن الهدف الأساسي من هذه السلسلة التعليمية تأهيل المتابعين للتقدم إلى المنظمات التي تهتم بلغات برمجة و تصميم المواقع و الحصول على الشهادات التي تؤهلهم للعمل في هذه المجال الشيق و الممتع
1 - ما هو الـ CSS ؟
هو مجموعة من القواعد التي تعنى بتنسيق عناصر HTML و أسلوب تموضعها في مستندات الويب و طريقة ظهور تلك العناصر في صفحات المواقع .
و سميت بأوراق الأنماط المتتالية لأنه تم فصل عرض و تنسيق مستندات الويب عن مستند بناء هيكل الصفحة أو الموقع و يتم الاتصال بتلك الأوراق عن طريق الوسم link في القسم head كما سنرى لاحقا بإذن الله .
و لقد وفرت الكثير من الوقت و الجهد حيث أنه يمكنك التحكم في تخطيط العديد من صفحات الويب دفعة واحدة دون تكبد عناء تعديل التصميم صفحة صفحة .
و تخزن أوراق الأنماط الخارجية على شكل ملفات بصيغة .CSS
2 –لماذا نستخدم الـ CSS ؟
نستخدم الـ CSS للحفاظ على أنماط مواقعنا سليمة و آمنة و سهولة اكتشاف الأخطاء و تتبعها لتجمعها في ملف واحد بعيدا عن تعقيد تتبعها صفحة بصفحة كما أنها تحتوي على تصميم الموقع و التغييرات التي تطرأ على التخطيط على مختلف الأجهزة و شاشات العرض .
3 –CSS حل مشاكل كبيرة .
HTML لم تكن أبدا تهدف لاحتواء علامات تنسيق صفحات الويب , لكنها كانت تقوم بإنشاء توصيفات لمحتويات صفحات الانترنت
عندما كانت تضاف وسوم مثل الوسم font و سمات الألوان إلى خواص HTML 3.2 بدأ الكابوس الحقيقي لدى مطوري المواقع الكبيرة حيث كانت تضاف تنسيقات الخطوط و سمات الألوان كل صفحة لا بل كل عنصر على حدة أصبحت العملية طويلة و مكلفة جدا .
لحل هذه المشكلة قامت منظمة شبكة الإنترنت العالمية بإنشاء CSS حيث أن الـ CSS قامت بحذف سمات الأنماط من صفحات الـ HTML تاركتا لها فقط عملية التحكم في المحتويات .
4 –CSS وفرت الكثير من العمل و الجهد .
عادة ما يتم حفظ تعريف الأنماط في ملفات CSS خارجية .
و مع أي ملف أوراق نمط خارجية يمكنك تغيير مظهر أي موقع بأكمله أو صفحة أو حتى عنصر عن طريق فقط تغيير ملف واحد دون تكبد عناء تغيير كل صفحة أو عنصر لوحده .
و الأدوات المطلوبة لهذه الدورة التدريبية هي جهاذ كمبيوتر بالإضافة إلى أي محرر نصوص متوفر لكتابة الشيفرة البرمجية
و أنا أفضل استخدام برنامج expression web هو برنامج مقدم من شركة ميكروسوفت بديل لبرنامج الفرونت بيج لتصميم صفحات الويب
رابط تحميل برنامج expression web
https://www.microsoft.com/en-us/download/details.aspx?id=36179