كورس CSS الشامل | تعلم تنسيق وتصميم المواقع من البداية حتى الاحتراف

عدد الدروس : 29 عدد ساعات الدورة : 05:50:47 شهادة معتمدة : نعم التسجيل في الدورة للحصول على شهادة

للحصول على شهادة

  • 1- التسجيل
  • 2- مشاهدة الكورس كاملا
  • 3- متابعة نسبة اكتمال الكورس تدريجيا
  • 4- بعد الانتهاء تظهر الشهادة في الملف الشخصي الخاص بك
كورس CSS شامل ومتكامل باللغة العربية من Elzero Web School. يغطي الكورس جميع جوانب CSS من البداية حتى المستويات المتقدمة، يشمل شرح عملي لكيفية تنسيق صفحات الويب، التحكم في التخطيطات، الألوان، الخلفيات، الخطوط، الـ Box Model، التعامل مع Position و Float، التعامل مع Pseudo Classes، Media Queries والمزيد. مناسب لجميع المستويات.

قائمة الدروس

عن الدورة

مقدمة الكورس:

إذا كنت تريد أن تتعلم كيفية تصميم وتنسيق صفحات الويب باحتراف باستخدام CSS، فهذا الكورس هو اختيارك المثالي.
"كورس CSS" المقدم من Elzero Web School يعتبر مرجع متكامل باللغة العربية لكل مبتدئ أو متوسط يريد الوصول للاحتراف في تصميم الواجهات (Front-End).


ماذا ستتعلم في الكورس؟

الوحدة الأولى: التعرف على CSS وكتابة الكود

  1. مقدمة عن CSS وأهميتها في تصميم المواقع.
  2. طريقة كتابة كود CSS بشكل صحيح.
  3. استهداف العناصر وتنسيقها (Element Styling).

الوحدة الثانية: التحكم في التصميم العام (Basics & Layout)

  1. الخلفيات (Background).
  2. تنسيق النصوص (Text).
  3. خصائص الخطوط (Font Properties).
  4. تنسيق الروابط (Links).
  5. القوائم (Lists).
  6. نموذج الصندوق (Box Model).

الوحدة الثالثة: التعامل مع المساحات والحدود

  1. الحدود (Border).
  2. الهامش الخارجي (Margin).
  3. الهامش الداخلي (Padding).
  4. الأبعاد (Dimensions - Width/Height).

الوحدة الرابعة: التحكم في طريقة عرض العناصر (Display & Positioning)

  1. Display (Inline, Block, Inline-Block, None).
  2. Position (Static, Fixed, Relative, Absolute).
  3. Float (Left, Right, None, Clear).
  4. الـ Overflow (Visible, Hidden, Scroll, Auto).
  5. الظهور والإخفاء (Visibility).
  6. الترتيب (Z-index).

الوحدة الخامسة: أدوات متقدمة (Advanced CSS)

  1. Grouping Selectors.
  2. Nesting.
  3. Content Property.
  4. Mouse Cursor.
  5. Outline.
  6. Selectors المتقدمة.
  7. Pseudo Classes (مثل :hover, :focus).
  8. استهداف Attributes.

الوحدة السادسة: CSS Responsive & Media Queries

  1. التعامل مع Media Queries لتصميم Responsive.
  2. تصميم مواقع متوافقة مع جميع الأجهزة.

مميزات الكورس:

  • شروحات تطبيقية وعملية.
  • تغطية شاملة لجميع خصائص CSS الأساسية والمتقدمة.
  • شرح باللغة العربية بأسلوب سهل وواضح.
  • مشاريع وأمثلة حقيقية يمكن تطبيقها.
  • يؤهلك للعمل كمصمم واجهات Front-End Developer.
  • خطوة أولى مثالية لتعلم JavaScript لاحقًا.

الفئة المستهدفة:

  • المبتدئون الراغبون في تعلم CSS من البداية.
  • مصممو الويب الذين يريدون تطوير مهاراتهم.
  • مطورو الواجهة الأمامية (Front-End).
  • الطلاب المتخصصين في البرمجة والتصميم.

متطلبات سابقة:

  • معرفة بسيطة بـ HTML (مستوى مبتدئ).
  • حاسوب مثبت عليه محرر أكواد (VS Code أو أي محرر آخر).

مدة الكورس:

  • 29 درس فيديو.
  • أكثر من 10 ساعات تدريبية.

نظام التدريب:

  • فيديو لكل خاصية/ميزة في CSS.
  • أمثلة تطبيقية لكل درس.
  • مشاريع لتثبيت المعلومات.