الصف الثاني ثانوي - شعبة 5

الرجاء ارسال كافة المهام المطلوبة في ملف مضغوط واحد 
قبل يوم الاربعاء كحد اقصى 

حمل ملف شرح انشاء قائمة هامبرقر 
تحميل ملف الدرس

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

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

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

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

خاصة في:

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

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

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

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

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

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

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

أنت الآن في المرحلة النهائية لبناء موقعك الاحترافي، اتبع الخطوات التالية:

1. التخطيط: تخيل صفحة موقعك كصناديق متداخلة؛ استخدم وسم <div> لإنشاء هذه الصناديق.

2. ضبط الشاشة: لا تنسَ إضافة وسم الـ meta الخاص بالـ viewport لضمان ظهور موقعك بشكل رائع على الجوال.

3. التنفيذ: ادمج ما تعلمته في HTML و CSS لبناء صفحة كاملة لمحل تجاري أو مدونة شخصية.

4. التسليم:

   • أجب عن سؤال "المعرف الذكي" وسؤال "التصميم المستجيب".

   • ارفع ملف الصفحة النهائي الذي يجمع الهيكل والتنسيق.

اتبع المسار التالي لتصبح محترفاً في تنسيق المواقع:

1. الاستكشاف: راجع الفرق بين الربط (المضمن، الداخلي، والخارجي) من خلال محتوى الدرس.

2. التدريب الذهني: ركز في سؤال "نموذج الصندوق"، فهو يمثل الفرق بين المصمم الهاوي والمصمم المحترف.

3. التنفيذ البرمجي: قم بتجهيز كود CSS يقوم بتغيير مظهر صفحة الـ HTML التي أنشأتها في المهمة السابقة.

4. التسليم:

   • أجب عن أسئلة الاختياري والإجابة القصيرة بدقة.

   • في السؤال المقالي، اشرح وجهة نظرك بناءً على ما تعلمته.

   • ارفع ملف التنسيق الخاص بك بصيغة .css.

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

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

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

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

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

في هذه المهمة ستطبق استخدام وسوم HTML الأساسية مثل العناوين، الفقرات، الروابط، الصور، والقوائم. المطلوب كتابة كود قصير يوضح فهمك لوظيفة كل وسم.

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

تتناول هذه المهمة مفاهيم الوحدة الرابعة: التسويق الإلكتروني، وتشمل تعريف التسويق الإلكتروني، مزاياه وتحدياته، طرق التسويق مثل التسويق بالمقالات والفيديو والعمولة والبريد الإلكتروني ووسائل التواصل الاجتماعي ومحركات البحث، إضافة إلى التواجد على الشبكة العنكبوتية، تحسين محركات البحث، التسويق واسع الانتشار، وضوابط التسويق الإلكتروني.