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

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

13/05/2025 Computer And Technology

يعد التصميم المستجيب للمواقع الإلكترونية من المهارات الأساسية التي يحتاجها كل من يريد دخول عالم تطوير الويب. في مقرر التقنية الرقمية 2-2 للصف الثاني الثانوي، يتعلم الطلاب كيف يمكن لموقع إلكتروني أن يتكيّف تلقائيًا مع حجم الشاشة ونوع الجهاز، لتقديم تجربة مثالية لكل المستخدمين.

في هذا الدرس، نغوص في مفاهيم مثل:

✅ إطار العرض (Meta Viewport): لضبط طريقة عرض الصفحة حسب الجهاز.

✅ استعلام الوسائط (Media Queries): لتغيير تصميم العناصر بناءً على شروط محددة مثل حجم الشاشة.

✅ تنسيق الصور والقوائم: لتكون مرنة وتتغير تلقائيًا حسب الأجهزة المختلفة.

📱 تعلمك لهذه المهارات يفتح لك المجال لتصميم مواقع متجاوبة واحترافية، سواء على الحواسيب أو الأجهزة الذكية.

شاهد الدرس الكامل بالفيديو

🔗 شاهد الدرس عملياً عبر قناتنا على اليوتيوب :
انقر هنا

📂 شاهد الدرس كاملاً بنسخة PDF على المتصفح :
انقر هنا
📂 شاهد الدرس كاملاً بنسخة PDF على المتصفح :
انقر هنا
📂 حمل ملف الـ HTML و الـ CSS المعتمد في الدرس :
انقر هنا

التعليقات (0)

لا توجد تعليقات متاحة