مناسبات وإبداع
مصوّر
موقع هادئ تتصدره الصور لمصوّر، فيه أنواع الجلسات والباقات وخطوات العمل ونموذج حجز.
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ممنوعتجنب هذه الأخطاء.
- 22كيف يعدّله صاحب العملأنهِ بإضافة دليل قصير لصاحب العمل في ملف README أو تعليق HTML.
- 23يكتمل العمل عندماتحقق من كل سطر قبل أن تعلن أن الموقع جاهز.
ماذا تحصل عليه
- طلب كامل لموقع مصوّر من 8 أقسام، من القسم الرئيسي إلى التواصل
- ألوان وخطوط ومسافات دقيقة بطابع بسيط أحادي
- كل سطر من النص مكتوب لك بالعربية والإنجليزية
- قواعد الاتجاه من اليمين لليسار للنسخة العربية
- تدفق حجز عبر واتساب وقائمة تحقق لتعرف أن العمل اكتمل
أسئلة عن هذه الوصفة
وش يعطيني موجه المصور؟
وصف كامل لموقع أعمال بسيط بالأبيض والأسود فيه شبكة صور وباقات ونموذج حجز.
كيف أضيف صوري؟
الموجه يحدد مكان كل صورة. بدّل الصور البديلة بصورك واحتفظ بالتعليقات.
الصور الكبيرة تبطّئ الموقع؟
الموجه يطلب صوراً مصغّرة بتحميل كسول وصيغاً حديثة ليبقى الموقع سريعاً.
يصلح للفيديو؟
نعم. اطلب من الأداة تضيف قسم فيديو قصير ضمن المعرض.
وصفات أخرى قد تعجبك
ابنِه خطوة بخطوة في الدورة
لست متأكداً كيف تستخدم الوصفة؟ الدورة المجانية ترافقك بخطوات صغيرة.