تكليفات CSS الدروس من 46 إلى 53

إعلانات جوجل

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

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

التكليف 01

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

التكليف 02

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

التكليف 03

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

التكليف 04

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

التكليف 05

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

التكليف 06

  • يمكنك إستخدام البنية السابقة أو عمل بنية بواسطة ال HTML5 Semantic Elements لتصل لنفس الشكل
  • إستعمل ال Flex Box فقط في توزيع العناصر لتقوم بعمل الشكل التالي
  • إستخدم خبراتك فيما تعلمته سابقا للوصول لنفس الشكل
  • يجب عليك إستخدام المتغيرات ( Variables ) في كل شيء يتكرر في التصميم

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

يمكنك مراجعة الحلول والنقاش في كل ما يخصها في مجموعتنا على Facebook هنا

الحلول

الحلول متاحة للعضويات ال Premium فقط

إذا كنت عضو يمكنك الدخول من هنا ثم قم بعمل Refresh للصفحة بعد تسجيل الدخول

مميزات العضوية ال Premium هنا

مشاركة الصفحة