شريط التنقل السفلي - مشروع HTML/CSS
في هذه الدورة، ستنشئ شريط تنقل سفلي بسيط باستخدام HTML وستقوم بتنسيقه باستخدام CSS. كما ستتعلم كيفية إضافة رسوم متحركة بسيطة باستخدام محدد (:hover) في CSS.
المنهج
2 فصول12 دروس2 مشاريعشريط التنقل (Navigation Bar)
مشروع6 دروس- 01إعداد الكود
- 02الحاوية الرئيسية (main-container)
- 03شريط التنقل (Navbar)
- 04القائمة غير المرتبة والعنوان
- 05عناصر القائمة والعناوين
- 06إضافة الأيقونات
التنسيق
مشروع6 دروس- 01الوسم العام
- 02وسم Body
- 03تنسيق Navbar
- 04تنسيق القائمة غير المرتبة
- 05تنسيق عناصر القائمة
- 06تحريك الأيقونة عند Hover
المزيد مثل هذا
مشروع CSS - زر أنيق
في هذه الدورة، ستقوم بإنشاء زر أنيق مخصص بالكامل، مثل الأزرار التي تراها في مواقعك المفضلة!
- 8
- 1
تحديات HTML/CSS - الحزمة الثانية
ستتحدى هذه الدورة معرفتك بـ HTML و CSS بطريقة ممتعة وفعالة!
- 5
رسوم متحركة لكسوف الشمس | مشروع HTML/CSS
في هذه الدورة، ستنشئ رسومًا متحركة مذهلة لـ "كسوف الشمس"، لتوضيح كيفية بناء واجهات مستخدم جذابة وعملية باستخدام الرسوم المتحركة.
- 10
- 2
مشروع CSS - مؤشر تحميل بسيط
في هذه الدورة، ستتعلم كيفية استخدام CSS و HTML لبناء مؤشر تحميل بسيط، والذي يُستخدم عند تحميل الصفحات أو المحتوى.
- 6
- 1
نموذج تسجيل دخول - مشروع HTML/CSS
في هذه الدورة، ستنشئ نموذج تسجيل دخول بسيط باستخدام HTML وتنسيقه باستخدام CSS.
- 7
- 2
الأسئلة الشائعة
كم درسًا تحتوي شريط التنقل السفلي - مشروع HTML/CSS؟
ماذا تغطي دورة شريط التنقل السفلي - مشروع HTML/CSS؟
هل شريط التنقل السفلي - مشروع HTML/CSS مجانية؟
