مشاهدة النسخة كاملة : كيف تبني موقع متكامل بجمله ؟


opreator
22 - 2 - 2008, 10:37 PM
اتبع الخطوات التالية لبناء موقع ناجح في جملا


العمل هنا على نسخة جملا رقم 1,0,12


أول ما تدخل الى مكان الادارة تظهر لك اللوحة التالية
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image001.jpg


الان نتبع الخطوات التالية للبداء بسم الله

1-اذهب الى الاقسام وانشئ اقسام موقعك

هناك طريقتان للذهاب الى الاقسام

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image003.jpg

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image005.jpg

الشريط الاساسي – المحتوى – ادارة الاقسام

النافذة الاساسية للوحة الادارة – ادارة الاقسام

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

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image007.jpg

3-انشئ القسم الذي ترغب وليكن رياضة عن طريق جديد

4-سيتم فتح نافذه جديدة تتمكن من خلالها بعمل وصف مختصر عن القسم المنسئ هكذا
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image009.jpg

فتقوم بتعبة التالي

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image013.jpg

الان تقوم بكتابة او وضع ما ترغب ان يظهر بقسمك

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image011.jpg

ويمكنك استخدام الصور هكذا

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image013.jpg

المنشئ هنا عبارة عن 4 جداول وصورتان

لتنئ الجداول عليك بهذه الإيقونة عند النقر عليها سيتم فتح نافذه جديدة بها خيرات انشاء الجدول
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image017.jpg

تحدد الصفوف والاعمدة وتوافق على الانشاء وتذهب الى الصف الاول توضغط على الايقونة التالية وتفتح لك نافذه جديدة

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image021.jpg

هذا مثال

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image023.jpg

ثم توافق وتنتهي من هذه المرحلة

5-اكمل انشاء اقسامك

6-الخطوة التالية عمل تصنيفات لهذه الاقسام لان الاقسام هي الاساس فلا تكثر من عمل الاقسام لان هناك سعة في التصنيفات

7-نذهب الى التصنيفات

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image025.jpg
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image027.jpg

الرئيسية – ادارة التصنيفات

الشريط الاساسي – المحتوى – ادارة التصنيفات

8-سنقوم بعمل تصنيفان لهذا القسم (1- كرة قدم 2- كرة طائرة)

9-يتم العمل بنفس طريقة الاقسام

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image029.jpg

10-الان بعد وضع التصنيفات ستتمكن من تعبئة المحتوى لهذه التصنيفات ولعل المحتوى الاول يكون لدينا عن فريق الهلال ولعمل هذا نتبع الخطوات التالية

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image031.jpg

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image033.jpg

الرئيسية – اضف محتوى جديد

الشريط الاساسي – المحتوى – المحتوى بدلالة الاقسام – رياضة – مواد

او الشريط الاساسي – المحتوى – جميع مواد المحتوى

ستفتح لك باب جديد تستطيع من خلاله تعبئة المحتوى الخاص بنادي الهلال ستكون الصفحة كا التالي

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image035.jpg

تكتب النص المقدمة ومن ثم تكتب النص الاساسي

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image037.jpg

سوف اترك لك خيارات المحرر لتتعرف عليها بنفسك

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image039.jpg

11-الان لنذهب الى المعلومات الجانبية

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image041.jpg

الان نذهب الى الصور

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image043.jpg

الصور هنا تختلف عن ايقونة الصور السابق شرحها وفائدة هذه هو ما يلى

في المحرر تجد عبارة
ادرج صورة

فعند أي سطر او كلمة تريد ان تظيف صورة تضغط على عبارة ادرج صورة

سيظهر لك كتابة باللغة الانجليزية مثل هذه {mosimage}

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image045.jpg

بعد اضافتها تذهب الى التحكم بالصور وتختار من القائمة الصورة المناسبة

وتقوم باضافتها عن طريق السهم الى صورة المحتوى فتظهر لك في الاسفل

وعند الضغط على المشاهدة يظهر لنا هكذا

عند المشاهدة او بالموقع
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image049.jpg

