شرح صفوف ومحتوى الفقرة
كيف يحوّل متصفح الويب الملفات النصية القادمة من الخادم إلى شاشة ملونة نابضة بالحياة؟ دون الدخول في تعقيدات هندسية داخلية، ينجز المتصفح هذه المهمة عبر ثلاث خطوات بصرية واضحة:
- الخطوة 1 — بناء الهيكل الأساسي للعناصر: يقرأ المتصفح ملف الهيكل () ليعرف ما المحتويات الموجودة في الصفحة: عنوان رئيسي في الأعلى، وفقرة نصية، وصورة توضيحية، وزر في الأسفل.
- الخطوة 2 — تلوين العناصر وتنسيق مواقعها: يقرأ المتصفح قواعد التصميم () ليمنح كل عنصر لونه وحجم خطه ومكانه الدقيق على الشاشة بما يناسب حجم شاشة الهاتف أو الحاسوب.
- الخطوة 3 — تفعيل الاستجابة والتفاعل: يشغّل المتصفح أوامر التفاعل () لتصبح الصفحة جاهزة للاستجابة لنقرات الفأرة ولمسات الشاشة وإدخالات لوحة المفاتيح.
تأمل المخطط التوضيحي الآتي ثم جرّب المحاكي التفاعلي لتتبع مراحل ظهور الواجهة الأمامية على شاشة المتصفح:
