00:06 اختبار التجربتين
تختلف أهمية الأجهزة بحسب الموقع والمهمة، مثل قراءة مقال أو الشراء أو استخدام الإعلانات المبوبة. افحص التغييرات على الهاتف والحاسوب؛ فصحة أحد العرضين لا تثبت سلامة الآخر.
01:05 فهم التصميم المتجاوب
يستخدم المثال HTML نفسها مع تغيير العرض بواسطة CSS. يوضح تعطيل CSS الفرق بين المحتوى وتنسيقه، ثم يظهر شريط الأجهزة تغير التخطيط وأسلوب القوائم مع اختلاف الحجم دون ضرورة تغيير المعلومات الأساسية.
03:05 المحتوى الرئيسي في النسختين
تشكل الأسعار والجداول والتفاصيل غرض الصفحة ويجب أن تبقى متاحة. طي قائمة الهاتف وعرضها عند التفاعل تغيير في التقديم، ويختلف عن إزالة المحتوى الأساسي. تدخل هذه المقارنة ضمن الفحوصات التقنية للموقع على الهاتف.
05:24 التجاوب والتقديم الديناميكي
قد يعيد التقديم الديناميكي HTML مختلفة بحسب الجهاز، بينما يغير التصميم المتجاوب CSS حول مستند مشترك. افهم البنية قبل رفع المشكلة: تعديل نسخة منفصلة قد لا يصل إلى الأخرى. توضح أمثلة المتاجر والإعلانات المبوبة أهمية فحص التنفيذ بدلاً من افتراضه.
06:52 التحقق بعد التعديل
عند تغيير عنصر HTML، تحدد معرفة البنية موضع التنفيذ المطلوب. قارن العنصر في مخرجات الهاتف والحاسوب وتأكد من بقاء المحتوى الرئيسي، وحدد النسخة المتأثرة بوضوح في مهمة المطور.