Glad Floral
تفاصيل العمل
مشروع Glad Floral - متجر زهور إلكتروني
هو موقع ويب متكامل لبيع الزهور وتقديم خدمات متعلقة بالورود الطبيعية، تم تطويره باستخدام تقنيات الويب الأساسية.
المكونات التقنية
ملفات HTML
HomePage.htm`: الصفحة الرئيسية للموقع
sigUp.html: صفحة إنشاء حساب جديد
ملفات CSS:
cssfile.css: يحتوي على جميع التنسيقات والتصميم
ملفات JavaScript:
home.js: دوال خاصة بالصفحة الرئيسية
sign.js: دوال خاصة بصفحة التسجيل
الصفحات والمحتوى:
الصفحة الرئيسية تحتوي على:
شريط تنقل ثابت مع شعار وروابط
قسم الترحيب بصورة خلفية للزهور
قسم "About Us مع فيديو تعريفي
معرض المنتجات مع صور الزهور وعروض الأسعار
خريطة الموقع باستخدام iframe
تذييل الصفحة بمعلومات الاتصال
صفحة التسجيل تحتوي على:
- نموذج تسجيل شامل
- حقول لإدخال البيانات الشخصية
- شروط الخدمة وسياسة الخصوصية
التصميم والميزات:
التصميم البصري:
ألوان وردية تناسب طبيعة الموقع
- تصميم متجاوب يعمل على مختلف الشاشات
صور زهور جذابة
ظلال وتأثيرات عند التمرير
الميزات التفاعلية:
- تغيير لون الخلفية عند النقر
- رسائل ترحيب
- تحقق من صحة النماذج
- عروض وتخفيضات على المنتجات
الوظائف البرمجية:
في home.js:
- عرض رسالة ترحيب
- عمليات حسابية أساسية
- تكرارات وحلقات
- تغيير ألوان الخلفية عشوائياً
sign.js:
- التحقق من العمر (يجب أن يكون فوق 18)
- التحقق من صحة البريد الإلكتروني
- معالجة بيانات النموذج
الأهداف والغرض:
1. عرض وبيع المنتجات من الزهور الطبيعية
2. توفير تجربة مستخدم سلسة وجذابة
3. بناء قاعدة عملاء من خلال نظام التسجيل
4. تقديم محتوى تعريفي عن الزهور وزراعتها
الجمهور المستهدف:
- محبي الزهور والهدايا
- الأشخاص الراغبين في شراء باقات ورد طبيعية
- المهتمين بالطبيعة والزهور
هذا المشروع يمثل موقعاً إلكترونياً متكاملاً يمكن تطويره further بإضافة المزيد من الميزات مثل نظام دفع إلكتروني، وإدارة المخزون، وتتبع الطلبات.