أساسيات CSS للمصممين
تعلّم أساسيات CSS، من نموذج الصندوق وتنسيق العناصر إلى تحديد مواضع المحتوى، لتحسين التعاون مع المطورين وتسليم التصميم واتخاذ قرارات الويب.
عن الدورة
نظرة أعمق على الدورة
تُعد CSS أساسية لكل من يتعاون مع المطورين أو يرغب في البدء بتطوير صفحات الويب. في هذا الكورس، ستتعلم صياغة أوراق تنسيق CSS واستخداماتها، وتتعرف على أشهر محددات CSS، وتفهم نموذج الصندوق، وتتقن الخصائص والقيم الشائعة وغيرها.
يساعدك فهم أساسيات CSS على إنشاء مواقع جذابة بصريًا وتفاعلية. وتظهر CSS باستمرار في أدوات التصميم الأساسية مثل Figma وAdobe XD، خصوصًا عند استخدام وضع Inspect. وعلى عكس HTML، تتيح لك CSS تخصيص الألوان والتدرجات وأنواع الخطوط والصور، وتغيير مواضع العناصر، وغير ذلك.
من خلال إتقان CSS، ستتمكن من اتخاذ قرارات تحسّن تجربة المستخدم في الموقع. يمكنك مثلًا إنشاء التباين وإضافة سهولة القراءة والتسلسل الهرمي إلى تصميماتك. كما تتيح لك CSS إنشاء تصميمات متجاوبة تتكيف مع أحجام الشاشات والأجهزة المختلفة، ما يجعلها مهارة أساسية لإنشاء مواقع تبدو رائعة على أجهزة الكمبيوتر والهواتف.
بنهاية هذا الكورس، ستكون لديك معرفة راسخة بأساسيات CSS، وستتمكن من استخدامها لإنشاء مواقع جذابة بصريًا وتفاعلية تلبي احتياجات المستخدمين.
البدء مع CSS نموذج الصندوق تنسيق العناصر تحديد مواضع المحتوى
النتائج
ما الذي ستتعلّمه
- تعلّم صياغة أوراق تنسيق CSS واستخداماتها — تعرّف على بنية المحددات والتصريحات والخصائص وقيمها، وكيفية استخدامها.
- تعرّف على أشهر محددات CSS — استكشف محددات الفئات والمعرّفات والعناصر، وتعلّم تطبيقها على عناصر HTML محددة.
- افهم نموذج الصندوق — تعلّم كيف يحدد هذا المفهوم الأساسي في CSS حجم عناصر HTML ومواضعها على صفحة الويب.
- أتقن خصائص CSS وقيمها الشائعة — استكشف الألوان والخطوط والتخطيط والوسائط لإنشاء صفحات ويب جذابة بصريًا.
داخل الدورة
ماذا تتضمن الدورة؟
- 17 درسًا باللغة الإنجليزية الأصلية
- الرسوم التوضيحية والأمثلة المتحركة الأصلية
المحتوى