هل أعجبتك المعاينة؟
هذا هو الدرس الأول المجاني. احصل على وصول كامل — اطلب عرضًا تجريبيًا أو سجّل الدخول.
سلسلة CSS المستوى المتوسط
تعرف على اساسيات أوراق الأنماط الانسيابية (CSS) للمستوى المتوسطشاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ24.
متوسط مقدِّم الخدمة : Cliff Brozo 7 الفصول · 24 الدروس · 2h 20m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese
وصف الدورة
تعلمك أساسيات أوراق الأنماط الانسيابية (CSS) للمستوى المتوسط كيفية إضفاء الحيوية على مواقع الويب الخاصة بك. ونظرًا لأن الأجهزة المحمولة تمثل الآن ما يقرب من نصف حركة مرور الويب تقريبًا ومن الأهمية لمصممي الويب معرفة كيفية إنشاء صفحات ويب متجاوبة تتكيف تلقائيًا مع حجم جهاز المستخدم. في هذه الدورة ستتعلم كيفية إنشاء قوائم باستخدام رؤوس أوراق الأنماط الانسيابية (CSS) وأشرطة التنقل. سنستكشف أيضًا الجوانب (asides) ونوافذ المحتوى (content windows) والتذييل (footers). وسنركز في بقية الدورة على تقنيات التصميم المتجاوب، بما في ذلك منفذ العرض (viewport) وعرض الشبكة (grid view) والحاويات (containers) ونماذج التصميم (styling forms) ومعارض الصور (image galleries). بنهاية هذه الدورة، ستكون قادرًا على إنشاء صفحات ويب جميلة تٌعرض بشكل مثالي عبر جميع الأجهزة.
تضيف أوراق الأنماط الانسيابية (CSS) اللون والنمط والرسوم المتحركة إلى صفحات الويب مع السماح للمصممين بالحفاظ على التنسيق منفصلاً عن المحتوى.
أهداف الدورة التدريبية:
المهارات التي ستتعلمها:
ما ستتعلمه
- تنسيق المقالات والعناصر الجانبية لهيكلة محتوى الصفحة
- بناء تخطيطات صفحات متجاوبة باستخدام CSS Grid View
- إنشاء أشرطة تنقل وقوائم وترويسات وتذييلات فريدة
- التحكم في الرسوم المتحركة باستخدام الإطارات المفتاحية
- تصميم نماذج مميزة ومنسقة
- تطبيق استعلامات الوسائط وإعدادات منفذ العرض للتصميم المتجاوب عبر الأجهزة
النقاط الرئيسية
- تضيف CSS الألوان والأنماط والرسوم المتحركة إلى صفحات الويب مع الفصل بين التنسيق والمحتوى.
- تبني هذه الدورة المتوسطة على أساسيات CSS لإحياء المواقع الإلكترونية.
- نظراً لأن الأجهزة المحمولة تمثل نحو نصف حركة المرور على الويب، يحتاج مصممو الويب إلى إنشاء صفحات متجاوبة تتكيف مع حجم جهاز المستخدم.
- تتناول الدورة عناصر تخطيط الصفحة بما في ذلك القوائم وأشرطة التنقل والعناصر الجانبية ونوافذ المحتوى والتذييلات.
- تشمل موضوعات التصميم المتجاوب منفذ العرض وعرض الشبكة والحاويات وتنسيق النماذج ومعارض الصور لعرض الصفحات بشكل جيد عبر جميع الأجهزة.
الأسئلة الشائعة
لمن تُوجَّه هذه الدورة؟
هي دورة متوسطة لمصممي الويب الذين يعرفون بالفعل أساسيات CSS ويرغبون في تعلم كيفية إحياء مواقعهم الإلكترونية وجعلها متجاوبة عبر الأجهزة.
ما الذي سأتمكن من فعله بعد إتمام هذه الدورة؟
بنهاية الدورة ستتمكن من إنشاء صفحات ويب جميلة تظهر بشكل مثالي عبر جميع الأجهزة، بما في ذلك تنسيق المقالات والعناصر الجانبية وبناء تخطيطات الشبكة وإنشاء أشرطة التنقل والنماذج والتحكم في الرسوم المتحركة بالإطارات المفتاحية.
ما تقنيات التصميم المتجاوب التي تتناولها الدورة؟
تتناول الدورة تقنيات التصميم المتجاوب بما في ذلك منفذ العرض وعرض الشبكة والحاويات وتنسيق النماذج ومعارض الصور واستعلامات الوسائط.
ما المعرفة المسبقة المطلوبة؟
تبني الدورة على أساسيات CSS، لذا فهي موجهة للمتعلمين الذين يفهمون بالفعل أساسيات CSS.
ما الموضوعات التي تُدرَّس في الدروس؟
تتناول الدروس المقدمة وتخطيط الصفحة والتصميم المتجاوب وتصميم الشبكة والقوائم والرسوم المتحركة والنماذج ومعارض الصور، وتختتم بخلاصة.
