التصميم المستجيب للمواقع الإلكترونية - التقنية رقمية 2 - ثاني ثانوي

الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

البرمجة المتقدمة باستخدام لغة ترميز النص التشعبي

أهداف التعلم من الوحدة الثالثة

شرح أهداف التعلم من الوحدة الثالثة
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

التصميم المستجيب للمواقع الإلكترونية

شرح التصميم المستجيب للمواقع الإلكترونية
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

تنظيم مقطع Html

شرح تنظيم مقطع Html
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

الموقع الإلكتروني المستجيب

شرح الموقع الإلكتروني المستجيب

مزايا الموقع الإلكتروني المستجيب

شرح مزايا الموقع الإلكتروني المستجيب
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

التصميم المستجيب

شرح التصميم المستجيب

إطار العرض

شرح إطار العرض
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

إستخدام عنصر إطار العرض في صفحة مشجعي كرة القدم التي أنشأتها سابقاً

شرح إستخدام عنصر إطار العرض في صفحة مشجعي كرة القدم التي أنشأتها سابقاً
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

محاكاة الأجهزة في مايكروسوفت إيدج

شرح محاكاة الأجهزة في مايكروسوفت إيدج
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

لفتح أداة المحاكاة في مايكروسفت إيدج

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

إضهار المساطر

شرح إضهار المساطر
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

اختيار الأجهزة التي تتم محاكاتها

شرح اختيار الأجهزة التي تتم محاكاتها
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

إستعلام الوسائط

شرح إستعلام الوسائط
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

استعلام الوسائط في ملف خارجي

شرح استعلام الوسائط في ملف خارجي
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

تنسيق الصور

شرح تنسيق الصور
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

إطار عرض سريع

شرح إطار عرض سريع
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

عرض الإطار 900 بكسل

شرح عرض الإطار 900 بكسل

عرض الإطار 700 بكسل

شرح عرض الإطار 700 بكسل
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

تنسيق قسم القائمة

شرح تنسيق قسم القائمة
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

إنشاء تنسيق مستجيب لعناصر القائمة

شرح إنشاء تنسيق مستجيب لعناصر القائمة

إطار عرض واسع

شرح إطار عرض واسع
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

عرض إطار العرض أكبر من 700 بكسل

شرح عرض إطار العرض أكبر من 700 بكسل

عرض إطار العرض أقل من 700 بكسل

شرح عرض إطار العرض أقل من 700 بكسل
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

أضف إلى المقطع البرمجي HTML التالي: وسم <meta> لإطار العرض لضبط عرض محتوى الصفحة الإلكترونية على عرض شاشة كل جهاز

حل أضف إلى المقطع البرمجي HTML التالي: وسم <meta> لإطار العرض لضبط عرض محتوى الصفحة الإلكترونية على عرض شاشة كل جهاز
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

هل هذه صفحة إلكترونية مسستجيبة؟

حل هل هذه صفحة إلكترونية مسستجيبة؟

ما المزايا التي تقدمها الصفحة الإلكترونية هذه مقارنة بالصفحة الإلكترونية الخاصة بكود html الأولى؟

حل ما المزايا التي تقدمها الصفحة الإلكترونية هذه مقارنة بالصفحة الإلكترونية الخاصة بكود html الأولى؟
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

أضف إلى الجزء التالي من المقطع البرمجي استعلام الوسائط لتغيير لون الخلفية إذا كانت الشاشة أصغر من 600 بكسل

حل أضف إلى الجزء التالي من المقطع البرمجي استعلام الوسائط لتغيير لون الخلفية إذا كانت الشاشة أصغر من 600 بكسل
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

نسق الجزء التالي من المقطع البرمجي لقسم div عن طريق التالي

حل نسق الجزء التالي من المقطع البرمجي لقسم div عن طريق التالي
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

افترض أنك أضفت صورة إلى الموقع الإلكتروني الخاص بك وعليك تنسيق المقطع البرمجي وضبط عرض الصورة ليكون 150 بكسل وارتفاعها 100 بكسل وخاصية نصف قطر الإطار (border-radius) لتكون 5 بكسل

حل افترض أنك أضفت صورة إلى الموقع الإلكتروني الخاص بك وعليك تنسيق المقطع البرمجي وضبط عرض الصورة ليكون 150 بكسل وارتفاعها 100 بكسل وخاصية نصف قطر الإطار (border-radius) لتكون 5 بكسل
الدرس الأول: التصميم المستجيب للمواقع الإلكترونية

في المقطع البرمجي HTML التالي استخدم صفحة الأنماط الداخلية لتحرير المقطع البرمجي بحيث يغير لون الخلفية إلى الون الوردي الفاتح عندما تكون نافذة المتصفح 600 بكسل وأقل

حل في المقطع البرمجي HTML التالي استخدم صفحة الأنماط الداخلية لتحرير المقطع البرمجي بحيث يغير لون الخلفية إلى الون الوردي الفاتح عندما تكون نافذة المتصفح 600 بكسل وأقل