تصميم صفحتك الرئيسية مبنيًا بلغتي HTML وCSS: الترويسة والأقسام والتذييل، مع نسخة للهاتف

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

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

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

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

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

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

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

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

عن هذه الخدمة

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

ما المشمول

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

كيف يعمل

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

ما نحتاجه منك

حتى 5 صور بصيغة PNG أو JPEG أو WebP: نموذج صفحتك الرئيسية كشاشة طويلة واحدة أو على أجزاء بالترتيب، ونماذج الصفحات الداخلية لباقة الصفحات الثلاث، ونسخة للهاتف إن وُجدت، وإن أردت شعارك وصورك لاستخدامها كما هي. اذكر إلى أين يقود كل عنصر في القائمة وكل زر، وبيانات تواصلك للترويسة والتذييل، وأي نصوص تختلف عن النموذج.

سنسألك:

• أي ملف لأي صفحة؟
• إلى أين تقود عناصر القائمة؟
• بيانات التواصل للترويسة والتذييل
• هل يجب أن تكون النصوص كما في التصميم تمامًا؟
• هل التصميم ملكك؟

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

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

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