تصميمك في Photoshop مبنيًا بلغتي HTML وCSS: صفحة من تخطيطك المصدَّر، مع نسخة للهاتف

مثال على النتيجة

مثال على الباقة القياسيةعرض كامل

الصفحة الرئيسية لعيادة أسنان منفّذة وفق تصميمها

قبل: التصميم الذي أرسله العميل

بعد: الصفحة وهي تعمل

الملفات: أرشيف ZIP يضم index.html وملفات التنسيق وصورتين للصفحة، جاهز للرفع على استضافة العميل. الصور المعروضة هنا لقطات شاشة للصفحة.

العميل: عيادة الأسنان Bright Smile Dental. المهمة: تحويل تصميم الصفحة الرئيسية إلى صفحة HTML تعمل فعليًا بالتخطيط والألوان والنصوص نفسها، مع أزرار حجز تتصل بالعيادة مباشرة.

العميل وجميع التفاصيل افتراضية.

عن هذه الخدمة

ما زالت مواقع كثيرة تبدأ بتخطيط في Photoshop، وغالبًا بلوح رسم طويل واحد عليه الصفحة كلها. صدّره بصيغة PNG أو JPEG وارفعه، ونبنيه لك بلغتي HTML وCSS: الأقسام نفسها والأعمدة والألوان والأزرار، مع نص حقيقي بدلًا من نص داخل صورة، ونسخة للهاتف مصنوعة من تخطيط سطح المكتب إن لم يكن لديك تخطيط للهاتف. لا يمكننا فتح ملفات PSD، لذا لا نقرأ الطبقات والكائنات الذكية والحالات المخفية. تُرسم الصور والرسوم التوضيحية من جديد بالروح نفسها، ما لم تصدّرها وترفعها كملفات منفصلة. لا رسوم متحركة ولا واجهة خلفية ولا متجر ولا نظام إدارة محتوى ولا استضافة.

ما المشمول

• ما تحصل عليهأرشيف ZIP فيه الصفحات والتنسيقات والصور، جاهز للرفع إلى استضافتك، مع معاينة لكل صفحة على صفحة الطلب.
• قريب من تخطيطكالأقسام والأعمدة والألوان وأحجام الخط كما في الملف المصدَّر
• نسخة للهاتفمصنوعة من تصميم سطح المكتب إن لم يكن لديك تصميم للهاتف
• نص حقيقيعناوين وفقرات بلغة HTML تقرؤها محركات البحث
• صورك في مكانهاالمصدَّرة أو المرسلة كملفات منفصلة توضع كما هي
• كود نظيفHTML وCSS بسيطان، بلا أطر عمل، ولا شيء يُحمَّل من مواقع أخرى

كيف يعمل

1. 1
   التصديرتصدّر التخطيطات كصور وترفعها مع ملاحظاتك
2. 2
   البناءنبني الصفحات ونرسم الصور التي لم تُرسل
3. 3
   المعاينة والأرشيفتقارن الصفحات بتصميمك على الكمبيوتر والهاتف، وتنزّل الأرشيف، وتطلب التعديلات ضمن باقتك

ما نحتاجه منك

حتى 5 صور بصيغة PNG أو JPEG أو WebP: تخطيطاتك المصدَّرة من Photoshop عبر File > Export > Export As، صفحة واحدة في كل ملف، وإن أردت صورًا أو شعارك كملفات منفصلة لاستخدامها كما هي. اذكر أي ملف لأي صفحة، والخطوط المستخدمة، وأي نصوص تختلف عن التخطيط، وإلى أين يقود كل زر. لا ملفات PSD.

سنسألك:

• أي ملف لأي صفحة؟
• الخطوط في التخطيط
• هل يجب أن تكون النصوص كما في التخطيط تمامًا؟
• إلى أين يقود كل زر؟
• هل التصميم ملكك؟

قارن بين الباقات

الأسئلة والأجوبة

لم تجد إجابتك؟ اسألنا