طريقة صنع قوالب او تمبلتات لصفحات موقعك بالدريم ويفر Dreamweaver

بسم الله الرحمن الرحيم

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

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

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

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

بسم الله نبدأ الدرس مفصل :

لنقوم بتصميم أي صفحه وانا استعنت بتصميم لدي وهو هذا

http://www.shqawe.net/pc/temp/temp1.GIF

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

http://www.shqawe.net/pc/temp/temp2.GIF

بعد الضغط على الزر السابق سوف تظهر لك هذه الصورة

http://www.shqawe.net/pc/temp/temp3.GIF

1/ هنا يظهر اسم الموقع الذي نعمل عليه .
2/هنا قم بتسمية القالب template باسم يكون معروف لانك عند تمكنك من الطريقة سوف تقوم بصنع اكثر من قالب template فالاسم يساعدك وانا اسميته sgltemp




بعد ذلك اضغط موافق او ok

سوف تلاحظ بعدها في خانة ملفات الموقع ظهور مجلد باسم

templates

وبداخله صفحة القالب template والتي اصبح اسمها

sgltemp.dwt.html

الان نقوم بانشاء صفحه جديد واعطائها اي اسم وانا قمت بتسمية الصفحة firestpage.html
سوف تظهر لك الصفحه بيضاء الان نبدأ باستعمال القالب template الذي صنعناه والطريقة كالتالي في الصورة القادمة :

http://www.shqawe.net/pc/temp/temp4.JPG

عند الضغط على الاختيار السابق سوف تظهر لك الصورة التالية :

http://www.shqawe.net/pc/temp/temp5.JPG

الان تلاحظ في الصورة السابقة اسم القالب template الذي حفظناه نقوم باختيار القالب template ثم نضغط select

الان ستلاحظ ان الصفحة اصبحت متكونه من نفس التصميم الذي صممناه للقالب template وستلاحظ ظهور اسم القالب template في الركن الاعلى الايمن مثل الصورة التالية :
http://www.shqawe.net/pc/temp/temp6.JPG

ولكن سوف تلاحظ انه لايمكنك التعديل على الصفحه لماذا لأننا لم نقم باختيار المناطق التي يمكننا التعديل عليها فنحن في هذا التصميم لا نحتاج سوى منطقة الوسط للتعديل فماذا نفعل نقوم بالعودة للصفحة القالب template sgltemp.dwt.html

ونقوم باضافة جدول في منطقة النص ونقوم بتحديده بالطريقة التالية :

http://www.shqawe.net/pc/temp/temp7.JPG

الان بعد تحديد الجول طبق عليه التالي :

http://www.shqawe.net/pc/temp/temp8.JPG

سوف يظهر لك مربع اختيار لتسمية المنطقة وانا قمت بتسميتهاcenter

http://www.shqawe.net/pc/temp/temp9.JPG

بعد ذلك سوف تظهر صفحة تخبرك بتحديث update جميع الصفحات التي تم تطبيق عليها هذا القالب template بحيث يتم اعتماد التعديل الجديد عليها كما في الصورة التالية :

http://www.shqawe.net/pc/temp/temp10.JPG

قم بالضغط على زر update

عندها سوف تظهر لك الصورة التالية :

http://www.shqawe.net/pc/temp/temp11.JPG

1/ اضغط هنا اذا كان الزر عليه كلمة start ولم يتم التحديث update تلقائي ولكن اذا شاهدت كلمة Done
فاعلم ان التحديث update التلقائي مفعل فدعه الى ان ينتهي التحديث update.

2/ عند الانتهاء اضغط على زر close .
الان اذهب الى صفحة firestpage.html وحاول التعديل على المنطقة التي في المنتصف فستلاحظ انه يمكنك التعديل على المنطقه http://www.dzbatna.com/images/smilies/cupidarrow.gif وبهذا نكون قد انتهينا من الدرس مفصل
واي سؤال او استفسار تحت الخدمة وحاضرين
وتقبلوا احترامي وتقديري
اخوكم
شقاوي




https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©