تكليفات 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 هنا

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

إعلانات جوجل