الاصل
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image047.jpg

يتبع ..........

opreator
22 - 2 - 2008, 10:38 PM
الان نذهب الى الخصائص

هي في الاصل واضحة ولمزيد من التوضيح ضع الماوس على الكلمة سيظهر لك وصف مبسط لعمل هذه الخاصية

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image051.jpg

الان نذهب الى الميتا تاغ

وهو مهم في مواقع البحث ويتكون من جزئين
الوصف
وهو وصف بسيط للمادة
الكلمة الافتتاحية
وهو يضاف اوتوماتيكي بعد كتابة الوصف بالضغط على (اضف الميتا)

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image053.jpg

القسم الاخير وهو القائمة المرتبطة

ولا تستعجل به الان

نعمل نفس الشئ للمحتوى الثاني الخاص بالطائرة .

حتى هذه الخطوة تعلمنا كيف نعمل قسم وتصنيف وكيف نكتب محتوى
الان نريد ان نعمل قائمة للرياضة
هناك طريقتان لعمل القائمة اما عن طريق لوحة التحكم الاصلية نذهب الى ادارة القوائم او من الشريط الاساسي ثم قائمة و ادارة القوائم

سيظهر لك القوائم الاصلية المثبته مع جملا
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image055.jpg

يمكنك تغييرها بهذه الطريقة
تقوم بتحديد القائمة ثم نسخ

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image057.jpg

سيفتح معك صفحة جديدة

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image059.jpg

تكتب اسم للقائمة الجديدة ثم اسم الوحدة وغالبا تكون الرئيسية ثم تأمر بالنسخ سيكون لديك التالي

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image061.jpg

فلو ذهبت لمشاهدة الموقع سيظهر لك قائمتان الاولى التي عملتها والثانية الاصل

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image065.jpg

لايقاف القديمة (ملاحظة : القائمة هذه اساسية لا يمكن حذفها) لذا تستعرضها وتقوم بجعل ما بداخلها غير منشور وهنا ستتوقف القائمة

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image067.jpg

وفي الموقع لا يظهر الا قائمتك المنشئة


طبعا الافضل ان تبقيها


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


الاول
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image071.jpg

1-هنا تمكن اعضائك من تقديم محتوى محدد بحيث يقدمون مثلا للرياضة فقط وهكذا


هام ... * لجعل اعضائك يقدمون اي محتوى يجب ان يكون العضو Author "مؤلف" من تفاصيل العضو بادارة الاعضاء *


في الاصل يكون Registered فقط مسجل في الموقع لذا يجب ان تحوله الى كاتب (لعمل هذا )


نذهب الى الرئيسية ومنها نختار ادارة الاعضاء ثم نختار العضو الذي نريد ان نجعله كاتب وهنا لدينا مثال لـ User

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image073.jpg

الان نحوله الى كاتب فيصبح من مسجل الى كاتب

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image075.jpg

2-يقوم بعمل جدول لمحتوى تصنيف معين ويوجد تحتها خصائص تتحكم بالعرض
3-قائمة - بمحتوى القسم ...... يعمل لك قائمة بمحتوى الاصناف لقسم معين
4-كتلة - لأرشيف محتوى الاقسام ...... كان اصلها بلوج – لارشيف محتوى الاقسام قمنا بابدالها الى كتله المهم وضيفة هذا الخيار هو عرض تسجيل لمحتوى المواد للارشيف قسم معيين
5-كتلة - لأرشيف محتوى التصنيفِ ...... نفس السابق ولكن هنا للتصنيفات
6-كتلة - لمحتوى الاقسام ...... وهو لعرض المواد من اقسام متعددة في كتلة واحدة
7-كتلة - لمحتوى التصنيف ...... نفس السابقة ولكن لتصنيف
8-وصلة - للمحتوى الثابت ....... وصلة الى مادة معينع من المحتوى الثابت (المحتوى الثابت فائدة انظر الى صفحة الدروس في مسام للفوتوشوب تعرف الفائدة لهذه الامكانية)
9-وصلة - لمحتوى مادة معينة ....... يصنع لك وصلة لمادة معينة تريد ابرازها عن غيرها

