تحية طيبة وبعد,
معاك سوزان اسحق مصممة ومطورة مواقع Front end development , ويسعدنى ان اقدم لك تلك الخدمة التى
تهدف إلى تصميم وتطوير صفحة ويب بسيطة وأنيقة لمطعم، يتم من خلالها عرض هوية المطعم، تقديم خدماته، والتواصل مع الزبائن بشكل جذاب واحترافي. يعتمد المشروع على استخدام تقنيتي HTML وCSS فقط، دون الحاجة إلى أي أدوات أو مكتبات خارجية، مع التركيز على التصميم المتجاوب واللمسات الجمالية.
أهداف المشروع:
إنشاء صفحة رئيسية تعرض محتوى المطعم بشكل أنيق وسهل التصفح.
إبراز قائمة الطعام باستخدام صور حقيقية للأطباق.
توفير قسم ترحيبي يعبّر عن هوية المطعم وأجوائه.
تصميم معرض صور يعرض أبرز جوانب المكان أو الأطباق.
دمج زر "احجز الآن" لتشجيع الزوار على اتخاذ خطوة الحجز.
تضمين معلومات التواصل والعنوان داخل الفوتر.
مكونات المشروع:
1. index.html
الصفحة الرئيسية، وتشمل:
رأس الصفحة (Header): اسم المطعم وروابط التصفح.
قسم ترحيبي يعكس طابع المطعم.
قائمة طعام تحتوي على صور ووصف مختصر لكل طبق.
معرض صور لعرض صور جذابة عن المطعم أو الوجبات.
زر "احجز الآن".
فوتر يحتوي على بيانات الاتصال والموقع.
2. style.css
ملف تنسيق واجهات المستخدم، يشمل:
تصميم داكن أنيق مع لمسات ذهبية فخمة.
تنسيق جذاب ومتجاوب مع الشاشات المختلفة (كمبيوتر، جوال).
تنظيم الصور بطريقة شبكية مريحة للعين.
تأثيرات بصرية خفيفة مثل التحويل عند التمرير.
الطابع الجمالي والتقني:
الألوان الأساسية: خلفية داكنة (أسود أو رمادي غامق)، وذهبي للتمييز.
الخطوط واضحة ومريحة للقراءة.
بنية مرنة تعتمد على الـ Grid لتوزيع المحتوى.
تصميم متجاوب تلقائيًا مع الجوال والأجهزة اللوحية.
التقنيات المستخدمة:
HTML5: لبناء هيكل الصفحة.
CSS3: لتنسيق المظهر وتطبيق التأثيرات.
نتائج المشروع:
صفحة ويب متكاملة وجاهزة للنشر.
واجهة مستخدم جذابة وسهلة التصفح.
تحسين تجربة المستخدم البصرية والوظيفية.
عدد الصفحات في المشروع: صفحة واحدة
index.html هي الصفحة الوحيدة في المشروع، وتحتوي على:
رأس الصفحة (Header)
قسم ترحيبي
قائمة الطعام
معرض الصور
زر "احجز الآن"
الفوتر (Footer)
كل هذه الأقسام تظهر في نفس الصفحة وتُنتقل بينها عند الضغط على الروابط (Navigation) بواسطة التمرير داخل الصفح