المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : شرح برنامج أرتيستير Artisteer لصناعة قوالب جوملا باحترافية


abohmam
02-10-2011, 01:12 AM
بسم الله الرحمن الرحيم

الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

السلام عليكم ورحمة الله وبركاته

شرح برنامج أرتيستير Artisteer لصناعة قوالب جوملا باحترافية

http://www.abc4web.net/vb/imgcache2011/12221.abc4web.jpg

اليوم كما وعدنا بشرح البرنامج الرائع ارتيستير لصناعة قوالب جوملا .. نقدم اليكم الجزء الأول من سلسلة شروحات هذا البرنامج .. والتي تتضمن

في هذا الجزء نشرح لكم القوائم الأساسية للبرنامج ووظائفها مع الصور المرقمة ..

بسم الله الرحمن الرحيم - نبدأ ...

تحميل البرنامج

:download: (http://www.megaupload.com/?d=DIVYWDT4)


الواجهة الرئيسية للبرنامج ..

يختار لك البرنامج نموذجا افتراضيا كما يظهر بالصورة كما يوجد زر لتغيير هذا النموذج الافتراضي باسم " اقترح تصميما "


http://www.abc4web.net/vb/imgcache2011/12222.abc4web.jpg


الاطار الأول ::- أفكار -::

يعرض لك اقتراحات للتصميم وتشمل الوان وخطوط وخلفية الخ ...


http://www.abc4web.net/vb/imgcache2011/12223.abc4web.jpg

كما يشمل الاطارات حسب الأرقام كما يلي ::-

1- الأفكار .
2- الألوان والخطوط :: بحيث منها تختار الألوان الرئيسية للموقع .. والخطوط الخاصة بالكتابة .
3- النموذج :: وهو شكل الموقع .. الأعمدة .. اي مبني على عمودان او ثلاثة اعمدة والقوائم اعلى الهيدر ام اسفلها .
4- خلفية الموقع :: منها تختار خلفية الموقع مع تأثيرات السطوع والألوان وغيرها .
5- الورقة :: وهو شكل صفحة الموقع التي تحتوي المحتوى كله ... دائرية ام بدون داشرية في الأعلى ..
6- العنوان :: والمقصود به هيدر الموقع وصورة الهيدر وتأثيراتها والكتابة عليها وشعار الموقع .
7- قائمة :: وهو قائمة الموقع المنسدلة التي تظهر في الموقع .
8- مقالات :: هو شكل المقالات في الموقع ولون الكتابة وايقوناتها .
9- كتل :: وهي الموديلات وشكلها وتلوينها واظهار عنوانها .
10- الأزرار :: وهي ازرار اقرأ المزيد والتصويت والنتائج وغيرها من ازار جوملا في موقعك .
11- الحاشية :: وهو الفوتر للموقع وشكله وخلفيته وايقونة ال rss وغيرها .
بعدها ننتقل مع داعمك العربي جوملا العرب ... الى شرح كل اطار منهم ...

أولا إطار الأوان والخطوط::-

http://www.abc4web.net/vb/imgcache2011/12224.abc4web.jpg


1- موضوعات الألوان :: يعرض لك البرنامج موضوعات للألوان بحيث تكون الوان متناسقة مع بعضها تختار منها النسق الذي تبدأ منه رحلتك مع هذا البرنامج المتميز .
2- ضبط الألوان :: تغيير الألوان بحيث تختار اللون الذي تريده ثم تغييره كما تريد ..
3- اقتراح خطوط للموقع .
4- مجموعات الخطوط الرئيسية وخط الطباعة ومقاسات الخطوط .


ثانيا النموذج ::-

http://www.abc4web.net/vb/imgcache2011/12225.abc4web.jpg


1- والصورة اليسرى هي مخطط الصفحة الأفقي ... مكان القائمة المنسدلة ووضعها من الهيدر اعلاه ام اسفله ام بقائمة فقط بدون هيدر .. فالاختيار متاح لك في اي حااالة .
2- الصورة اليمنى هي مخطط الأعمدة .. بناء الموقع على عمودان او ثلاثة واماكنهم اختر المخطط الذي تريد .

ثالثا خلفية الموقع ::-

http://www.abc4web.net/vb/imgcache2011/12226.abc4web.jpg

1- اختر صورة الخلفية للموقع او حمل صورة من جهازك ... فالاطار موجود .
2- السطوع والصورة الخلفية والطبقة اعلى الصورة الخلفية والميلان هنا هو تأثير ميلان الاضاءة في الصورة .
يوجد خيارات عدة في هذا الاطار لتغيير واختيار خلفية الموقع والاضاءة واتجاهها .


رابعا الورقة ::-

http://www.abc4web.net/vb/imgcache2011/12227.abc4web.jpg


1- شكل ورقة الموقع وهي التي تحتوي على محتوى الموقع كاملا ..
2- التعديل في الورقة من مقاسات وطول وعرض ومسافة اعلى الورقة وحشو الورقة والاطار وتظليلها مع الألوان .


خامسا العنوان " الهيدر " ::-

http://www.abc4web.net/vb/imgcache2011/12228.abc4web.jpg

1- اقتراح هيدر مع تحديد العرض والارتفاع .
2- خلفية الهيدر وهي صورة تضعها او تحملها من جهازك .
3- وهي الصورة الاضافية التي توضع فوق الهيدر وهي اللوجو او شعار موقعك .
4- اسم موقعك وشعاره الكتابي .


سادسا القائمة ::-

http://www.abc4web.net/vb/imgcache2011/12229.abc4web.jpg



هنا أهم شيء يجب ان تكون محاذاة القائمة على اليسار لأن عند التعريب اذا لم تكن القائمة على اليسار سيحدث خطأ في الاكسبلورر .. لذا نتوخى الحذر ونجعلها على اليسار .
1- شكل القائمة .
2- تلوين القائمة واساليب زخرفتها وعرض شكلها .
3- شريط القوائم وتعبئته وتلوين الاطار .
4- الغرض هو نوع القائمة تنسدل او لا تنسدل مع التعبئة والتلوين .
5- المادة الثانوية هي العناصر الفرعية للقائمة الرئيسية .


سابعا المقالات ::-

http://www.abc4web.net/vb/imgcache2011/12230.abc4web.jpg

1- اقتراح تصميم للمقالات .
2- طريقة الكتابة والمحاذاة وتنسيق النص .
3- العناصر الثانوية للكتابة والعناوين والرابط ووضع الجدول .
4- ايقونات العنوان وطريقة كتابة العنوان .
5- العناصر الفرعية للعنوان .. القسم والتعليقات .


ثامنا الكتل " الموديلات "

http://www.abc4web.net/vb/imgcache2011/12231.abc4web.jpg

1- شكل الموديل وتصميمه .
2- الأساليب وهي اهم ما في تصميم الموديلات من خلفية وعنوان ومحتوى بحيث تنسق الصورة واللون وكل شيء .
3- طريقة الكتابة والتنسيق داخل الموديلات .


تاسعا الأزرار ::-

http://www.abc4web.net/vb/imgcache2011/12232.abc4web.jpg

1- شكل الأزرار .
2- شكل الزر من قوام واطاره والاختيارات متعددة حتى وان كان الماوس على الزر فيمكنك اختيار الألوان والصورة .


عاشرا واخيرا الحاشية ::-

http://www.abc4web.net/vb/imgcache2011/12233.abc4web.jpg

وفيها تحديد لون الفوتر وصورته .. والقوام وتاثير الضوء في الميلان .
والمحاذاة والمساحة وايقونة ال rss .

نقلا عن موقع جوملا عرب

أتمنى لكم جميعا الفائدة من هذه المشاركة

ولاتنسونا من صالح دعائكم

:fasel6:
أبوهمام
.

أبو يوسف
02-10-2011, 08:12 AM
جزاك الله خيرا اخانا أبا همام

.

abohmam
04-10-2011, 08:45 PM
حياك الله اخى ابا يوسف

شكرا للمرور والتواصل

أبو صخر
18-10-2011, 08:08 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الهشام
27-02-2012, 05:50 PM
السلام عليكم ورحمة الله وبركاته
موفق بإذن الله ... لك مني أجمل تحية . :abc_052:

جروح بارده
27-02-2012, 06:00 PM
بوركت الانامل على الطرح المميز

لاشك بأننا متشوقون لجديدك القااادم


تحيتي العطرة

رامى رضا
14-03-2012, 08:31 PM
مشكورآآآآآآآآآآآآآآآآآآآآ آآآآآآآآآآآآآآآآآآآآآآآ أخى

abohmam
28-11-2012, 11:18 PM
جزاكم الله خيرا اخوانى جميعا

أشكر لكم مروركم وتواصلكم ودعائكم

بالتوفيق

أبو فارس
29-11-2012, 06:19 PM
في ميزان حسناتكم إن شاء الله

موفق بإذن الله ... لك مني أجمل تحية .