طعام ومشروبات
مقهى
موقع هادئ بالأبيض والأسود لمقهى قهوة مختصة، فيه قائمة قصيرة وحبوب للبيت وساعات الدوام.
RTL · 1280 pxافتح المعاينة كاملة
انسخ الوصفة
العناوين وأول سطر من كل جزء. انسخ الوصفة لتحصل على كل كلمة.
ماذا تحتوي الوصفة
- 01الهدف والجمهورابنِ موقعاً كاملاً وجاهزاً للنشر لـ "البُنّ التاسع"، نشاط في مجال "مقهى" في الكويت.
- 02التقنية والإعداداستخدم HTML وCSS وقليلاً من JavaScript، أو Next.js مع Tailwind إذا فضّلت أداتك ذلك. الجوال أولاً.
- 03نظام التصميمالأسلوب: بسيط أحادي. اتبع هذه القيم بدقة.
- 04هيكل الصفحةصفحة واحدة، والأقسام بهذا الترتيب بالضبط.
- 05القسم الرئيسيالشاشة الأولى. استخدم هذا النص كما هو.
- 06قسم: القائمةاعرض القائمة في لائحة مرتبة والأسعار على حافة واحدة. استخدم العناصر كما هي.
- 07قسم: الخدماتاعرض هذه الخدمات في قائمة أو شبكة واضحة وسهلة القراءة. استخدم الصياغة كما هي.
- 08قسم: لماذا نحناعرض هذه الأسباب في كتل قصيرة بعنوان بارز.
- 09قسم: ساعات العملاعرض ساعات العمل في جدول بسيط من عمودين.
- 10قسم: آراء العملاءاعرض ثلاث آراء للعملاء كاقتباسات. هذه أمثلة مختلقة: اكتب أنها أمثلة حتى تحل محلها آراء حقيقية.
- 11قسم: أسئلة شائعةاصنع قائمة منسدلة باستخدام عناصر details و summary الأصلية.
- 12قسم: التواصلاعرض بيانات التواصل بأزرار كبيرة سهلة اللمس.
- 13التذييلتذييل بسيط فيه اسم النشاط وسطر قصير وروابط سريعة.
- 14المكوّنات والتفاعلابنِ هذه السلوكيات، وأبقِ الكود صغيراً وسهل القراءة.
- 15العربية والاتجاه من اليمين لليساريجب أن يعمل الموقع بالعربية بالكامل، لا بالإنجليزية فقط.
- 16إمكانية الوصولاجعله صالحاً للاستخدام للجميع.
- 17أساسيات البحث والمشاركةأضف الأساسيات ليسهل العثور على الموقع ومشاركته.
- 18الأداءيجب أن يبدو فورياً على اتصال جوال بطيء.
- 19نصائح لهذا النوع من الأعمالهذه نقاط يهتم بها أصحاب الأعمال الحقيقيون. اجعلها ظاهرة في النص والتصميم.
- 20ممنوعتجنب هذه الأخطاء.
- 21كيف يعدّله صاحب العملأنهِ بإضافة دليل قصير لصاحب العمل في ملف README أو تعليق HTML.
- 22يكتمل العمل عندماتحقق من كل سطر قبل أن تعلن أن الموقع جاهز.
ماذا تحصل عليه
- طلب كامل لموقع مقهى من 7 أقسام، من القسم الرئيسي إلى التواصل
- ألوان وخطوط ومسافات دقيقة بطابع بسيط أحادي
- كل سطر من النص مكتوب لك بالعربية والإنجليزية
- قواعد الاتجاه من اليمين لليسار للنسخة العربية
- تدفق حجز عبر واتساب وقائمة تحقق لتعرف أن العمل اكتمل
أسئلة عن هذه الوصفة
وش يبني هذا الموجه؟
موقع مقهى بسيط بالأبيض والأسود: قائمة قصيرة وحبوب وساعات دوام وقسم تواصل بشكل خريطة.
أقدر أضيف طلب أونلاين؟
الموجه يخليه بسيط. تقدر تطلب من الأداة تضيف رابط واتساب للطلب.
أي خطوط يستخدم؟
خط هندسي نظيف للنص وسماكة أكبر للعناوين، بدون ملفات خطوط خاصة.
أي صور أحتاج؟
ثلاث أو أربع صور قريبة للأكواب والحبوب والبار في ضوء النهار.
وصفات أخرى قد تعجبك
ابنِه خطوة بخطوة في الدورة
لست متأكداً كيف تستخدم الوصفة؟ الدورة المجانية ترافقك بخطوات صغيرة.