مطور Mtwer

بسم الله الرحمن الرحيم والصلاة والسلام على اشرف الانبياء والمرسلين وعلى اله وصحبه أجمعين.

راح نبداء بعمل سلسة طريقة تصميم الاستايل الخاص بــ المنظم .

في البداية رآح اتكلم عن القوالب الي راح نستخدمها وراح نتطرق الى العمل عليها وتعديلها والدروس البقيه بأدن الله تعالى راح تكون الى تركيب التصميم الجاهز.

طبعا لن أعمل على جميع القوالب ولا كن سوف أعطيكم الطريقه وانتم تكملون والمثل يقول ( لاتعطيني سمكة بل علمني كيف أصطاد السمكه )

التطلبات :

1. برنامج الفرونت بيج

قبل عمل أي شي من هذا الشرح الرجاء اخد نسخه احتياطيه فأنا لست مسؤل عن أي خراب قد يظر بسوء الاستخدام

أي لابد من عمل تصميم اضافي للعمل عليه وسوف يكون بمسمى ( انت تختاره ) سوف اشرحها في الدرس القادم

على بركة الله نبدء :

طريقة الدخول الى القوالب والتصميم داخل السكربت :

1. إدارة أشكال الموقع
2. مشاهدة قائمة القوالب

* سوف تظهر لنا قائمتان
الأولى :اختر شكلاً : (( الشكل المراد التعديل عليه))
* الثانية :اختر تصنيفًا : ( التصنيف المراد التعديل علية )

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

بعد ان اخترنا اسم القالب وهو القالب الافتراضي
نختار تصنيف القوالب :: قوالب عامه .

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

