صفحة إدخال بيانات متناسقة مع جيمع الأجهزة

الصورة تُظهر نموذج إدخال بيانات (Form) بسيط مكتوب باللغة الإنجليزية، بتصميم أولي على متصفح سطح المكتب. النموذج مفتوح من مجلد محلي على جهازك (كما هو ظاهر في شريط العنوان)، مما يشير إلى أنك تعمل على مشروع Front-End خاص بك.

---

وصف التصميم العام للنموذج

المحتوى والعناصر:

يتكوّن النموذج من ثلاثة حقول:

1. Last Name (اسم العائلة).

2. Email (البريد الإلكتروني).

3. زر مكتوب عليه Send (إرسال).

التصميم:

الخلفية: لون أزرق متدرج أو صلب يغطي الشاشة بالكامل.

الحقول:

مستطيلة الشكل.

محاطة بإطارات (Borders) زرقاء فاتحة أو سماوية، مما يجعلها واضحة لكنها قد تبدو غير متناسقة قليلاً.

النص داخل الحقول باللون الأبيض.

الزر:

باللون السماوي أو الأزرق الفاتح، مع كلمة "Send" بلون أبيض.

الزر صغير بعض الشيء مقارنة بالحقل.

---

مميزات التصميم:

النموذج بسيط ويُظهر بداية جيدة في تعلم بناء نماذج باستخدام HTML وCSS.

الألوان المستخدمة مريحة وتتناسب مع أغلب تصاميم الواجهات.

واضح أنك بدأت تستخدم labels أو placeholders بشكل صحيح.

---