قمت بتصميم وتنفيذ موقع تعليمي لتعليم الحروف الإنجليزية للأطفال باستخدام HTML و CSS و JavaScript، مع التركيز على واجهة بسيطة وجذابة تساعد الأطفال على التعلم بطريقة ممتعة وسهلة.
وشغلي في الواجهة شمل الآتي:
تصميم الصفحة الرئيسية لعرض الحروف الإنجليزية في شكل Grid Layout من البطاقات الملونة، بحيث يظهر كل حرف داخل مربع كبير وسهل الضغط.
تنفيذ نظام تنقّل تفاعلي يسمح للمستخدم بالانتقال إلى صفحة الحرف عند الضغط عليه.
بناء صفحة خاصة بكل حرف تعرض الحرف الكبير والصغير (Uppercase & Lowercase) مع صورة توضيحية وكلمة مرتبطة بالحرف (مثل: A – Apple).
تصميم واجهة المستخدم باستخدام ألوان زاهية ومتنوعة لجعل الموقع مناسبًا للأطفال وأكثر جذبًا للانتباه.
تنظيم العناصر داخل الصفحة باستخدام Flexbox / Grid للحصول على توزيع متوازن ومنظم للمحتوى.
تنفيذ تصميم متجاوب (Responsive Design) ليعمل الموقع بشكل جيد على الهاتف والتابلت والكمبيوتر.
إضافة تأثيرات Hover وTransitions على البطاقات والأزرار لتحسين التفاعل وتجربة المستخدم.
استخدام صور تعليمية واضحة تساعد الأطفال على ربط الحروف بالكلمات بسهولة.
كتابة كود CSS منظم وقابل لإعادة الاستخدام لتسهيل التعديل والتطوير في المستقبل.
تنظيم هيكل الموقع باستخدام Semantic HTML لتحسين قابلية القراءة وتنظيم الكود.