سوف اتكلم عن الي راح نجري عليها التصميم :
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::
banner : عبارة عن قالب الاعلانات المووجود في الموقع ( اذا اردت اضافة اعلان مثلا في صقحة الحوالات البنكية يمكنك دالك عبر اضافة متغير __banner___ الى القالب المراد ظهور الاعلان فيه .


footer :: الكل يعرف هذا القالب ويعرف اين يكون . قالب الفوتر هو قالب يظهر اسفل المتصفح مع جميع الصفحات , ويختص بتصميم الموقع ,, ويوجد داخل هذا القالب محتوى وهو الصفحات الجانبيه اضف الى ذالك اتصل بنا و الدعم الفني ( اي الروابط الخارجيه )
هذا يتكلم عن عنوان الموقع + الحقوق البرمجيه + اللغه ( موجود داخل الفوتر )

طبعا لضيق الوقت لايمكنني شرح مابداخل القالب .

global : هذا القالب هو القالب الرئيسي المحتوى العام للتصميم
على سبيل المثال لا الحصر : يوجد بداخل القالب
أمر تغيير اللغه الموجود في الاعلى
قالب الهيدر
HTML clipboheader : القالب الموجود في اعلى الصفحه وهذا له أهمية في التصميم وراح يكون لنا الشغل عليه ,

headerbar : هذا القالب مسؤل عن الراوابط اسفل الهيدر ( الاستضافه , الرئيسية , البرمجه الخ ,,,


طبعا الي راح نحتاجه فقط هو header , footer , headerbar من القوالب العامه ,, ركزو عليهم

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::::::::::

نروح الى القوالب الصفحه الرئيسية :

interface : من اهم القوالب الي نقدر نغير فيها طريقة عرض الصفحه الرئيسية كامله واكثر الأستفسارات تكون عليه كمثال :

صفحه رئيسيه مكونه من 3 اعمده . صفحه رئيسية مكون فقط من عمودين

كمثال الصفحه الرئيسيه من ثلاث اعمده : هنا

كمثال الصفحه الرئيسية المكونه من عمودين : هنا

التقسيم سوف يكون قريبا بأذن الله مع التصميم .

طبعا هذه القوالب سوف يتم التعديل عليها كلها ممن يرغب في ذالك , ولاكن سوف اشرح التعديل على بعض القوالب وليس كلها والطريقه سوف تكون نفسها .

HTML clipboardinterfaceslist :: هذا القالب مختص بعرض قائمة التصميم في الصفحه الرئيسية ( في الوسط )
HTML clipboardinterface_customers :: جديد العملاء في الصفحه الرئيسية ( ياتي على جهة اليسار )
HTML clipboardinterface_lessons :: الدروس في الصفحه الرئيسية ( في الوسط .)
HTML clipboard interface_news
HTML clipboardinterface_offers
HTML clipboardinterface_offers
HTML clipboardinterface_products
HTML clipboardinterface_projects
HTML clipboardinterface_recommends
HTML clipboardinterface_requiredprograms
HTML clipboardinterface_servicesplans
HTML clipboardinterface_specialcustomers
HTML clipboardinterface_statistics
HTML clipboardinterface_whythissite
HTML clipboardinterface_works
HTML clipboardlist

في وقت التصميم سوف اشرح لكم مافائدة كل قالب وطريقة العمل عليه وتغييره
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::
انتقل

اختر قوالب صفحات الموقع ::
طبعا هذه القوالب فقط للصفحات الاضافيه الموجوده في السكربت .

طبعا انا افضل انه مايتم التغيير الا فقط في الجداول الخاصه بهذه القوالب وعدم تغيير اي متغيرات لانك لن تحتاجها.
contactus
customers
domainsearch

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::
قوالب منطقة العميل

لن تحتاج في التعديل عليها الا اذا رغبت انت في ذالك ,,

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::

تصنيف القوالب : الرسائل البريدية

نعم سوف نحتاج للتعديل على بعض القوالب وسوف اقوم بعمل تغيير على بعض من القوالب اثناء شرح تركيب التصميم وانتم تكملون الباقي .

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::

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

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

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

الدرس الرابع بأدن الله وقوته سوف يكون عن طريقة تتغير الالوان عن طريق ملفات css

ما شاء الله .. تبارك الله ..

درس رائع منك ..

وننتظر باقي الدروس ..

جزاك الله خير ..

حياك الله عزيزي مجاهد . والله يوفقك ..

أنشاء الله أقدر أفيد المستخدم .

في أنتظار أي أستفسار

مميز يالغالي
شرح مهم
اتصلت عليك مارديت يالغالي
ارسلي رقمك او الايميل علي الخاص
تحياتي لك

بارك الله فيك يا ksalayer.com

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

وسيتم تثبيت كامل السلسلة ان شاء الله مع انتهاءك منها

يعطيك العافية

أشكرك عزيزي ksalayer.com على هذه البادرة الطيبة وجعله الله بميزان حسناتك وسيتم تثبيت كامل دروسك إن شاء الله لتكون مرجع لجميع عملاء المنظم حول كيفية تصيميم وتركيب الاستايل.

الدرس رائع ومنظم وبسيط ويسهل فهمه.

حياك عزيزي

ربما اتصلت على الرقم القديم .
أظغط هنا

حياك اخي الكريم ,, شاكر لك

العفو عزيزي فهذا بعض مما لديكم ومما علمتونا أياه

يعطيك العافية يا ksalayer

درس رائع ومبادرة مميزة منك

استمر بابداعاتك يا مبدع

تحياتي لك

أن شاء الله قرب الدرس الثاني ينزل هاليومين لانه فيه فلاش وشرح كامل للتركيب

بارك الله فيك افدتنا الله يفيدك بلجنة يارب

ومن قال سالم بارك الله فيك .

إبداع
امتاع
شرح مبسط
نشكرك اخوي الغالي ksalayer.com
والله يوفقك ولمزيد من الابداع
وفي انتظارك يالغالي

حياك الله عزيزي ووفقك الله لكل خير

الشرح جيد بس لو كان بالفيديو كان اروع موفق انشاء الله
واتمنى توضيح كيف الدخول البرنامج المنظم خطوة خطوة

مشكور يا غالى ماقصرت