مشروع محل لابس

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

تم تطوير مشروع Fashion Market باستخدام مجموعة من تقنيات تطوير الويب الأساسية التي تُستخدم في إنشاء وتصميم مواقع الإنترنت. وتشمل الأدوات المستخدمة ما يلي:

1. HTML (HyperText Markup Language)

تُستخدم لغة HTML لبناء الهيكل الأساسي للموقع، حيث يتم من خلالها إنشاء العناصر المختلفة مثل:

شريط التنقل (Navbar)

العناوين والنصوص

صور المنتجات

بطاقات عرض المنتجات

الأزرار مثل زر Shop Now و Buy

وهي المسؤولة عن تنظيم محتوى الصفحة وعرضه داخل المتصفح.

2. CSS (Cascading Style Sheets)

تُستخدم CSS لتنسيق وتصميم الموقع وإعطائه الشكل الجمالي المناسب، مثل:

تحديد الألوان والخلفيات

تنسيق الخطوط

تصميم بطاقات المنتجات

إضافة الظلال والمسافات بين العناصر

تنظيم الصفحة بشكل متناسق

3. Flexbox أو Grid (داخل CSS)

تم استخدام Flexbox أو Grid لتنظيم العناصر داخل الصفحة، خاصة في عرض المنتجات بجانب بعضها بشكل مرتب ومتجاوب.

4. الصور (Images)

تم استخدام صور لعرض المنتجات المختلفة مثل:

الملابس الرجالية

القمصان

ملابس الأطفال

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

5. متصفح الويب (Browser)

تم استخدام متصفح مثل Google Chrome أو Microsoft Edge لاختبار وتشغيل الموقع والتأكد من أن التصميم يعمل بشكل صحيح.

6. محرر الأكواد (Code Editor)

تم استخدام محرر أكواد مثل Visual Studio Code (VS Code) لكتابة وتعديل أكواد HTML وCSS وتنظيم ملفات المشروع.