الثاني

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image077.jpg

فاصل القوائم ممكن ان يكون كتابة ايضا
الموقع او السكريبت هذه ميزه جميلة ممكن ان تجعل منتداك يعمل من خلال جملا او موقع صديق لك يعرض من خلال موقعك وهكذا

الثالث

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image079.jpg

الرابع

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image081.jpg

الان قمت بعمل التالي

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image083.jpg

الاولى قائمة بمحتوى القسم
الثانية كتلة لمحتوى القسم

ستكون على الموقع كالتالي

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image085.jpg

الثاني سيعرض جميع ما في القسم وله خيارات ممكن ان تجعله يعرض الكل او على شكل نقاط من الخصائص

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image087.jpg

قمنا بالتغيير هكذا

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image089.jpg

سيكون العرض كالتالي

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image091.jpg

بالتالي هنا تعلمنا كيف ننشئ القوائم للموقع سنذهب الان الى الشكل الرئيسي للوحة التحكم وسنقوم بستعراضها بشكل مفصل

يتبع ........

opreator
22 - 2 - 2008, 10:40 PM
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image001.jpg

تم هنا اضافة بعض الازرار ليسهل التحكم وتغيير اشكال البعض للتسهيل
الزر الاول

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image094.jpg

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

الزر الثاني

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image096.jpg

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

الزر الثالث

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image098.jpg

ويفيدك هذا الزر لادارة المحتويات الثابته للموقع من تفعيل وكتابة وغيره .... تم عرض تفصيلها في الاعلى

الزر الرابع
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image100.jpg

ويفيدك هذا الزر اذا جعلت مواضيع معين تعرض في الصفحة الاولى فمنها تستطيع ادارتها بشكل خاص

الزر الخامس

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image102.jpg

ويفيدك هذا الزر لادارة اقسام موقعك .... تم عرض تفصيلها في الاعلى

الزر السادس

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image104.jpg

ويفيدك هذا الزر لادارة التصنيفات في موقعك .... تم عرض تفصيلها في الاعلى

الزر السابع

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image106.jpg

ويفيدك هذا الزر لادارة الميديا في موقعك عند النقر عليه سيفتح لك صفحة الميديا في الموقع وتشمل جميع الصور وغيره ويمكنك من خلال الميديا ان ترفع ما ترغب مباشرة او تصنع دليل جديد ..... الخ

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image108.jpg

القلم هنا يفيد في في وضع الكود للصورة او الميديا هكذا



http://localhost/Joomla_Final_msamm/images/edit_f2.png

النفايات لحذف الصورة ..

عند الضغط على الصورة يتم تكبيرها بالشكل الحقيقي لها

اذا اردت ان ترفع صورة الى دليل جديد وليكن اسمه msammcom اعمل التالي

في خانة انشئ الدليل اكتب الاسم الذي ترغب

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image110.jpg

ثم من زر انشئ في الاعلى تضغط عليه مرة واحدة ليتم انشاء الدليل

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image112.jpg

عند الدخول عليه تجه فارغ هكذا

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image114.jpg

لادراج صوره هنا من
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image116.jpg

لاحظ ان اعلى حجم هو 8 ميقا للصورة .. تقزم بالبحث عن الصورة ومن ثم توافق عليها وبعد ذلك من الاعلى تضغط على ارفع فيتم رفع الصورة

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image118.jpg

هنا قمت برفع عدة صيع لتتعرف عليها

ولتقوم بحذف الدليل سيظهر لك هذا التحذير

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image120.jpg

اذا عليك حذف الصور اولا قبل حذف الدليل

بعد حذف الصور تستطيع حذف الدليل

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image122.jpg

هذه قائمة بالصيغ المدعومة من قبل جملا

'bmp',

'csv',

'doc',

'epg',

'gif',

'ico',

'jpg',

'odg',

'odp',

'ods',

'odt',

'pdf',

'png',

'ppt',

'swf',

'txt',

'xcf',

'xls'

