صفحة تعريفية للمعلمة والطالبات

كيف تم إنشاء معرض دبش عروسة

هذه الصفحة تشرح فكرة تنفيذ المشروع من بداية تجهيز الموقع ورفع الملفات، إلى تصميم الواجهة وبرمجة معرض الصور بطريقة تفاعلية مناسبة للعرض على الجوال والكمبيوتر.

فكرة المشروع

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

النطاق والمساحة

تم استخدام نطاق للموقع وهو عنوان الصفحة، ومساحة استضافة لحفظ ملفات المشروع مثل الصفحة الرئيسية وصفحة الشرح وصفحة رفع الصور وصفحة حذف الصور ومجلد الصور.

الملفات المستخدمة في المشروع

index.phpالصفحة الرئيسية التي تعرض الصور تلقائيًا.
upload.phpصفحة رفع صورة جديدة للمعرض مع فحص الملف قبل حفظه.
delete.phpصفحة تعرض كل الصور وتتيح حذف الصورة بعد نافذة تأكيد.
gallery-data.jsonملف يحتوي على بيانات الصور التي تظهر داخل المعرض.

خطوات تنفيذ التصميم

1

تجهيز الصور

تم اختيار صور مناسبة لفكرة دبش العروس ثم وضعها داخل مجلد الصور.

2

إنشاء الواجهة

تم إنشاء صفحة رئيسية تحتوي على العنوان، المعرض، فكرة المشروع، والفوتر.

3

تصميم الألوان

تم استخدام العنابي والوردي والذهبي لأنها تناسب موضوع العروس.

4

برمجة التكبير

تمت إضافة نافذة تكبير عند الضغط على الصور.

5

إضافة الرفع والحذف

تمت إضافة صفحة لرفع الصور وصفحة لحذف الصور مع تأكيد قبل الحذف.

6

رفع المشروع

تم رفع الملفات إلى الاستضافة حتى يعمل المشروع من المتصفح.