الصفحة 1 من 3
بسم الله الرحمن الرحيم
درس كيفية عمل قالب جوملا باستخدام الدرسم ويفر والفوتوشوب مكون من ثلاثة أجزاء . حصريا من جوملا العرب :: الداعم العربي لجوملا .
كثرت التساؤلات .. وكثر الكلام ... وكثر الحديث .. كيف يمكنني عمل قالب جوملا .. لدي الاستايل psd واريد تقطيعه وعمله .. كيف هذا ؟؟؟
بفضل الله تعالى .. وبعد بحث وتجربة للأمر وجدنا شرح لهذه العملية ولكنه للنسخة 1.0 ولا يصلح بالمرة للنسخة 1.5 .. ولكن معنا ليس لليأس طريق ..
فاليوم نعرض لكم هذا الدرس الذي لطالما جاء ليحل أكبر مشكلة كانت تؤرق المستخدم العربي .. لما يتمتع به معظم العرب من خبرة في التصميم وصولات وجولات في تصميم الاستايلات واحتراف الفوتوشوب .
بداية الطريق .. تبدأ بوجود البرامج التالية
1- فوتوشوب .. او اي برنامج تعديل على الصور او الأهم برنامج لتقطيع الصورة التي سنجعلها قالبا
2- دريم ويفر ... أساسي جدا ولا غنى عنه في هذا الدرس
3- إضافة للدريم ويفر تساعد في وضع الموديلات اسمها Joomla Solution .. حملها من هنا .
خطواتنا في هذا الطريق :: الطريق الى قالب جوملا بصنع ايدينا..
اولا نتوكل على الرحمن ونبدأ ....
نفتح برنامج الفوتوشوب ....
انا صممت شيء بسيط للتعريف والشرح فقط .. انما الابداع في التصميم تركناه لمن هم اهله .. تركناه لكم لتتحفونا به .
ما صممت وسيكون عليه درسنا هو
والآية الكريمة أعلاه ... لسبين .. اولهما لموقعنا وثانيهما واهمها أمتنا .. لعل المقصود القريب والبعيد قد وصل الى اذهانكم
في تصميمي قمت بعمل هيدر ولوجو وفوتر " تذييل "
وصنعنا تخيل بسيط لموقعنا من خلال موديلات
right -- Module -- Banner
ووضعناال body .. وهو المكان الذي يوضع فيه المحتوى الرئيسيي للموقع سواء كان المقالات او معرض صور مثلا او منتدى .. او اي تطبيق برمجي .
نفتح بالفوتوشوب الصورة ال psd الخاصة بقالبنا كما بالصورة ..ثم نعلم على اداة ال slice > اى تقطيع الصورة
بعدما نقوم بتقطيع الصورة مع ملاحظة تقطيع جسم الشيء اولا ثم وضع اركانه .. فمثلا ال body .. نقطع محتواه اولا ثم نقطع جانب ايمن له ثم جانب ايسر ثم الجزء العلوي والجزء السفلي وعمل اربعة اركان اعلى اليمين .. واعلى اليسار .. واسفل اليمين .. واسفل اليسار... لماذا ؟
لأن الخلفية يمكن ان تتمدد والجانب الايمن والايسر ايضا يتمددوا .. اما الاركان يجب ان تكون ثابتة .. حتى لا تتمدد وتفقد شكلها .
بعد الانتهاء من التقطيع .... نحفظ العمل عن طريق save for web ... وبهذا سينتج لنا ملف html ومجلد صور
بعدها ستظهر لنا هذه الصفحة نكمل مشوارنا ونضغط save.
ولكن هنا نقف وقفة عند الحفظ .. احفظ باسم index ... وفي خانة ال settings اضغط other فيحولك الى صفحة اخرى
هنا نختار saving file من خلال قائمة منسدلة بعدما تحولنا لهذه الصفحة .
ثم نعيد كتابة اسم مجلد الصور حيث يثم حفظه في
templates/joomlarab/images .. وسنوضح بالتفصيل فيما يلي
اولا templates وهو مجلد قوالب جوملا بموقعك .
ثانيا Joomlarab وهو اسم القالب الذي نصممه .
ثالثا images وهو مجلد الصور بداخل القالب .
وبهذه الخطوة نكون قد انتيهنا من العمل مع الفوتوشوب ..
ليست هناك تعليقات:
إرسال تعليق