الاضافات الاخرى مثل الفديو وغيره تستطيع من خلال رفعه لموقعك وتضيفه عن طريق المحرر ومن ثم http://i102.photobucket.com/albums/m113/msamm-web/jomla/image124.jpg سوف تفتح لك قائمة

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image126.jpg

منها تضيف الرابط ولاحظ انواع الصيغ المدعومة.

الزر الثامن
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image128.jpg

ويفيدك هذا الزر من هنا تدير قوالب موقعك من تحرير لـHTML او تحرير الـ CSS كما يمكنك ان ترفع قالب جديد من هنا عن طريق جديد سيذهب بك الى خيار التنصيب

الزر التاسع

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image130.jpg
ويفيدك هذا الزر يفيك باستعاراض معلومات النظام لديك

الزر العاشر

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image132.jpg

ويفيدك هذا الزر من الجمال في جملا هو عدم الحذف النهائي لمحتوياتك بل يقوم بنقلها الى النفايات لو اردت الرجوع لها او استرجاعها مرة اخرى وهذا الزر يذهب بك الى النفايات فتديرها اما اعاده او حذف نهائي

الزر الحادي عشر

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image134.jpg

ويفيدك هذا الزر لادارة قوائم موقعك (شرح)

الزر الثاني عشر
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image136.jpg

ويفيدك هذا الزر لاضافة اللغات او ادارتها واللغتان الاساسيتان موجوده بالفعل

الزر الثالث عشر
http://i102.photobucket.com/albums/m113/msamm-web/jomla/image138.jpg

ويفيدك هذا الزر بادارة الاعضاء في موقعك ادارة كاملة تستعرض كل شئ عن عضوك

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image140.jpg

عند النقر على الاسم تدخل لبيانات العضو

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image142.jpg

كما تستطيع اضافة أي عضو جديد


الزر الرابع عشر

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image144.jpg

ويفيدك هذا الزر من هنا تدخل على الاعدادات العامة للموقع

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image146.jpg

كل خيار من هذه لها خيارات وهو خاص بملف الاعدادات (configuration)

مثلا ايقاف الموقع او تعديل اسم الموقع اوالتسجيل او التنشيط او الوقت واللغة وغيرها الكثير عند استعراضها ستتعلمها وهي سهله الاستخدام

السادس عشر

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image148.jpg
ويفيدك هذا الزر لارسال بريد جماعي لجميع المستخدمين او تخص نمط معين ويمكنك ان ترسل بنمطِ HTML

الان سردنا تقريبا الكل لناخذ الان الوحدات (modules)

هي برمجيات بسيطة تضاف لجملا ويوجد هناك الكثير منها مركب اصلا

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image150.jpg

يمكنك الدخول لكل وحدة والتعديل عليها كما تريد حسب الخصائص التابعة لهذه الوحده لناخذ مثلا فورم الدخول
عند النقر عليه تفتح الوحدة وبها هذا

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image152.jpg

طبعا كل وحده بها خصائصا حسب برمجتها .... يوجد العديد من الوحدات تجدونها في الموقع الاصلي لجملا ولكنها غير معربة ولا تحتاج للكثير لتعريبها فقط من الادارة لهذه الوحدة تعرضها بالموقع بالعربي


اما البرامج Component

فهي ملحقات مستقله بذتها مثل مكتبة المواقع او البريد الجماعي او التصويت وهي لا تضاف في القائمة الا اذا انت اضفتها بهذه الطريقة

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image154.jpg

سيفتح لك صفحة جديده بها كل برامجك هنا قمنا باخيار مكتبة البرامج مرة اخرى

http://i102.photobucket.com/albums/m113/msamm-web/jomla/image156.jpg

ثم تنفذ

سيتم التفعيل وتفتح لك الخصائص ليتم التعديل حسب ما تريد

اذا اردت ان تضيف برنامج او وحدة او وحدة اساسية او قالب او لغة فمن التثبيت وتختار ما تريد وسيتم التثبيت كلا حسب مكانه.

Losha
22 - 2 - 2008, 11:28 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .