تكليفات CSS الدروس من 30 إلى 33

[ 4 ] تكليفات خاصة ب [ Position, List, Table ]

إنضم لكورسات الأكاديمية وإستفيد من الخصم الخاص في البداية من هنا
نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
إحترف التسويق وإدارة الأعمال مع الدبلومة الإحترافية وإحصل على خصم عن طريقنا من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

المقاطع المطلوب مشاهدتها

الدروس من رقم 30 إلى رقم 33 من الدورة التعليمية الموجودة هنا

التكليف 01

  • إستخدم البنية السابقة بدون التعديل عليها لعمل نفس الشكل
  • تأكد أنك تستعمل نفس الألوان الموجودة في الشكل
  • تأكد ان عرض جميع العناصر وطولها هو 100px
  • تأكد من ترتيب الطبقات فوق بعضها

مساعدة

العنصر الأزرق يبعد عن الصفحة من اليسار ومن الأعلى بمسافة 20px

التكليف 02

  • إستخدم البنية السابقة بدون التعديل عليها لعمل نفس الشكل
  • عنصر ال div الرئيسي عرضه 400px
  • قم بتوسيط عنصر ال div عرضيا في الشاشة
  • تأكد أنك تستعمل نفس الالوان في جميع العناصر سواء كانت Background او Border أو أي شيء آخر

التكليف 03

  • إستخدم البنية السابقة وقم بإضافة Classes أو Attributes كما تريد للوصول للشكل المطلوب
  • عنصر ال ul الرئيسي عرضه 400px
  • قم بتوسيط عنصر ال ul عرضيا في الشاشة
  • تأكد أنك تستعمل نفس الالوان في جميع العناصر

التكليف 04

  • قم بعمل الشكل التالي بإستخدام الجدول فقط ولا تضيف أي عناصر أخرى
  • قم بتوسيط عنصر ال table عرضيا في الشاشة وتأكد أن عرضه هو 700px
  • تأكد أنك تستعمل نفس الالوان في جميع العناصر سوا كانت Background أو Border

تسليم ومراجعة الحلول

الحلول النموذجية هي هدية للداعمين يمكنك الإنضمام للداعمين لترى جميع الحلول من هنا

من جوجل

0 تعليقات


    اترك تعليقاً