تعلم CSS
تعلم كيفية كتابة أكواد CSS للتحكم الكامل في تنسيق صفحات الموقع
ماذا ستتعلم؟
- تعلم أساسيات CSS
- تنسيق الفونتات والنصوص
- تنسيق الروابط
- فهم نموذج الصندوق والإطارات
- التحكم في موضع العناصر
- تنسيق الجداول
- كتابة أكواد CSS للتحكم في تنسيق الموقع كاملا
عن الدورة
يشرح هذا الكورس تعلم CSS للتحكم الكامل في تنسيق صفحات الموقع، وهي اختصار Cascading Style Sheet أي صفحات الأنماط. تستخدم CSS في تحديد شكل الموقع من حيث نوع الخط ولونه وحجمه من ملف واحد، فتعدل مرة واحدة ويتغير الموقع كله. يبدأ الكورس بمقتطفات منه ثم أساسيات CSS Basics في عدة دروس، وبعدها الفونتات والنصوص، والروابط، ونموذج الصندوق والإطارات، وموضع العناصر، والجداول، ودروس متفرقة، وينتهي بتحميل الملحقات. ينفع الكورس مصممي ومطوري الويب والمبتدئين الذين تعلموا HTML ويريدون تحسين مظهر صفحاتهم. يحتاج المتدرب إلى معرفة بسيطة بصفحات الويب، ولا يحتاج إلى خبرة في CSS. وفي النهاية ستكون قادرا على كتابة أكواد CSS لتنسيق النصوص والروابط والجداول، والتحكم في مواضع العناصر داخل الصفحة، وتصميم موقع منظم وجذاب. ويحتوي الكورس على ملحقات للتحميل تساعدك على تجربة الأكواد بنفسك ومراجعة ما شرحه الدرس بسهولة وسرعة.
نتائج متوقعة من الدورة
- فهم شامل لأساسيات CSS واستخدامها في تصميم المواقع.
- القدرة على تنسيق صفحات ويب منظمة ومناسبة للمستخدم.
- إتقان العمل مع الجداول والنماذج والعناصر المختلفة.
- تصميم مواقع ويب جذابة بصريًا باستخدام CSS.
- تحسين تجربة المستخدم في مواقع الويب باستخدام تقنيات CSS المتقدمة.
تقييمات المتدربين
- ★★★★☆Baraa E.·منذ 3 شهرشاهد 100٪
الكورس حلو و كل حاجة تمام فيه بس كان ناقص حتة صغيرة اوي و هي ال انيميشن لكن غير كدة تحفة
تم عرض كل التقييمات (1)
محتوى الدورة
1أساسيات CSS
5 درس
- مقتطفات من الكورسيشرح تحديد مواضع العناصر في الصفحة بـ CSS باستخدام position، وهو absolute الذي يحدد البعد عن أعلى الصفحة ويسارها، وrelative النسبي، مع كتابة الستايل بطرقه المختلفة.13:40
- CSS Basics (1)مقدمة عامة عن CSS وهي Cascading Style Sheets أو أوراق التنسيق المتتالية، وأنها ليست لغة برمجة بل تنسيقات مسبقة لصفحات الويب، مع عرض محتويات المادة وأهدافها.6:32
- CSS Basics (2)يشرح معنى CSS وفكرة الملف الخارجي الذي تجمع فيه الخصائص تحت اسم واحد لإعادة استخدامها، ويعرف بـ Bootstrap وjQuery كأدوات جاهزة تتكامل مع تصميم الصفحات.19:11
- CSS Basics (3)يشرح الطرق الثلاث لكتابة CSS، داخل الوسم نفسه وداخل head وفي ملف خارجي مربوط بوسم link، ويرجح الملف الخارجي، ويجرب تغيير لون الخلفية والنص والخط.19:39
- CSS Basics (4)يشرح تنسيق الألوان والخلفيات بـ CSS، فيغير لون النص بالاسم أو بنظام RGB، ويضع صورة خلفية للصفحة ويتحكم في تكرارها أفقيا ورأسيا.8:58
2مهام متقدمة
6 درس
- الفونتات والنصوصيشرح خصائص الخطوط والنصوص في CSS مثل نوع الخط ووزنه وحجمه، وخصائص النص كوضع الخط فوق النص أو تحته، وربط ملف CSS بالصفحة لتظهر التأثيرات.18:21
- الروابطيشرح التحكم في تنسيق الروابط بـ CSS، فيضع الستايل داخل الصفحة أو في ملف خارجي، ويطبقه بالكلاس أو بالـ id، ويحول الرابط إلى شكل زر بتغيير الكلاس والألوان.28:06
- نموذج الصندوق والإطاراتيشرح نموذج الصندوق Box Model بمكوناته من المحتوى والمسافة الداخلية والإطار border والهامش، والتحكم في لون الإطار ونوعه وسمكه لكل جانب.7:38
- موضع العناصريشرح تحديد مواضع العناصر في الصفحة بـ CSS باستخدام position، فيوضح الموضع المطلق نسبة إلى الصفحة والنسبي نسبة إلى العنصر السابق، وترتيب العناصر فوق بعضها.15:09
- الجداوليشرح تنسيق الجداول بـ CSS على مستوى ملف الستايل، فيحدد إطار الجدول والصفوف والخلايا وعرضها وارتفاعها بالبكسل أو النسبة، وتلوين صف العنوان.15:01
- متفرقاتيعرض كيفية الاستفادة من تنسيقات CSS جاهزة من مواقع على الإنترنت بدل البدء من الصفر، فتصمم الزر أو الفورم في الموقع ثم تنسخ كود CSS لتستخدمه في موقعك.18:33
3الملحقات
1 ملحقات
- حمل الملحقات من هنا
المحاضر
م/عزب محمد عزب
هذه الدورة ضمن دبلومة
