انشاء صفحة ويب CarVilla في VS CODE

اسم الموقع: " carvilla"

الغرض من الموقع:

يهدف موقع "عالم السيارات" إلى تقديم معلومات شاملة عن أنواع السيارات المتاحة في السوق، بما في ذلك الموديلات المختلفة والأسعار، ليستطيع الزوار استكشاف الخيارات المتاحة ومساعدتهم في اتخاذ قرارات مستنيرة قبل الشراء.

الهيكل العام للموقع:

1. الصفحة الرئيسية (index.html):

تحتوي على شعارات جذابة وصورة خلفية لسيارة حديثة.

قائمة تنقل (Navbar) تشمل الروابط إلى:

الصفحة الرئيسية

قائمة السيارات

عن الموقع

الاتصال بنا

قسم مميز يعرض مجموعة من السيارات المتاحة مع صورها ومعلومات أساسية.

2. قائمة السيارات :

جدول أو شبكة تعرض موديلات السيارات المختلفة.

كل سيارة تعرض:

صورة السيارة

اسم الموديل

السنة

السعر

زر "اقرأ المزيد" لفتح نافذة منبثقة أو الانتقال إلى صفحة تفاصيل السيارة.

3. تفاصيل السيارة :

عرض مفصل لكل موديل سيارة.

معلومات شاملة تشمل:

تفاصيل التقنية (عدد الاسطوانات، قوة المحرك، etc.)

صور إضافية

تقييمات العملاء

زر "شراء الآن" أو "الاتصال بالوكيل".

4. الاتصال :

نموذج اتصال يشمل:

الاسم

البريد الإلكتروني

الرسالة

زر إرسال.

تصميم الواجهة (CSS):

استخدام الألوان الحديثة والأنماط الجذابة التي تعكس عالم السيارات.

تأثيرات بسيطة عند تمرير المؤشر على العناصر (Hover Effects).

تفاعل المستخدم (JavaScript):

استخدام JavaScript لعرض معلومات السيارة عند الضغط على زر "اقرأ المزيد".

التحقق من صحة نموذج الاتصال ومعالجة البيانات المدخلة.

إمكانية فرز السيارات حسب السعر أو الموديل باستخدام قائمة منسدلة.