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

احد المفاجئات من العيار الثقيل التي فجرتها مايكروسوفت في ال asp.net 2005
خاصية جديدة وهي خاصية الصفحة الأم Master Page

تخيل ان عندك مشروع مكون من 200 صفحة مثلاً وكل الصفحات تتكون من نفس التقسيمه مع اختلاف المحتوى مثل مجلات ادارة المحتوى ومجلة النيوك او مجلة جملة وغيرها من مجلات ادارة المحتوى بمختلف اللغات

في درس سابق شرحنا كيفية توريث صفحات الكنترول وفقط للتذكير قلنا انه عندما يكون لدينا موقع تتشابه كل صفحاته بالشكل العام مثل المجلات تتكون من تروسية علوية (هيدر الموقع) وترويسة سفلية (فوتر الموقع) ومجموعة من القوائم باليمين واليسار فاننا نكتفي بعمل اربع صفحات كنترول واحده للهيدر والثانيه للفوتر والثالثه للقوائم اليمين والرابعه للقوائم اليسار
ونستوردها في كل صفحاتنا وهكذا اذا احتجنا فيما بعد التعديل على الهيدر يكفينا فقط التعديل على صفحة الهيدر لكي تتعدل في كل صفحات الموقع بشكل تلقائي ولمن يريد مراجعة الدرس لاهميته فهو موجود على هذا الرابط وكذلك يجب مراجعته لاننا سوف نستخدم صفحات الكنترول في درسنا هذا
http://www.swalif.net/softs/showthread.php?t=188255


نبدأ الدرس على بركة الله تعالى

في البداية ماهي الصفحة الأم Master Page
هي صفحة تستطيع ان تورث التصميم العام لها لباقي الصفحات
مع امكانية اضافة محتويات مختلفة لكل صفحة

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

فاذا قمنا بتغيير محتوى صفحة الهيدر سوف تتحدث تلقائي في كل صفحات الموقع
ولكن ماذا لو قمنا بتغيير اسم صفحة الهيدر بدلا من header قمنا بتسميتها hed
هنا يجب علينا ان نغير اسمها في كل صفحات الموقع لاننا مسبقا قمنا باستيرادها باسم header

الصفحة الأم توفر علينا الوقت والجهد في مثل هذه المواقف كما انها توفر علينا الوقت والجهد في اعادة اكواد ترتيب وتنسيق الصفحة واماكن صفحات الهيدر والفوتر وغيرها في كل صفحة جديدة
حيث نقوم بترتيب الصفحة الأم بالطريقة التي نرغب بها ونضغ فيها اي عدد نريد من صفحات ال Web User Control ونقسمها بالطريقة التي نرغب ومن ثم عند انشاء اي صفحة جديدة في الموقع يكفي فقط ان تحدد عنوان الصفحة الأم لكي يتم استيراد كل التصميم بشكل للصفحة الام في داخل الصفحة الجديدة بشكل تلقائي

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

سوف نقوم الان باضافة صفحة أم جديد للمشروع اسمها MasterPage.master

نقوم بعملية انشاء عنصر جديد ونختار من القائمة MasterPage ونقوم باضافة الصفحة كما في الصورة التالية



الان سنجد الصفحة قد تم اضافتها للمشروع باسم MasterPage.master وهو الاسم الافتراضي لها
وطبعا تكون خالية تماما الا من عنصر واحد اسمه contentplaceholder كما في الصورة التالية




عند مشاهدة كود الصفحة سوف تلاحظ كود العنصر contentplaceholder كما في الصورة التالية




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

