أساسيات CSS: تصميم التخطيطات المتجاوبة للمبتدئين — PickAClass
4.2 (4) ⏱ 3 ساعة 📚 30 دورة

أساسيات CSS: تصميم التخطيطات المتجاوبة للمبتدئين

أتقن أساسيات أوراق الأنماط المتتالية (Cascading Style Sheets) لتنسيق وهيكلة وتصميم صفحات الويب الحديثة والمتجاوبة باستخدام كود نظيف وقابل للصيانة.

  • 💬 مدرب ذكاء اصطناعي
    اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت.
  • 🕐 ابدأ في أي وقت
    بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك.
  • 🌐 بالعربية
    الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.

حول هذه الدورة

يعتمد كل موقع ويب جميل وعملي على أساس متين من التنسيق لتوجيه رحلة المستخدم. إذا كنت ترغب في تحويل HTML العادي إلى تخطيطات أنيقة ومتجاوبة، فإن إتقان أوراق الأنماط المتتالية (CSS) هو خطوتك الأولى الأساسية. تأخذك هذه الدورة النصية من كتابة قاعدة الأنماط الأولى الخاصة بك إلى هيكلة تخطيطات الويب المعقدة. ستطور فهمًا عميقًا وعمليًا لكيفية تفسير متصفحات الويب لـ CSS، مما يتيح لك التحكم في الألوان والطباعة والمسافات والموضع بثقة. ما ستتعلمه: - فهم بناء جملة CSS الأساسي، والمحددات (selectors)، والفئات (classes)، والمعرفات (IDs)، ونموذج الصندوق (box model). - تطبيق الألوان والطباعة والخلفيات والشفافية لتعزيز التصميم المرئي. - التحكم في تخطيطات الصفحة باستخدام تحديد المواقع (positioning) الثابت (static)، والنسبي (relative)، والمطلق (absolute)، والمثبت (fixed)، والعائم (float). - إنشاء تخطيطات مرنة وحديثة باستخدام CSS Flexbox وأنظمة Grid الأساسية. - إنشاء تصميمات متجاوبة تتكيف بسلاسة مع أحجام الشاشات المختلفة باستخدام استعلامات الوسائط (media queries). - تطبيق خصائص CSS المخصصة الحديثة (المتغيرات) لأوراق الأنماط النظيفة والقابلة للصيانة. ستبدأ باستكشاف المفاهيم الأساسية مثل بنية قاعدة CSS والتتالي (cascade) قبل الانتقال إلى تقنيات التنسيق العملية. أثناء تقدمك في الشروحات المكتوبة وأمثلة الكود، ستطبق هذه المفاهيم لإنشاء تخطيط صفحة ويب متماسك ومتجاوب. تم تصميم هذه الدورة خصيصًا للمبتدئين الذين لديهم معرفة أساسية بـ HTML ويرغبون في تعلم تنسيق الويب من الألف إلى الياء. لا تتطلب أي خبرة سابقة في CSS. ابدأ القراءة اليوم لفتح المهارات اللازمة لتصميم مواقع ويب جميلة وحديثة.

ما الذي ستحصل عليه

  • 📜 شهادة إتمام
    أضفها إلى ملفك على LinkedIn
  • 💬 مدرّس AI شخصي
    عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت.
  • ♾️ وصول مدى الحياة
    عُد متى شئت، بلا انتهاء
  • 📱 الهاتف أو الكمبيوتر
    يعمل في أي مكان وعلى أي جهاز
  • 💸 استرداد خلال 14 يومًا
    دون أسئلة
  • قصير ومركَّز
    3 ساعة من المحتوى التطبيقي

شهادة إتمام

كل دورة تكملها على PickAClass تُصدر شهادة كهذه — أصلية، بكودها الخاص، قابلة للتحقّق عبر الرابط، ومفصّلة عمّا أُثبت فعلًا.

P
PickAClass
ملف المهارات · قابل للتحقّق
وثيقة
شهادة إتقان
تشهد هذه الوثيقة بأن
الاسم واللقب
أثبت بنجاح إتقان
أساسيات CSS: تصميم التخطيطات المتجاوبة للمبتدئين
المهارات المُثبَتة
تحليل أنماط السلوك
تأسيسي
1.2 ساعة
أطر معمارية لاتخاذ القرارات
متمكّن
1.4 ساعة
تصميم اختبار A/B
متمكّن
1.7 ساعة
كتابة نصوص سلوكية
متقدّم
1.9 ساعة
P
PickAClass — الاسم واللقب
أساسيات CSS: تصميم التخطيطات المتجاوبة للمبتدئين
صفحة 2 من 2
تفاصيل الأداء
ملخّص العمل الدراسي
الدورات المكتملة 14 / 14
أسئلة التدريب 26 / 28
الواجبات المُسلَّمة 4 (متوسط 4.5 / 5)
المشروع الختامي تمت مراجعته — 4.6 / 5
إجمالي التدريب 6.2 ساعة
معيار الأداء
ترتيب الدفعة ضمن أفضل 12% من 1,625
وقت الإكمال 11 يومًا (الوسيط: 22)
درجة الإتقان 91 / 100
درجة أسئلة التدريب 94%
التحقّق من المهارة مسار مهارة موثّق
تحقّق من هذه الشهادة
pickaclass.com/certificates/PCC-2026-X4F7-AP19
صادر وفق المعايير الأكاديمية لـPickAClass. تعكس مستويات المهارة الأداء المُقيَّم وفق معيار كفاءات الدورة. هذه شهادة أصلية لهذه المنصّة.

المراجعات

لا توجد مراجعات بعد — كن أول من يشارك تجربته.

اكتب مراجعة

سنطلب منك تسجيل الدخول بعد الإرسال — تُحفظ مسودتك.

المتعلمون أخذوا أيضًا

الأسئلة الشائعة

ما الذي أحتاجه لأخذ هذه الدورة؟ +

يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.

كيف يمكنني الدفع؟ +

بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.

هل يمكنني استرداد المال؟ +

نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.

إلى متى يستمر وصولي؟ +

إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.

هل سأحصل على شهادة؟ +

نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.

مصمَّم للعاملين في
التقنية التصميم المالية التسويق الرعاية الصحية التعليم الضيافة التصنيع