هل أعجبتك المعاينة؟
هذا هو الدرس الأول المجاني. احصل على وصول كامل — اطلب عرضًا تجريبيًا أو سجّل الدخول.
CSS: التصميم المتجاوب
اضمن ظهور صفحتك الإلكترونية كما ينبغي على أي جهازشاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ4.
متوسط مقدِّم الخدمة : Cliff Brozo 4 الدروس · 22m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese
وصف الدورة
ستناقش هذه الدورة تقنيات التصميم المتجاوب باستخدام سي إس إس. يضمن التصميم المتجاوب أنْ تناسب الصفحة الإلكترونية مقاس شاشة أي جهاز يتمّ استعماله، سواء كان هاتفاً محمولاً أو جهازاً لوحياً أو حاسوباً مكتبيّاً. ستتعرف على إطار العرض وكيفية تحديد الجهاز الذي يَتُمّ استعماله، وستتعرض أيضاً على عرض شبكة البيانات واستعلامات الوسائط وحاويات الأكواد وكيفية استخدام لغة سي إس إس لتصميم الصفحات الإلكترونية.
ما ستتعلمه
- التنقل في منفذ العرض وتحديد الجهاز المستخدم
- تطبيق استعلامات الوسائط والحاويات لتكييف التخطيطات عبر الأجهزة
- توظيف عرض شبكة CSS في تخطيط الصفحة
- استخدام CSS لتخطيط الصفحات بحيث تناسب شاشات الهواتف والأجهزة اللوحية وأجهزة سطح المكتب
- بناء تصاميم ويب متجاوبة باستخدام HTML المتجاوب وأطر CSS
النقاط الرئيسية
- يضمن التصميم المتجاوب بـ CSS ملاءمة صفحات الويب لشاشة أي جهاز مستخدم، سواء الهاتف أو الجهاز اللوحي أو سطح المكتب.
- تشرح الدورة ما هو منفذ العرض وكيفية تحديد الجهاز المستخدم.
- تتناول الدورة عرض الشبكة واستعلامات الوسائط والحاويات كأدوات لتخطيط الصفحات.
- تتناول الدورة استخدام CSS لتخطيط الصفحات بشكل متجاوب.
الأسئلة الشائعة
ما الذي تتناوله هذه الدورة؟
تتناول الدورة تقنيات التصميم المتجاوب بـ CSS، بما في ذلك منفذ العرض وتحديد الجهاز المستخدم وعرض الشبكة واستعلامات الوسائط والحاويات واستخدام CSS لتخطيط الصفحات.
ما الذي سأتعلم فعله؟
ستتعلم التنقل في منفذ العرض واستكشاف استعلامات الوسائط والحاويات وتوظيف عرض الشبكة في العمل.
لماذا يُعدّ التصميم المتجاوب مهماً؟
يضمن التصميم المتجاوب ملاءمة صفحات الويب لشاشة أي جهاز تستخدمه: هاتفاً أو جهازاً لوحياً أو سطح مكتب.
كيف هو هيكل الدورة؟
تنقسم الدورة إلى أربعة دروس: التصميم المتجاوب الجزء الأول حتى الجزء الرابع.
ما المهارات التي تبنيها هذه الدورة؟
تبني الدورة مهارات في أكواد CSS وأطر CSS وشبكة CSS وCSS الموجه بالكائنات وHTML المتجاوب وتصميم الويب المتجاوب.
