عرض درس تصميم الموقع الإلكتروني - التقنية الرقمية الصف الثاني الثانوي - الفصل الدراسي الأول

عرض تقديمي جاهز وقابل للتعديل لدرس «تصميم الموقع الإلكتروني» من مادة التقنية الرقمية للصف الثاني الثانوي، الفصل الدراسي الأول (الوحدة الخامسة: البرمجة المتقدمة باستخدام لغة ترميز النص التشعبي). يتكوّن من 22 شريحة مصمّمة بعناية بالصور والأنشطة، ومبنية على محتوى الكتاب المدرسي لتوفّر على المعلم والمعلمة وقت التحضير.

أهداف الدرس

• أعدّد مراحل إنشاء الموقع الإلكتروني والخصائص التي ينبغي توافرها فيه.
• أقسّم الصفحة الإلكترونية إلى أقسام (Menu و Main و Photos و Footer) باستخدام وسم التقسيم div وخاصية class.
• أنشئ ملف style.css وأربطه بصفحة HTML.
• أطبق خصائص الخلفية وخاصية تجاوز الحد (overflow) على الأقسام.
• أستخدم نموذج الصندوق: الإطار والهامش والفراغ.
• أنسّق الصور وشريط التصفح والتذييل وعناوين الأقسام بقواعد CSS.

محتويات العرض

• أتأمل وأتساءل
• مراحل إنشاء موقع إلكتروني
• الخصائص التي ينبغي توافرها في الموقع الإلكتروني
• تصميم الموقع الإلكتروني
• قسم القائمة Menu
• إنشاء ملف style.css وربطه
• خصائص CSS الأساسية المتعلقة بالخلفية
• محدد Class وخاصية تجاوز الحد
• إضافة لون خلفية للأقسام
• نموذج الصندوق
• تطبيق الفراغ ومحاذاة النص
• التحكم في حجم ومحاذاة الصور
• تنسيق شريط التصفح
• شريط التصفح بعد التنسيق
• إصلاح عناوين الأقسام
• لنطبق معًا: تدريب 1
• لنطبق معًا: تدريب 2 (حل مقترح)
• لنطبق معًا: تدريبات 3 - 5
• خريطة مفاهيم

مميزات العرض

• ملف PowerPoint قابل للتعديل الكامل.
• صور وأشكال توضيحية من المنهج.
• أسئلة تفاعلية مع إجاباتها (أختبر نفسي والتقويم الختامي).
• خريطة مفاهيم لتلخيص الدرس وواجب منزلي.
• جاهز للعرض على السبورة الذكية والطباعة.