Athar Missionتدريب

مغامرة الهيكل الذكي: أسرار وسوم HTML المطورة

حمد الشريف · المعلم: حمد الشريف

مهمة منشورةتدريبتسليم بدون تسجيل دخول
الدرجة6.00درجة
عدد الأسئلة4سؤال
بداية المهمة2026-05-09 15:41وقت الإتاحة
آخر موعد2026-05-13 15:41موعد التسليم
1افهم المطلوباقرأ الهدف ومعايير النجاح
2شاهد وتعلّمراجع الفيديو والمصادر
3نفّذ الأثرأجب أو ارفع الملف
4أرسل بثقةتأكد ثم سلّم

خريطة التعلم

قبل البدء
هدف التعلم

إتقان استخدام وسوم النصوص المتقدمة وتنسيق الوسائط (صور وفيديو) برمجياً.

معايير النجاح

1. اكتشاف الأخطاء المنطقية في الكود البرمجي. 2. التمييز بين خصائص الفيديو (كتم الصوت والتشغيل التلقائي). 3. بناء صفحة بسيطة تحتوي على لمسة شخصية للطالب.

خطوات التنفيذ

لضمان قبول مشاركتك وتحقيق أفضل نتيجة، اتبع الخطوات التالية بدقة:
المشاهدة والقراءة: ابدأ بقراءة الشرح التعليمي المبسط حول وسوم النص (mark, ins) وخصائص الفيديو (muted, autoplay).
التفكير قبل الحل: اقرأ السؤال الأول بعناية، فهو يعتمد على فهمك لسياسات المتصفحات الحديثة في تشغيل الوسائط.
التطبيق العملي: قم بإنشاء ملف HTML جديد على جهازك، تأكد من كتابة اسمك في وسم العنوان الرئيسي <h1> داخل الكود.
مرحلة التسليم:
أجب عن الأسئلة المباشرة (الاختياري والأسئلة القصيرة).
ارفع ملف الكود الذي أنشأته بصيغة .html أو قم بضغطه في ملف .zip.
ملاحظة: لن يتم قبول الأكواد المنسوخة حرفياً من زملائك؛ أضف لمستك الخاصة في وصف هوايتك.

محتوى المهمة

تعليمات المعلم

مرحباً بك يا مبدع البرمجة! في هذه المهمة سننتقل من مجرد كتابة نصوص عادية إلى إنشاء محتوى ذكي ومؤثر.

تذكر القواعد الذهبية:

  • وسم <mark> ليس فقط للتلوين، بل لجذب الانتباه لمعلومة جوهرية.

  • وسم <ins> يخبر المتصفح أن هذا النص مضاف حديثاً (مثل تحديثات الأخبار).

  • في الفيديو، خاصية muted ضرورية جداً إذا أردت أن يعمل الفيديو تلقائياً autoplay في معظم المتصفحات الحديثة.