مكتبة دروس الحاسوب - عرض الدرس [طريقة صنع قوالب او تمبلتات لصفحات موقعك بالدريم ويفر]مكتبة دروس الحاسوب >>دريم ويفر :: DreamWeaver >> طريقة صنع قوالب او تمبلتات لصفحات موقعك بالدريم ويفر


 

 

    الكاتب :  mr-sa.com

 أرسل الدرس لصديق

 طباعة الدرس

 

 

 

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

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

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

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

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

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

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

http://www.al-sda.com/lessones/dream/temp/temp1.GIF

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

http://www.al-sda.com/lessones/dream/temp/temp2.GIF

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

http://www.al-sda.com/lessones/dream/temp/temp3.GIF

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

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

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

templates

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

sgltemp.dwt.html

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

http://www.al-sda.com/lessones/dream/temp/temp4.JPG

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

http://www.al-sda.com/lessones/dream/temp/temp5.JPG

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

الان ستلاحظ ان الصفحة اصبحت متكونه من نفس التصميم الذي صممناه للقالب وستلاحظ ظهور اسم القالب في الركن الاعلى الايمن مثل الصورة التالية :
http://www.al-sda.com/lessones/dream/temp/temp6.JPG

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

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

http://www.al-sda.com/lessones/dream/temp/temp7.JPG

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

http://www.al-sda.com/lessones/dream/temp/temp8.JPG

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

http://www.al-sda.com/lessones/dream/temp/temp9.JPG

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

http://www.al-sda.com/lessones/dream/temp/temp10.JPG

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

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

http://www.al-sda.com/lessones/dream/temp/temp11.JPG

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

2/ عند الانتهاء اضغط على زر close .
الان اذهب الى صفحة firestpage.html وحاول التعديل على المنطقة التي في المنتصف فستلاحظ انه يمكنك التعديل على المنطقه :) وبهذا نكون قد انتهينا من الدرس
واي سؤال او استفسار تحت الخدمة وحاضرين
وتقبلوا احترامي وتقديري

اخوكم

شقاوي

أنقر هنا للإنتقال إلى موقع mr-sa.com   حفظ الدرس كملف Word

 




-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

تصميم و تطوير : شبكة همـ المشاعر ــس (عبدالله)
POWERED BY: SaphpLesson3.0