بمعنى اخر لو كانت الصفحات في موقعنا تتكون من هيدر وفوتر وقائمة يمين وقائمة يسار ومحتوى الصفحة يكون في المنتصف اسفل الهيدر واعلى الفوتر وبين القوائم اليمين واليسار فاننا يجب ان نضع هذا العنصر في نفس المكان يعني اسفل الهيدر واعلى الفوتر وبين القوائم اليسار واليمين
وعندما يتم توريث هذه الصفحة لصفحة aspx في الموقع فسوف تلاحظ ظهور الشكل العام للصفحة االأم في صفحة ال aspx بينما مكان العنصر contentplaceholder في الصفحة الأم سوف تجد فيه فراغ يمكنك التحكم به في صفحة ال aspx يعني يمكنك وضع محتويات صفحتك هناك
ان شاء الله سوف تتوضح هذه الفكرة اكثر بعد قليل عندما نبدأ بالعمل على صفحة ال aspx


لان المطلوب منك تصميم الصفحة الأم بالطريقة التي ترغب بها

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

وطبعا في باقي الصفوف والاعمده سوف نستورد صفحات Web User Control كما في هذا الدرس الذي اشرنا له في اول الموضوع
http://www.swalif.net/softs/showthread.php?t=188255

الان نقوم باضافة صفحة aspx للمشروع ونؤشر على الخيار select master page ونعمل اوك يطلع لنا قائمة نختار منها الصفحة الأم ونقوم باضافة الصفحة ال aspx الجديده كما في الصورة




بعد اضافة الصفحة سوف نلاحظ ان التصميم العام لها بنفس التصميم العام للصفحة الام مع وجود مكان فارغ لاضافة محتويات الصفحة وهو نفس المكان الذي وضعنا به العنصر contentplaceholder في الصفحة الأم


في حالة كنت تريد ازالة الصفحة الأم من صفحة ال aspx او اضافتها لصفحة موجوده فسوف تجد كود استيراد الصفحة الام موجود في اول سطر في سورس الصفحة كما في الصورة




واخيرا اسال الله ان اكون قد وفقت في الشرح واي سؤال اقدر اجاوب عليه ان شاء الله مابقصر

في امان الله وحفظه

__________________
احنا بكل فخر واخلاص باغة باروده ورصاص
وصقور تحب المقناص بجو الأردن عاليه
وفوق الأردن عاليه ........

ألف شكر أخونا ومشرفنا الغالي على هذا الموضوع الرائع ...

الله يبارك فيك اشرف والله لايحرمني من ردودك ابدا يارب

__________________
احنا بكل فخر واخلاص باغة باروده ورصاص
وصقور تحب المقناص بجو الأردن عاليه
وفوق الأردن عاليه ........

يعطيك الف عافيه عزيزي الأخ أحمد

واعتقد ان masterpage أفضل من web user control

__________________
Eng.Fedail
Computer engineering Bachlor

هلا اخوي الثلج
ال web user control على حد علمي تختلف عن ال master page
وكل واحده لها استخدام منفصل وفي الشرح استخدمنا ال web user control داخل ال master page

طبعا كان بامكانك انك تعمل الهيدر والفوتر والقوائم من دون الحاجه لل web user control يعني تعملها بكود مباشرة في الصفحة الأم

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

__________________
احنا بكل فخر واخلاص باغة باروده ورصاص
وصقور تحب المقناص بجو الأردن عاليه
وفوق الأردن عاليه ........

أولاً: أبارك للأخ والأستاذ أحمد الإشراف على هذا القسم .. متمنياً له كل توفيق ..

ثانياً: أشكرك على هذا الدرس الرائع، ولا شك أن هذه الميزة لا يستغني هنا أي مطور للـasp 2.

تمنياتي للجميع كل توفيق، واعذروني الانقطاع الفترة الماضية، فأنا حالياً مشغول بالدراسة.

وفقني الله وإياكم

__________________
بداية للمشاريع التجارية

ASP.NET,ASP 3.0

المدونة الشخصية : asp2asp.com

عدنا والعود أحمد...

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

__________________
احنا بكل فخر واخلاص باغة باروده ورصاص
وصقور تحب المقناص بجو الأردن عاليه
وفوق الأردن عاليه ........

تشكر أخوي أحمد على التوضيح

__________________
Eng.Fedail
Computer engineering Bachlor