صفحة تسجيل دخول

وصف صفحة تسجيل الدخول:

الهيكل العام (HTML):

الصفحة تحتوي على نموذج تسجيل دخول (Login Form) بسيط يتكون من:

حقل إدخال لاسم المستخدم أو البريد الإلكتروني (Input Field).

حقل إدخال لكلمة المرور مع خاصية إخفاء النص (Password Input Field).

زر لتسجيل الدخول (Login Button).

رابط لتسجيل حساب جديد (Sign Up Link) إذا لم يكن للمستخدم حساب.

التصميم (CSS):

تم تصميم الصفحة باستخدام التنسيقات التالية:

الخلفية:

خلفية بلون موحد (مثل لون أزرق هادئ أو تدرج لوني).

يمكن أن تحتوي على صورة خلفية خفيفة أو أنماط بسيطة.

النموذج (Form):

مربع يحتوي على العناصر في وسط الصفحة.

حدود مستديرة (Border Radius) وزيادة الظل (Box Shadow) لإعطاء تأثير ثلاثي الأبعاد.

الحقول والأزرار:

تصميم الحقول ليكون لها حواف مستديرة وتأثير عند التركيز (Focus).

زر تسجيل الدخول بلون مميز يبرز عند التمرير عليه (Hover Effect).

النصوص:

استخدام خط واضح ومريح للقراءة.

ألوان متباينة بين النص والخلفية لتسهيل القراءة.

التفاعلية (Responsive Design):

تم تصميم الصفحة لتكون متجاوبة مع مختلف أحجام الشاشات، بحيث تظهر بشكل مناسب على الأجهزة المختلفة مثل الهواتف الذكية والأجهزة اللوحية.