تصميم تخطيطات تنقل متجاوبة باستخدام CSS الحديث
قم ببناء قوائم تنقل متجاوبة وسهلة الوصول باستخدام تقنيات CSS الحديثة مثل Flexbox و Grid وتنسيقات صديقة لقارئات الشاشة.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
يعد التنقل العمود الفقري لأي موقع ويب، ولكن بناء قوائم جذابة بصرياً وسهلة الوصول بالكامل قد يكون أمراً صعباً. ترشدك هذه الدورة خلال عملية هيكلة وتنسيق وتحديد مواقع عناصر التنقل باستخدام CSS الحديث. ستنتقل من التخطيطات الأساسية إلى إنشاء أنظمة تنقل متجاوبة وتفاعلية. ستتعلم بناء قوائم هامبرغر وظيفية، وتنسيق انتقالات التمرير، وتطبيق ميزات إمكانية الوصول الحيوية التي تضمن عمل تصميماتك للجميع. ما ستتعلمه: - فهم مفاهيم تخطيط CSS الأساسية لهيكلة أشرطة التنقل - محاذاة عناصر التنقل بدقة باستخدام تقنيات Flexbox و Grid الحديثة - بناء قوائم جوال متجاوبة، بما في ذلك تبديلات الهامبرغر المنسقة - تطبيق ممارسات CSS سهلة الوصول لدعم قارئات الشاشة والتنقل عبر لوحة المفاتيح - تطبيق تأثيرات تمرير تفاعلية وانتقالات سلسة باستخدام خصائص CSS الحديثة - تنظيم أوراق الأنماط الخاصة بك باستخدام خصائص مخصصة للحصول على كود نظيف وقابل للصيانة تبدأ الدورة بالمصطلحات الأساسية ومفاهيم HTML الهيكلية قبل الانتقال إلى محاذاة التخطيط، والتحويلات المتجاوبة، وتحسينات إمكانية الوصول. ستعمل من خلال أمثلة مكتوبة وشروحات برمجية لترسيخ فهمك لسير عمل تخطيط CSS الحديث. تم تصميم هذه الدورة النصية لمطوري الويب والمصممين المبتدئين الذين يرغبون في إتقان تقنيات تخطيط CSS. لا تتطلب خبرة برمجية متقدمة. ابدأ القراءة اليوم لبناء قوائم تنقل جميلة ومتجاوبة وسهلة الوصول.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
🎧
النسخة الصوتية مضمَّنة
تعلَّم أثناء تنقُّلك — دون شاشة -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 48 دقيقة من المحتوى التطبيقي
المراجعات
لا توجد مراجعات بعد — كن أول من يشارك تجربته.
المتعلمون أخذوا أيضًا
🎓 بشهادة
تصميم نماذج متجاوبة باستخدام CSS و jQuery
شهادة
تطبيق عملي
DH 150.00
→
💼 جاهز لسوق العمل
🎓 بشهادة
تصميم الويب الحديث باستخدام Bootstrap Studio
شهادة
تطبيق عملي
DH 150.00
→
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
DH 150.00
→
🔥 رائج
🎓 بشهادة
بناء موقع معرض أعمال متميز باستخدام Framer
شهادة
تطبيق عملي
DH 150.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع