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