You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3.6 KiB
3.6 KiB
مهمة إعادة هيكلة CSS
الهدف
إعادة هيكلة مشروع التيراريوم باستخدام Flexbox أو CSS Grid لتنسيق التصميم. قم بتحديث HTML و CSS حسب الحاجة لتحقيق تصميم حديث ومتجاوب. لا تحتاج إلى تنفيذ العناصر القابلة للسحب—ركز فقط على التنسيق والتصميم.
التعليمات
- قم بإنشاء نسخة جديدة من تطبيق التيراريوم. قم بتحديث التعليمات البرمجية لـ HTML و CSS لاستخدام Flexbox أو CSS Grid لتنسيق التصميم.
- تأكد من أن الفن والعناصر موجودة كما في النسخة الأصلية.
- اختبر تصميمك في متصفحين مختلفين على الأقل (مثل Chrome، Firefox، Edge).
- التقط لقطات شاشة لتطبيق التيراريوم في كل متصفح لإظهار التوافق بين المتصفحات.
- قم بتقديم التعليمات البرمجية المحدثة ولقطات الشاشة.
معايير التقييم
| المعايير | ممتاز | مقبول | يحتاج إلى تحسين |
|---|---|---|---|
| التنسيق | إعادة هيكلة كاملة باستخدام Flexbox أو CSS Grid؛ تصميم جذاب ومتجاوب | إعادة هيكلة جزئية؛ استخدام محدود لـ Flexbox أو Grid | عدم استخدام Flexbox أو Grid؛ التصميم غير محدث |
| التوافق بين المتصفحات | تقديم لقطات شاشة لعدة متصفحات؛ مظهر متناسق | لقطات شاشة لمتصفح واحد؛ اختلافات طفيفة | عدم تقديم لقطات شاشة أو وجود اختلافات كبيرة |
| جودة الكود | HTML/CSS منظم ونظيف؛ تعليقات واضحة | تنظيم جزئي؛ تعليقات قليلة | كود غير منظم؛ يفتقر إلى التعليقات |
نصائح
- راجع Flexbox و CSS Grid للحصول على إرشادات.
- استخدم أدوات المطور في المتصفح لاختبار التوافق.
- قم بإضافة تعليقات إلى الكود لتوضيح الأفكار.
إخلاء المسؤولية:
تم ترجمة هذا المستند باستخدام خدمة الترجمة بالذكاء الاصطناعي Co-op Translator. بينما نسعى لتحقيق الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر الرسمي. للحصول على معلومات حاسمة، يُوصى بالترجمة البشرية الاحترافية. نحن غير مسؤولين عن أي سوء فهم أو تفسيرات خاطئة ناتجة عن استخدام هذه الترجمة.