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

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

أهداف الدرس

• أعرّف الموقع الإلكتروني المستجيب وأعدّد مزاياه.
• أوضح مفهوم الشبكة التخطيطية وإطار العرض (Viewport).
• أستخدم وسم إطار العرض ميتا لضبط عرض الصفحة ومستوى التكبير.
• أختبر مظهر الموقع بأداة محاكاة الأجهزة والمساطر في مايكروسوفت إيدج.
• أكتب استعلامات الوسائط (Media Queries) داخل ملف HTML وفي ملف CSS خارجي.
• أنسّق الصور والقائمة لتستجيب لأحجام الشاشات المختلفة.

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

• أتأمل وأتساءل
• الموقع الإلكتروني المستجيب
• التصميم المستجيب وإطار العرض
• وسم إطار العرض ميتا
• أثر وسم إطار العرض
• محاكاة الأجهزة في مايكروسوفت إيدج
• المساطر واختيار الأجهزة
• استعلام الوسائط
• استعلام الوسائط الداخلي في ملف HTML
• استعلام الوسائط في ملف CSS خارجي
• تنسيق الصور باستعلامات الوسائط
• أثر استعلامات الوسائط على الصور
• تنسيق قسم القائمة
• استعلام الوسائط للقائمة
• القائمة على الشاشات المختلفة
• لنطبق معًا: تدريب 1 (الحل)
• لنطبق معًا: تدريبان 2 و 3 (الحل)
• لنطبق معًا: تدريبان 4 و 5 (الحل)
• خريطة مفاهيم

مميزات العرض

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