تفاصيل العمل

This website is an online bookstore designed with a user-friendly interface that features two main categories: English and Arabic books. The homepage displays a bookshelf background with a large “Book Store” heading to immediately capture the visitor's attention. The navigation bar at the top includes essential sections like Home, English Books, Arabic Books, About Us, Login, and Sign Up, making it easy for users to browse the site.

Each book has a clear cover image with a "Buy it" link to facilitate quick purchases. The website is organized into genres like romance and action, and it has sections to highlight different categories of books. The sign-up page includes fields for the user’s email, username, password, and confirmation, with an error message for mismatched passwords, ensuring secure account creation.

This design provides an easy shopping experience while offering a diverse selection of books in multiple languages.

جمع المتطلبات:

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

التصميم والبرمجة:

اللغة المستخدمة: ,HTML، CSS. JavaScript

الأدوات: Visual Studio Code.

المكتبات الخارجية: تم استخدام مكتبة Font Awesome لإضافة الأيقونات للموقع (كما يظهر في روابط الأيقونات في الكود).

مكونات المشروع:

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

تحتوي على شعار في الزاوية العلوية، وقائمة تنقل (Navbar) تحتوي على روابط لصفحات الكتب الإنجليزية والعربية، وصفحة التسجيل وتسجيل الدخول.

صفحة الكتب الإنجليزية (eng.html):

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

صفحة الكتب العربيه (arabic.html):

مثل صفحة الكتب الإنجليزية

صفحة التعريف عن الموقع(about us.html)

المميزات:

تصميم الموقع بسيط ومباشر، حيث يوفر الوصول السريع للصفحات المطلوبة.

الاستخدام الجيد للقوائم والجداول لعرض الكتب مع إمكانية الربط المباشر لشرائها.

دمج أيقونات Font Awesome لتحسين واجهة المستخدم.

الملفات المصدرية/لقطات الشاشة:

تم إرفاق لقطات من مشروعك داخل محرر Visual Studio Code، حيث يظهر الكود البرمجي لكل من الصفحة الرئيسية وصفحة الكتب الإنجليزية.

ملفات مرفقة

بطاقة العمل

اسم المستقل Tarek N.
عدد الإعجابات 0
عدد المشاهدات 4
تاريخ الإضافة

المهارات المستخدمة