• مواقع

مواقع

موقع شارك الرسمي

موقع ثنائي اللغة بالعربية والإنجليزية، مبني كصفحات ثابتة بالكامل من مصدر محتوى واحد.

العميل
شارك
المجال
خدمات رقمية
النوع
مواقع

نظرة عامة

الخدمة دي بتعمل إيه

الموقع اللي بتتصفحه دلوقتي. اتبنى من نفس المبادئ اللي بنشتغل بيها مع العملاء: نظام تصميم مركزي، محتوى منفصل عن العرض، ونسختين لغويتين من كود واحد بدون تكرار.

التحدي

الوضع قبل ما نبدأ

الموقع محتاج يشتغل بالعربي من اليمين للشمال وبالإنجليزي من الشمال لليمين، من غير ما نبني موقعين منفصلين أو نكرر المحتوى، ومن غير ما ننشر أي معلومة تجارية غير مؤكدة.

الطريقة

إزاي اتعاملنا معاه

اتجاه الكتابة اتعامل معاه بخصائص CSS المنطقية بس، فملف ستايل واحد بيخدم الاتجاهين. المحتوى اتحط في ملفات بيانات منظمة، والصفحات بتقرأ منها. وأي رقم أو ادعاء غير مؤكد اتحط ورا مفتاح نشر مقفول.

اللي سلّمناه

المخرجات

  • 01

    نظام تصميم مركزي

    ألوان وخطوط ومسافات ومكونات في طبقة واحدة، بيستخدمها كل الموقع.

  • 02

    بنية ثنائية اللغة

    نسخة عربية ونسخة إنجليزية من نفس المكونات، وتبديل اللغة بيحافظ على نفس الصفحة.

  • 03

    بنية محتوى منفصلة

    الخدمات والأنظمة والمشاريع في ملفات بيانات، فتعديل النص مش بيلمس القوالب.

  • 04

    بوابات تحقق آلية

    الموقع مش بيتبني أصلًا لو اتكسرت أي قاعدة من قواعد الجودة المتفق عليها.

الحل

الشكل النهائي

النتيجة موقع بيتولد بالكامل وقت البناء، فكل صفحة بتوصل للمتصفح جاهزة ومقروءة لمحركات البحث وأنظمة الإجابة من غير تشغيل أي جافاسكريبت.

النتائج

نتائج مؤكدة

بنكتب النتائج اللي نقدر نأكدها بس.

  • الصفحات بتتولد ثابتة بالكامل من غير أي حزمة جافاسكريبت.
  • نسخة عربية وإنجليزية من مصدر محتوى واحد بدون تكرار.
  • كل صفحة ليها عنوان ووصف ورابط أساسي فريد، وبدائل لغوية متبادلة.

الخدمات المستخدمة

الخدمات اللي دخلت في المشروع

لقطات الشاشة

شكل النظام من جوه

  • الصفحة الرئيسية
  • صفحة الخدمات
  • صفحة نظام

المساحات دي محجوزة للقطات الشاشة الحقيقية، وبيتم استبدالها بالمادة الفعلية قبل نشرها.

التقنيات

المستخدم في التنفيذ

  • Astro — توليد صفحات ثابتة
  • TypeScript
  • خصائص CSS المنطقية لدعم الاتجاهين
  • صور WebP بأحجام متجاوبة

عندك تحدي مشابه؟

ابعتلنا التفاصيل وهنرجعلك بطريقة تعامل واضحة.