2 : تعلم CSS
- مقدمة
مقدمة قصيرة للدرس وما يمكن أن تتعلم فيه. - درس 1: ما هي تقنية CSS؟
- لماذا ابتكرت لغة CSS؟ ولماذا اختيار هذه اللغة لتصميم الموقع بدلاً من HTML؟.
- درس 2: كيف تعمل تقنية CSS؟
- تعلم أساسيات CSS وقم بإنشاء ملفك الأول.
- درس 3: الألوان والخلفيات
- تعلم كيف تضع الألوان ولون الخلفية وتستخدم الصور لخلفية الموقع.
- درس 4:الخطوط
- في هذا الدرس سنتعلم كيفية التحكم بالخطوط من خلال CSS.
- درس 5: النصوص
هذا الدرس هو مقدمة للقدرات العجيبة التي تملكها تقنية CSS للتحكم بالتصميم. " قريباً " - درس 6:الروابط
كيف تقوم بإنشاء مؤثرات رائعة للروابط وكيف تستخدم pseudo-classes. " قريباً " - درس 7: المطابقة والتجميع للعناصر class وid
نظرة عن قرب على كيفية استخدامclass
وid
لتحديد خصائص لعناصر معينة. " قريباً " - درس 8: تجميع العناصرspan وdiv
نظرة أقرب إلى استخدامspan
وdiv
لأنها العناصر الأهم عند التعامل مع CSS وHTML CSS " قريباً " - درس 9: نموذج الصندوق
نموذج الصندوق في CSS يصف الصناديق التي تنشأها عناصر HTML. " قريباً " - درس 10: نموذج الصندوق - margin وpadding
غير محاذاة العناصر عن طريق خاصيتيmargin
وpadding
. " قريباً " - درس 11: نموذج الصندوق - الإطارات
تعلم عن الخيارات اللا متناهية المتوفرة عند استخدام الإطارات " قريباً " - درس 12: نموذج الصندوق - العرض والارتفاع
في هذا الدرس سنلقي نظرة على كيفية تحديد ارتفاع وعرض أي عنصر. " قريباً " - درس 13: تعويم العناصر (floats)
أي عنصر يمكن أن نجعله عائماً إلى اليمين أو اليسار باستخدام خاصيةfloat
" قريباً " - درس 14: وضعية العناصر
في CSS يمكنك أن تضع أي عنصر في المكان الذي تريده. " قريباً " - درس 15: طبقة فوق طبقة باستخدام z-index
في هذا الدرس سنتعلم كيف تجعل عناصر مختلفة متداخلة ونضع بعضها فوق بعض باستخدامlayers
. " قريباً " - درس 16: المعايير القياسية
الدرس الأخير حول سيكون حول المعايير القياسية وكيف تتأكد أن ما كتبته من ملفات CSS صحيحةولا تحوي أية أخطاء. " قريباً "