الفئات: التكنولوجيا والتطوير
إضافة تأثيرات تفاعلية مثل Hover وActive لتعزيز تجربة المستخدم في تصميماتك.
التحكم في تنسيق العناصر المتكررة باستخدام المُحدد NTH Child.
استخدام خاصية Display في CSS لتحسين عرض وتنظيم العناصر على صفحات الويب.
تطبيق تقنيات Float لتنظيم العناصر في التخطيطات، مع تعلم مفاهيم Clear Fix وخاصيتي Before وAfter لتخصيص التصميم.
إتقان Flexbox لإنشاء تصميمات مرنة ومتجاوبة، مع فهم كيفية استخدام Justify Content لمحاذاة العناصر بشكل احترافي.
تنفيذ مشروع عملي لتصميم لعبة باستخدام Flexbox، وذلك يمنحك خبرة عملية في تطبيق المفاهيم.
دروس مجانية
Hover & Active
المُحدِّد NTH Child
1. تعلم Float وFlexbox
Hover & Active
المُحدِّد NTH Child
خاصية Display في CSS
اضافة تأثيرات الخط والحرف الأول
أمثلة على Floats
خاصية Clear Fix
خاصية Before & After
المزيد عن خاصية Clear وAfter
Flex - Justify - Content
Flex - محاذاة العناصر
تصميم رأس الصفحة مع Flex
المزيد حول Flex
الاتجاهات المرنة
تصميم لعبة مع Flex
في هذه الدورة المتخصصة، ستتعلم تقنيات التصميم الحديثة باستخدام Float وFlexbox، وهي أدوات أساسية تجعل مواقع الويب أكثر تنظيماً وتجاوباً. الدورة مصممة لتقديم تجربة تعليمية متكاملة تعتمد على التطبيق العملي. نبدأ الدورة باستعراض ميزات مثل خاصيتي Hover وActive، التي تضيف لمسة تفاعلية لصفحاتك تجعلها أكثر جذباً للمستخدمين، كما ستتعرف على ما يُعرف بـ المُحدد NTH Child، الذي يتيح لك التحكم في تصميم العناصر المتكررة. ستتعلم أيضاً استخدام خاصية Display في CSS لإدارة كيفية عرض العناصر المختلفة على الصفحة. وبالإضافة إلى ذلك، ستكتسب مهارات في إضافة تأثيرات مميزة للنصوص من خلال تنسيق الحرف الأول أو الخط. بعد التأسيس لهذه المهارات، ستنتقل إلى تقنيات Float، حيث ستتعرف على كيفية استخدامها لتنظيم العناصر في التصميم، كما سيتم توضيح مفاهيم مثل Clear Fix وخاصيتي Before وAfter لإضافة المزيد من التحكم والإبداع إلى تصميماتك. أما المحاور الباقية من الدورة، فتُركز على تعلم Flexbox، وهو الحل الأمثل لتصميم صفحات ويب مرنة ومتجاوبة، ستتعرف على كيفية استخدام Justify Content لمحاذاة العناصر بطرق احترافية، وستطبق هذه المهارات من خلال تصميم رأس صفحة باستخدام Flex. بالإضافة إلى ما سبق، ستكتشف المزيد من إمكانيات Flex، مثل الاتجاهات المرنة وكيفية التعامل معها لتكييف التصميم مع مختلف أحجام الشاشات، ولإضفاء مزيد من التحدي والإبداع، ستعمل على مشروع عملي يتضمن تصميم لعبة بسيطة باستخدام Flex. بنهاية هذه الدورة، ستكون قد طورت مهاراتك في CSS بشكل ملحوظ، وستكون قادراً على تصميم مواقع ويب احترافية ومتجاوبة تلبي احتياجات المستخدمين بفعالية. اشترك الآن واستعد لإنشاء تصاميم جذابة باستخدام تقنيات Float وFlexbox!
تتطلب هذه الدورة التدريبية وجود شبكة إنترنت جيدة ولابتوب. وإذا كنت ترغب في الحصول على معلومات أكثر، يمكنك الرجوع إلى الجزء الأول والثاني والثالث الخاص بمحتوى هذه الدورة التدريبية.
مهندس برمجيات
1,849 متعلمين
11 دورات