Athar Missionمشروع

المشروع الختامي: تصميم موقع إلكتروني لفكرة من اختيار المجموعة

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

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

خريطة التعلم

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

أن يطبق الطالب مهارات تصميم صفحات الويب باستخدام HTML وCSS وJavaScript من خلال بناء موقع إلكتروني مصغر يعرض فكرة واضحة، ويظهر تنظيم المحتوى، وتنسيق العناصر، وإضافة تفاعل بسيط، مع قدرة الطالب على شرح ما نفذه وفهمه.

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

يعد أداء المجموعة متميزًا إذا كان الموقع واضح الفكرة، منظم الأقسام، منسقًا بصريًا، مناسبًا للعرض على الجوال، ويحتوي على تفاعل بسيط باستخدام JavaScript

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

المطلوب تسليمه في منصة أثر

يقوم قائد المجموعة أو أحد الأعضاء بتسليم ملف أو رابط يحتوي على:

اسم المشروع.
أسماء أعضاء المجموعة.
رابط الموقع أو ملف مضغوط ZIP يحتوي على ملفات المشروع.
صورة من الصفحة الرئيسية للموقع.
وصف قصير لا يتجاوز 5 أسطر يوضح فكرة الموقع.
توزيع الأدوار بين أعضاء المجموعة.
توضيح مختصر للتفاعل المستخدم في JavaScript.

محتوى المهمة

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

في هذا المشروع الختامي، ستعملون كمجموعة على تصميم موقع إلكتروني مصغر لفكرة من اختياركم.

يمكن أن يكون الموقع عن مبادرة مدرسية، حملة توعوية، نادي تقني، متجر افتراضي، منصة تعليمية،

صفحة تعريفية بخدمة، معرض أعمال، أو أي فكرة مناسبة تختارها المجموعة.

المطلوب ليس بناء موقع كبير، بل بناء موقع منظم وواضح يوضح فهمكم لما تعلمتموه في الوحدة،

خاصة في:

HTML لبناء هيكل الصفحة.
CSS لتنسيق الموقع وتحسين مظهره.
JavaScript لإضافة تفاعل بسيط.
تنظيم المحتوى بطريقة مناسبة للزائر.
جعل الموقع يظهر بشكل مقبول على الجوال والحاسب.

يمكن للمجموعة الاستفادة من مصادر تعليمية أو أدوات مساعدة أثناء تنفيذ المشروع،

 لكن يجب أن يكون جميع أعضاء المجموعة قادرين على شرح ما تم استخدامه أو تعديله داخل الموقع؛

لأن المشروع ستتم مناقشته داخل الحصة

يجب أن يحتوي الموقع على العناصر التالية:

  1. اسم واضح للمشروع يظهر في الصفحة الرئيسية.
  2. رأس صفحة يحتوي على عنوان أو شعار بسيط وقائمة تنقل.
  3. قسم تعريفي يشرح فكرة الموقع والهدف منه.
  4. قسم محتوى رئيسي مثل خدمات، معلومات، أهداف، منتجات، مقالات، أو بطاقات تعريفية.
  5. صور أو عناصر بصرية مناسبة للفكرة.
  6. تنسيق CSS واضح يشمل الألوان، الخطوط، المسافات، البطاقات، وترتيب الصفحة.
  7. تفاعل JavaScript بسيط مثل زر يغير نصًا، رسالة ترحيب، إظهار وإخفاء قسم، تغيير لون، قائمة تفاعلية، أو أي تفاعل مناسب.
  8. تذييل الصفحة يحتوي على معلومات ختامية أو وسائل تواصل افتراضية.
  9. ظهور مقبول على شاشة الجوال قدر الإمكان. 

 

آلية التقييم من 30 درجة

مجال التقييم الدرجة
وضوح فكرة الموقع وتنظيم المحتوى 5
استخدام HTML بشكل صحيح ومنظم 6
جودة تنسيق CSS وجمالية التصميم 6
ظهور الموقع بشكل مناسب على الجوال والحاسب 3
وجود تفاعل JavaScript بسيط وواضح 3
العرض والمناقشة وشرح الطلاب لأدوارهم 7
المجموع 30