ابدأ رحلتك في تنسيق صفحات الويب مع دورة «CSS من الصفر»، المصممة للمبتدئين بشرح عربي تدريجي يحوّل أساسيات التصميم إلى مهارات واضحة وقابلة للتطبيق. تضم الدورة 51 جلسة تبدأ بالتعريف بـ CSS وتثبيت محرر الأكواد، ثم تتناول بنية القواعد والمحددات وتجميعها وإضافة التعليقات لتنظيم الشيفرة. ستتعلم تنسيق الألوان والخلفيات والحدود والزوايا الدائرية، وضبط الهوامش والحشو والأبعاد باستخدام نموذج الصندوق لفهم المساحة التي يشغلها كل عنصر. وتستكشف تنسيق النصوص والخطوط والجداول والقوائم، إلى جانب التحكم في العرض والمحتوى الفائض والتموضع وترتيب الطبقات والشفافية ومؤشر الفأرة. ثم تضيف لمسات تفاعلية وجمالية باستخدام الفئات والعناصر الزائفة وحالات التحويم والتفعيل والانتقالات والمتغيرات والتدرجات اللونية والفلاتر، مع التوسع في المحددات وفهم دور ‎!important. يلي كل جلسة اختبار من 5 أسئلة مع عرض الدرجة فورًا لتقييم فهمك، وتحصل على شهادة عند إكمال الدورة.

ماذا ستتعلم

• إعداد محرر الأكواد وكتابة قواعد CSS منظمة باستخدام البنية الصحيحة والمحددات والتجميع والتعليقات.
• تنسيق الألوان والخلفيات والحدود والزوايا الدائرية، وضبط أبعاد العناصر وهوامشها وحشوها وفق نموذج الصندوق.
• تحسين مظهر النصوص باستخدام المحاذاة والزخرفة والظلال والتباعد وخصائص الخطوط، وتنسيق الجداول والقوائم.
• التحكم في عرض العناصر والمحتوى الفائض والتموضع وترتيب الطبقات، وتطبيق الشفافية وتنسيق مؤشر الفأرة.
• استخدام المحددات المتقدمة والفئات والعناصر الزائفة لتنسيق حالات التفاعل وإضافة محتوى عبر before وafter، وفهم تأثير ‎!important.
• إنشاء انتقالات سلسة وتدرجات لونية وتأثيرات بصرية بالفلاتر، واستخدام متغيرات CSS لإعادة استخدام القيم وتسهيل تعديل التنسيقات.

محتوى الكورس

1. 1مقدمة في CSS
2. 2تثبيت محرر الشيفرة
3. 3صياغة CSS
4. 4محددات CSS
5. 5تجميع محددات CSS
6. 6التعليقات في CSS
7. 7الألوان في CSS
8. 8لون الخلفية وصورتها وتكرارها
9. 9تثبيت الخلفية وموضعها وحجمها
10. 10الخاصية المختصرة للخلفية
11. 11الحدود في CSS
12. 12الخاصية المختصرة للحدود
13. 13استدارة الزوايا في CSS
14. 14الهوامش الخارجية في CSS
15. 15الحشو الداخلي في CSS
16. 16الإطار الخارجي في CSS
17. 17العرض والارتفاع في CSS
18. 18نموذج الصندوق في CSS
19. 19خاصية العرض Display في CSS
20. 20تجاوز المحتوى في CSS
21. 21التحكم في تجاوز المحتوى
22. 22محاذاة النص في CSS
23. 23زخرفة النص في CSS
24. 24تحويل حالة الأحرف في CSS
25. 25ظل النص في CSS
26. 26تباعد النص في CSS
27. 27تجاوز النص في CSS
28. 28عائلة الخط في CSS
29. 29حجم الخط في CSS
30. 30نمط الخط في CSS
31. 31مؤشر الفأرة في CSS
32. 32العتامة في CSS
33. 33تحديد موضع العناصر في CSS
34. 34مثال على تحديد الموضع
35. 35ترتيب الطبقات باستخدام z-index
36. 36تنسيق الجداول في CSS
37. 37تنسيق القوائم في CSS
38. 38الأصناف الزائفة في CSS
39. 39مثال على hover وactive
40. 40استخدام الأصناف الزائفة
41. 41العناصر الزائفة في CSS
42. 42العنصران الزائفان ::before و::after
43. 43استخدام !important في CSS
44. 44الانتقالات في CSS
45. 45المتغيرات في CSS
46. 46التدرجات اللونية في CSS
47. 47المرشحات في CSS
48. 48المحددات في CSS
49. 49المزيد من محددات CSS
50. 50محددات CSS إضافية
51. 51المزيد من محددات CSS المتقدمة