نظرة عامة :
دورة CSS (تنسيق وتصميم مواقع الويب)
الوصف:
تقدم دورة CSS الأساس اللازم لتحويل صفحات الويب البسيطة إلى صفحات جذابة واحترافية. CSS (Cascading Style Sheets) هي الأداة التي تمكّنك من التحكم الكامل بمظهر الموقع، بما في ذلك الألوان، الخطوط، التنسيق، والتصميم العام. إنها الخطوة الأساسية لكل من يرغب في بناء واجهات ويب مذهلة.
ما الذي ستتعلمه في هذه الدورة؟
1. مقدمة إلى CSS:
- ما هي CSS؟ وكيف تعمل مع HTML؟
- أنواع تنسيقات CSS (داخلية، خارجية، مدمجة).
- كتابة أول تنسيق باستخدام CSS.
2. أساسيات CSS:
- الألوان والخلفيات:
- تعيين ألوان النصوص والخلفيات.
- استخدام أكواد الألوان (RGB, HEX, HSL).
- الخطوط:
- اختيار وتخصيص الخطوط باستخدام
font-family
. - تغيير حجم النصوص باستخدام
font-size
. - تخصيص النصوص (التسطير، التظليل، الميلان).
- الحدود (Borders):
- تخصيص سماكة، لون، وشكل الحدود.
- الأبعاد والمسافات:
- التحكم في العرض والارتفاع.
- إضافة الهوامش الداخلية (
padding
) والخارجية (margin
).
3. التنسيق المتقدم:
- النماذج (Box Model):
- فهم كيفية تفاعل العناصر مع بعضها.
- الوضعيات (Positioning):
- استخدام الخصائص مثل
relative
, absolute
, fixed
. - العرض المرن (Flexbox):
- تصميم تخطيطات مرنة ومتجاوبة.
- شبكات CSS (CSS Grid):
- إنشاء تصميمات معقدة باستخدام الشبكات.
4. التصميم التفاعلي:
- إنشاء تصميمات متجاوبة باستخدام وسائل الإعلام (Media Queries).
- تحسين صفحات الويب لجميع الأجهزة (هواتف، أجهزة لوحية، شاشات كبيرة).
5. التأثيرات والرسوم المتحركة:
- إضافة تأثيرات جمالية مثل الظلال (
box-shadow
, text-shadow
). - إنشاء رسوم متحركة باستخدام
@keyframes
. - التعامل مع التحولات (Transitions) لجعل التفاعلات سلسة.
6. مشروع عملي:
- تصميم واجهة ويب متكاملة تشمل:
- صفحة رئيسية.
- قائمة تنقل.
- معرض صور أو مدونة.
مميزات الدورة:
- تعليم عملي: تطبق ما تتعلمه مباشرة على مشاريع واقعية.
- مبتدئ إلى متقدم: تناسب جميع المستويات.
- نتائج فورية: تلاحظ تأثير التعديلات في الوقت الفعلي.
- شهادات معتمدة: لإثبات مهاراتك في تصميم الويب.
حول رؤيتك الإبداعية إلى واقع مع CSS! ابدأ الآن واصنع مواقع ويب مذهلة تجذب الأنظار. 🌟
4o