[الدرس مفصل الثاني]


ملاحظة: في حال عدم التجاوب من الأعضاء مثلما حدث في الدرس مفصل الأول سأتوقف عن إكمال الدورة لأن كل مانبحث عنه هو التقدير ليس أكثر .. ولكن يمكنكم متابعة الدورة على الرابط التالي في حال عدم إكمالها في المعهد :




في هذا الدرس مفصل سيتم شرح طريقة طريقة تصميم قالب template لمجلة Joomla بواسطة الفوتوشوب. في بداية الدرس مفصل من المهم معرفة شكل التصميم المبدأي ويفضل تخطيط شكل الموقع على ورقة خارجية كما موضح في الصورة التالية:





  • قم بتحميل برنامج الفوتوشوب من الروابط التالية:




  • قم بتشغيل برنامج الفوتوشوب.


  • قم بفتح مساحة عمل جديدة بالقياسات التالية لتصميم الهيدر header ((سيتم تصميم الهيدر header والفوتر منفصلين للتسهيل وهذا ما يميز جملة joomla ))







  • سيكون شكل العمل كالتالي:


  • قم بإختيار أداة التعبئة وإختيار اللون المناسب ( إختياري ) كما موضح في الصورة.




  • قم بتعبئة مساحة العمل كما موضح في الصورة.


  • قم بإختيار طبقة التعبئة وقم بالنقر فوق الطبقة نقر مزدوج.


  • قم بإختيار الإعدادات كما موضح في الصورة.




  • وستكون إعدادت التدرج كالتالي:


  • ستكون النتيجة كالتالي:


  • قم بإختيار أداة المربع وقم بإختيار لون أغمق قليلاً كما موضح في الصورة.


  • قم برسم مستطيل في نهاية مساحة العمل كالتالي:


  • قم باختيار طبقة المستطيل وقم بالنقر المزدوج فوق الطبقة.




  • إختار الإعدادات التالية كما موضح في الصورة.


  • ستكون النتيجة كالتالي:


  • بعد إضافة بعض الإضافات واللمسات على التصميم ليكون بالشكل التالي ( إختياري )


  • قم بإختيار أداة التقطيع كما موضح في الصورة.


  • قم بتقطيع الصورة بالطريقة الموضحة ( مع الإنتباه لمنطقة التمدد )


  • قم بالذهاب إلى قائمة File وإختار التالي:




  • ستظهر نافذة جديدة.


  • قم بحفظ العمل كما موضح في الصورة.


  • وبذلك نكون قد انتهينا من تصميم الهيدر header.
  • نقوم بتصميم الفوتر بنفس الطريقة بحيث تكون مساحة العمل كالتالي:


  • وهذا هو الشكل النهائي للفوتر







©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©