دورة php بأستخدام برنامج Dreamweaver MX 2004

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
بسم الله الرحمن الرحيم


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

















دورة php بأستخدام برنامج














Dreamweaver MX 2004


aaa.jpg



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

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

الخطة : -
خطة هذه الدورة ستكون كمايلي :

تقديم الدروس بشكل تدريجي اي

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

الاهداف :
  1. الخروج من هذه الدورة بالفائدة لنا جميعا .
  2. مساعدة المبتدئين في اللغة .
  3. تطوير البرامج عربيا .
الاساليب :
  1. الشرح يكون بملفات مرفقة .
  2. دروس من المحترفين ولكن في اطار الخطة للدورة .
  3. تقديم المواقع المفيدة للدورة ولكن باللغة العربية .
  4. الاجابة عن الاسئلة الشائعة .
في انتظار رائكم في الدورة واقتراحاتكم قبل البدء في ارفاق المرفقات
ملاحظة : المرفقات تحتاج الى وقت لتنزيلها على النت لذا نرجو ان تتحملوننا

بالنسبة لبرنامج Dreamweaver MX 2004 فهناك موضوع للاخ zodiack2002 في هذا المنتدى عنه .


http://www.absba.org/vb/showthread.php?t=179021


الدرس الاول :


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

واجهة البرنامج

1.jpg




نبدا اولا في التعرف على كيفية عمل موقع في برنامج Dreamweaver MX 2004

لكي تقوم باضافة الملفات الخاصة بالموقع فيه ويجب عمل مجلد على القرص الصلب c: او d: وفي مجلدات برنامج الاباتشي سيرفر كما يلي


D:\AppServ\www\vbram


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

نتعرف اولا على فتح ملف php من خلال هذه الصورة
[
2.jpg




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

3.jpg






وتكون بيئة العمل في وضع الكود كما يلي

4.jpg




والان من شريط القوائم اضغط على سايت كما في الصورة التالية


5.jpg




تظهر لك الصورة التالية


6.jpg




كما هو واضح اضغط على نيو ومن ثم سايت لتظهر لك الصورة التالية .


6.jpg





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


7.jpg





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



8.jpg




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


9.jpg




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


10.jpg





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






11.jpg



انتهى هذا الدرس بعون الله

تابع معنا الدروس القادمة



الدرس الثاني


قواعد البيانات



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



نبدا اولا بطريقة استيراد قواعد البانات



هذه صورة عامة لبرنامج الاباتشي سيرفر


1.jpg




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


2.jpg




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

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


8.jpg




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



3.jpg



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



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



4.jpg



ثانيا طريقة عمل جدول في قاعدة البيانات .

في الصورة التالية كما تلاحظون قمت بعمل قاعدة بيانات وسميتها phon وهي ما سوف نستانف عليها شروحاتنا وكما تاحظون ايضا انه لا ويجد فيها جداول وقمت بكتابة اسم الجدول aaa وحقوله 3 كما تلاحظون .



5.jpg




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


6.jpg


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

7.jpg


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

اولا نذهب الى قاعدة البيانات


9.jpg




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

10.jpg



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

11.jpg


نختار حفظ ليظهر الملف كما يلي


12.jpg



وهنا يظهر الملف بنفس اسم قاعدة البيانات وامتداده phon.sql

انتها الدرس تحياتي ramah76m

:i5: ا:i5: :i5:​


 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
السلام عليكم ورحمة الله وبركاته

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


الدرس الثالث : الاتصال بقواعد البيانات



الدرس الثالث هو شرح لكيفية تعامل Dreamweaver MX 2004 مع الاتصال بقواعد البيانات فهو يتيح للمستخدم عمل لف الاتصال لكي يستخدمة لكل الملفات مثل ملف config.php الموجود في معظم برامج ال بي اتش بي ويتيح ايضا طريقة منادات لملف الاتصال بطريقة سهلة للغاية سوف نشرح عنها في دروس قادمة .



في الصورة التالية يجب علينا اولا فتح ملف جديد لكي نعمل ملف الاتصال والضغط على نوع اللغة التي سوف نستخدمها في البرنامج وكما هو موضح في الصورة التالية فانني ضغطت على لغة بي اتش بي وسوف يظهر لنا ال Dreamweaver MX 2004 اسم ملف افتراضي وهو Untitled-1.php

1.jpg






وقد قمت بتسمية الملف ب index.php كما هو موضح في الصورة التالية .





2.jpg


في الصورة التالية اضغط على databases




3.jpg



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


4.jpg




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


5.jpg



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

6.jpg



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



7.jpg




في الرقم 1 يظهر اسم الملف باللون الاصفر وفي الرقم 2 تظهر اسم الجدول والحقول كما في الصورة





انتى الدرس
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الدرس الرابع



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




في الصورة التالية تبيت ايقونة الجداول في البرنامج .




1.jpg



وعندما نضغط على ايقونة الجداول سوف تاتينا النافذة التالية .


2.jpg







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



وعندما نضغط على ok وبعد ما نكون قد اخترنا ما نريد من خصائص تاتينا الصورة التالية .

3.jpg






تبين هذه الصورة شكل الجدول وكيف يقوم برنامج Dreamweaver MX 2004 بعرضة




4.jpg





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

5.jpg





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



6.jpg





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

7.jpg



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




8.jpg



واخيرا بعض التعديات التي قمت بها على الجدول .

تحياتي للجميع

.
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الاكواد في Dreamweaver MX 2004


كتابة الاكواد وطريقة التعامل معها الخاصة ببرنامج Dreamweaver MX 2004.

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



عندما نقوم بانشاء ملف بي اتش بي جديد فان برنامج Dreamweaver MX 2004 يكون كود له يشبة كود اتش تي ام ال كما في الصورة التالية



1.jpg


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

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

2.jpg



عندما نضغط على server behaviors وعلى اشارة + نضغط على recordset كما في الصورة السابقة لتظهر لنا النافذة التالية .

3.jpg



1- الريكورد سيت الذي ضغطنا عليه يظهر هنا كما هو وبامكانك تغييره مثلما تردي .

2- ملف الاتصال الذي انشاناه من قبل .

3- قائمة الجداول التي توجد في قاعدة البيانات وكما تلاحظون اسم الجدول aaa .

4- قائمة الحقول التي توجد في هذه الجدول وعي id – name – phon .



وعندما نضغط على ko يبني لنا برنامج دريم ويفر الكود التالي .

4.jpg



1- قام برنامج دريم ويفر بمنادات ملف الاتصال تلقائي بدلا عنك .

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

3- وضع لك الريكورد ست واسمه وهو تلقائي يسميه recordset1 واذا قمنا بعمل ريكورد سيت لجدول اخر فيعطيه الاسم recordset2 وهكذا .



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




5.jpg

1- من شريط القوائم نضغط على انسيرت insert .

2- عندما نضغط على application objects تظهر لنا قائمة نختار منها الخيار التالي .


3- dynamic data وهي الاداة المتعلقة بالبيانات في البرنامج

4- dynamic text وهي تظهر بيانات لحقل معين .

5- dynamic table تظهر هذه الاداة بيانات الجدول بالكامل وعندما نضغط عليها تظهر لنا الصورة التاليه .

6.jpg



1- نوع الاتصال لاي جدول .

2- عدد البيانات في كل صفحة .

3- اظهار جميع البيانات في صفدة واحدة .

4- عرض حدود الحدول .

والصورة التاليه تبين الجدول وكيف يظهر البرنامج البيانات .



7.jpg


1- الجداول التي اظهرها البرنامج وداخلها البيانات باللون الاخضر

2- طريقة اظهار اليانات لكل حقل.



وبهذه الطريقة يظهر البرنامج ايضا الكود بالشكل التالي .




8.JPG

وبهذه الصورة نكون قد اكملنا هذه الدرس البسيط

في الدروس القادمة سوف نتعرف على كيفية عمل كل كود في البرنامج لاي برنامج نقوم بعمله .



تحياتي للجميع .
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
عمل برنامج دليل الهاتف للتعرف على طريقة ربط الجداول ببعض عن طريق Dreamweaver MX 2004


من خلال هذا الدرس سوف نتعرف على ما يلي .

1- التعرف على كيفية عمل البرامج التي تعمل بلغة بي اتش بي .

2- التعرف على كيفية ربط الجداول ببعض .

3- التعرف علي طريقة تغيير التصميم .



اولا سوف نتعرف على الجداول التي نحتاجها لهذه الدرس او البرنامج .

نحتاج الى ثلاثة جداول .

1- جدول المدن (الاقسام الرئيسية) .

2- جدول الاسماء .

3- جدول التفاصيل .



سوف اوضح عمل هذا البرنامج .

المدن – الاسماء -- التفاصيل .

للتعرف على اسم معين في البرنامج يجب معرفة من أي مدينة ينتمي .

مثلا من جدول المدن يكون مثلا كالتالي .


دليل الهاتف

المدينة
1

الخليل

2

القدس

2

رام الله



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




اسم المدينة ( الخليل )
الرقم

الاسم

الرقم

العنوان

1
محمد

544435435

اسم الحي

2

علي

535453453

اسم الحي



وعندما نقوم بالضغط على اسم من الاسماء يظهر لنا البرنامج التفاصيل المطلوبة او المضافى لهذا الاسم .




الاسم : محمد

رقم

الاسم

اسم الاب

العائلة

الايميل

الرقم

العنوان

1

محمد

موسى

حماد

sssds@ffff.vff

4354353543

اسم الحي

















هذه نظرة عامة ومختصرة للبرنامج الذي سوف نقوم بعملة الان وسوف نشرح خطوات البرنامج بالصورة خطوة خطوة .

نقوم في البداية بعمل قواعد البيانات اللازمة كما يلي

اولا جدول المدن .






1.jpg

ثانية جدول الاسماء



2.jpg


جدول التفاصيل.



3.jpg


وهكذا نكون قد انتهينا من عمل الجداول ننتقل الان الى البرنامج

نقوم بعمل صفحة جديدة وطبعا بامتداد ب ي اتش بي وافضل ان تكون الصفحة الرئيسية : index.php

وهذه الصفحة سوف نعرض فيها اسماء المدن .

بالعدودة الى الدرس الثالث ومراجعة كيفية الاتصال بقواعد البيانات .



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



وهو كيفية عمل الصفحة الديدة وهي الصفحة الرئيسية مجلد 3 صورة 2



2.jpg


والان كيفية عمل الريكورد ست مجلد 5 صورة 2

2.jpg






وتظهر لنا الصورة التالية ونقوم بتعبئة البيانات بالصورة التالية .
4.jpg



وهو جدول المدن .

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



لتظهر لنا الصورة التالية ونقوم بتعبئة البيانات التالية .
6.jpg



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

وعندما نضغط على ok سوف يظهر لنا البرنامج الجداول والبيانات بالشكل التالي .



7.jpg


لاحظ كيف يقوم البرنامج بخلق الجداول وايضا يخلق له كلمات التحرك للامام وللخلف والاخير والاول .

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



والان سوف نقوم بعمل صفحة لاصافة اسماء المدن الى قاعدة البيانات .

نقوم بعمل صفحة جديدة ونسميها insert_cety.php



ونذهب الى شريط القوائم ومن ثقائمة insert نختار التالي والموضح في الصورة التالية :



8.jpg


لتظهر لنا النافذة التالية

9.jpg



1- ملف الاتصال .

2- اسم الجدول الذي نريد ان نضيف فيه .

3- بعد الاضافة اذهب الى الصفحة زالتي نحددها .

4- قائمة الحقول .

ليظهر لنا منظر الصفحة كما يلي

10.jpg



قم بحذف حقل الاي دي لانه يضيف تلقائي .

لاحظ الرقمين الذان علمتها في الصورة

1- ايقونة لاستعراض الملف في السيرفر الاباتشي .

2- اسم المستعرض اضغط عليه لتقوم باضافة اسم مدينة لقاعدة البيانات .



وعندما قمت باضافة اسم ثلاثة مدن تبين لدي القائمة التالية في المستعرض .

11.jpg



والان جرب اضغط على اسم احدة المدن

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

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

names.php والان سوف نقوم اولا بعمل صفحة الاضافة للاسماء وطبعا عندما نضيف اسم يجب ان تكون اسماء المدن مضافة لكي نقوم بوضع قائمة اسماء المدن في صفحة الاضافة والصور التالية تبين كيفية عمل الصفحة بالترتيب .

سوف ننشئ صفحة الاضافة للاسماء بهذا الاسم : insert_names.php ونقوم كالعاده من شريط القوائم انسيرت وثم ابليكيشن اوبجيكت ثم انسيرت ريكورد وثم ريكورد انسيرشن فروم ويزرد أي اضافة باستخدام المعالج فتظهر لنا الصورة التالية .
12.jpg



1- نحدد خصائص الحقول text field .

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

بعد انشاء صفحة الاضافة للاسماء تظهر لنا الصفحة بالشكل التالي .

13.jpg



والان سوف نقوم باعدادات القائمة أي انه سوف نعرف القائمة على الجدول الذي سوف يحضر البيانات منه .

تابع معي الصورة والتي احضرنا من خلالها بيانات جدول اسماء المدن بالشكل التالي .


14.jpg





والان قم بتحديد حقل القائمة من صفحة الاضافة كم يا يلي .

15.jpg



الان نذهب الى القائمة اليمنى للبرنامج ونضغط على تابع الصورة التالية :

16.jpg



وتظهر الصورة التالية .

17.jpg



نقوم بتعبئة الحقول كما في الصورة وطبعا شرحت في دروس سابقة كيفية التعبئة انظر الى اشارة ال + و ال - فهي اذا ارد اضافة حقول يدوية وازالتها قم بازالة الحقول الافتراضية التي موضحة بالتحديد الازرق فلاحاجة لنا بها .

والان وبعدما جهزنا جدول القائمة نلاحظ التالية عندما نستعرض الصفحة .

18.jpg



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

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

19.jpg



رقم 2



والان نقوم بعم الريكورد سيت لصفحة الاسماء كم يلي .
20.jpg



1- اسم الجدول وهو جدول الاسماء .

2- حقل المدينة المجود في جدول الاسماء وهو معناه احض البيانات عن طريق هذا الجدول من خلال الاي دي كما في الرقم 3 .

3- اظهر البيانات باستخدام الاي دي .

4- اظهر البيانات من الاجدد الى الاقدم وبالعكس .

اذا اردت استعراض الصفحة ( صفحة الاسماء ) يظهر لك المستعرض الخطا التالي .

21.jpg



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

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

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

22.jpg








23.jpg

وتظهر النتيجة النهائية كما يلي .

24.jpg



قم بعمل صفحة الاضافة للتفاصيل :

25.jpg









26.jpg






27.jpg



28.jpg



يظهر لك البرنامج بالشكل التالي


29.jpg




ارجو ان يكون الدرس قد اعجبكم

بانتظار ملاحظاتكم

تحياتي
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
عمل برنامج سجل زوار عن طريقDreamweaver MX 2004



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

نسمي قاعدة البيانات ما نريد انا سميتها zwar



نحتاج الى جدول واحد

Zwars

Id - name - email - supjeqt




1.jpg

كما كتبت فان الجدول يتكون من اربعة حقول .

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

واريد ان ابين الخطوات التي سوف نتبعها في هذه الدرس



1- عمل قواعد البيانات.......................................... ................................ راجع الدروس السابقة .

2- فتح الدريم ويفر وعمل موقع جديد من خلال شريط القوائم site ....... .... راجع الدروس السابقة .

3- عمل ملف الاتصال .................................................. ........................ راجع الدروس السابقة .

4- عمل الصفحة الرئيسية index.php وصفحة الاضافة insert_zwar.php ... راجع الدروس السابقة

5- تغير التصميمات على البرنامج .





في ملف الانسيرت أي الاضافة .




2.jpg

كما تلاحظون نفس الدروس السابقة بتغير بسيط هو اني غيرت خاصية الموضوع الى text area في الرقم 1 و 2 وتبين الصورة التالية كيف اظهر البرنامج هذا الملف .


3.jpg



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





4.jpg


صورة من مجلد 5 رقم 5




5.jpg

تابع ترتيبالارقام لتحصل على البيانات هذه الصور من الدرس الخامس .

ونختار في الاخر رقم 5 dynamic tabil



صورة من مجلد5 رقم 6

6.jpg





نضع بدل رقم 10 العدد 30 وهو عدد التعليقات في كل صفحة .


5.jpg



وهكذا يتبين لنا شكل الصفحة الرئيسية للبرنامج .

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

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

عن طريق برنامج دريم ويفر ماكس نفسة

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

هناك برامج كثير لتغير التصميم وتكون تدعم الكود .

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

6.jpg



وتظهر في المتصفح كالتالي


7.jpg



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


8.jpg



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



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



تحياتي للجميع
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
عمل محرك بحث عن طريق Dreamweaver MX 2004



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

في البداية سوف نقوم بانشاء صفحتين وسميتهما . saersh.php - saersh2.php

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


1.jpg



1- نختار من هنا فورم .

2- نقووم بادراد الفورم .

3- ادراج تيكست فيلد .

4- ادراج زر امر .

وبعد ما نقومبالخطوات السابقة تاتينا الصور التالية .

2.jpg

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

5.jpg



انظر في الوضع الاصلي للكود كيف كان و بعد التعديل كيف اصبح انظر الفروقات بالارقام .

هذه التغيرات تكون في الصفحة الولى saersh.php >
الان سوف نقوم بالعمل على الصفحة الثانية saersh2.php



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

اول الريكورد سيت نغير عليه التغير التالي .





3.jpg


1- الصفحة الاولى والتي فيها فورم البحث .

2- الصفحة الثانية والتي قمنا بعمل الريكورد ست لها .

3- اسم الجدول الذي نريد الاستعلام له .

4- البحث سيكون عن حقل الاسم .

5- نختار هذا الخيار المتعلق بالبحث .

6- فورم فيريبل والشرح عنه في اسفل الدرس .

7- نختار ايضا اسم الحقل الذي نريد لبحث فيه .





ويظهر لنا البرنامج نفس البرامج السابقة في الصورة التالية .

.

4.jpg




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



6.jpg


تظهر لنا الصورة التالية .

7.jpg



نكتب اسم الحقل الذي نريد الابحث فيه .



ويظهر بالشكل التالي .





8.jpg




وفي الصورة التالية نقوم باضافة الفورم فيريبل على الصفحة تابع الصورة الالية .

9.jpg






1- حدد مكان في الصفحة واضغط على انسيرت .

2- يظهر لك الفورم بهذا الشكل .





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



10.jpg






1- حدد جدول الحقول .

2- اختار سيرفر بيهيفر .

3- اضغط على اشارة + .

4- اظهار البيانات .

5- اظهر الريكورد سيت اذا كان غير فارغ .

يعني اذا قمنا بالبحث وكان البحث موجود يقوم باظهار النتيجة تابع معي لتلاحظ بالصور.

11.jpg



1- والان حدد الفورم فيريبل .

2- سيرفر بيهيفر .

3- اظها ر البيانات .

4- اظهار اذا كان الريكورد سيت فارغا .

أي اظهر هذا الفورم فيريبل اذا لم تكن هناك نتيجة للبح وسوف يقوم باظهار سطر "" لم يفلح بحثك عن (الكلمة التي نكتبها في محرك البحث ).



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





12.jpg


1- يعرض لك البرنامج مكان الكود .

2- شكل اظهار وعدم اظهار البيانات .





في الصور التالية تبين كيف قمنا بالبح وكيف كانت النتيجة اذا كانت فارغو او غير فارغة .

13.jpg



كتبنا في حقل البحث ( ابو بكر )

14.jpg




اظهر لنا المتصفح انه لم يفلح بحثك عن ( ابو بكر ).

15.jpg






وفي الصورة الاعلى كتبنا (محمد)

اظهر لنا المتصفح انه وجد نتيجة البحث واظهر لنا البيانات المطلوبة .

تستطيع بالرجوع الى الدروس السابقة تغير التنيق الى ما تحب .





انتها الدرس



ارجو ان يكون الدرس مفهوم
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الدرس التاسع : طريقة التعديل في قواعد البيانات من خلال Dreamweaver MX 2004



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

في هذا الدس اخواني سوف نتعرف على طريقة عمل تعديل للبيانات التي قمنا باضافتها في قواعد البيانات من خلال برنامج Dreamweaver MX 2004 .

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



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

صورة من الدرس الخامس صورة 3 مجلد 5




3.jpg

طبعا هذا الريكورد سيت من درس سابق فقط نغير في الرقم 3 كما في الصورة .

الصورة التالية تظهر لنا عمل الصفحة وهي من الدرس السادس صورة 5 مجلد 6

5.jpg






تظهر لنا الصورة التالية وتبين تعديلات بسيطة .
1.jpg



1- نختار جدول الاسم .

2- نختار الصفحة الثانية لملفات التعديل .



والان تظهر لنا الصورة التالية كيف انه اصبح ملف التعديل الاول .
2.jpg



1- نلاحظ ان برنامج Dreamweaver MX قام بخلق الصفحة تلقائي ولقد نبهت عن هذه النقطة في دروس سابقة .

2- اضاف برنامج Dreamweaver MXالرابط تلقائي .

3- وايضا قام برنامج بخلق هاك يقوم بعرض الصفحة السابقة والتاليه والاولى والاخيرة .

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



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


3.jpg



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

4.jpg



اصبح الجدول بهذا الشكل .



والان سوف نقوم بعمل الريكورد سيت للصفحة الثانية update_names2.php





5.jpg


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

6.jpg



فتظهر لنا الصورة التالية .

7.jpg



1- ملف الاتصال الذي عملناه في السابق.

2- نختار جدول التفاصيل .

3- احضار البيانات عن طريق id :

4- بعد التعديل اذهب الى الصفحة السابقة او الصفحة الاولى لعملية التعديل .

5- حقول الجدول تبقى كما هيه لا تعدل فيها أي شيئ.



يظهر الملف بالصورة التالية .

8.jpg



والان سوف نستعرض الملف الاول وسوف ترون الصور التالية كيف اصبحت .

9.jpg



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

10.jpg



في الحقل name يظهر لنا رقم 1 وهو الاي دي الخاص بالاسم محمد



انتها الدرس

اتمنى ان يكون الدرس قد نال اعجابكم وتكونوا قد استفدتم به .

تحياتي للجميع
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الدرس العاشر :




طريقة الحذف في Dreamweaver MX 2004



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




نحتاج الى ثلاثة صفحات del.php -- del2.php -- del3.php

اولا صفحة : del.php وه الصفحة التي سوف نعرض فيها السجلات التي نريد لها الحذف كما في الصورة التالية :





1.jpg


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


2.jpg



1- نضغط على القايمة التي منها نختار كلمة فورم .

2- بعد ما يظهر شريط الفورم نطغك على مربع الذي سيضيف لنا الفورم .

3- مربع النص .

4- زر الامر .

5- نقوم بتنسيق المربع والزر بهذا الشكل .

6- جدول السجلات التي احضرناها وهي لجدول الاسماء في برنامج دليل الهاتف الذي شرحناه سابفا .





في الصورة التالية سوغ نقوم باضافة تغيرات على مربع النص :

3.jpg



1- اضغط على مربع النص للتحديد .

2- اكتب أي اسم تريدة .... انا كتبت dl .



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





4.jpg


1- اضغط على كود .

2- في مربع الاكشن للفورم وبين الاشارتين " اكتب اسم الصفحة الثانية " كما في الصورة .



ثانيا الصفحة del2.php : .



من شريط القوائم اضغط على انسيرت وثم ابليكيشن اووبجيكت ثم دليت ريكورد انظر الصورة التالية :





5.jpg


سوف تظهر لك النافذة التالية .



6.jpg






1- نوع الجدول الذي سيتم الحذف من خلالة وهو المفتاح الاساسي حقل id والذي عملنا عليه مفتاح اساسي .

2- ملف الاتصال الذي شرحناه من قبل .

3- اسم الجدول الذي سيتم الحذف منه .

4- اسم الحقل الذي عملنا عليه المفتاح الاساسي .

5- قيمة المفتاح الاساسي .

6- نكتب هنا اسم مربع النص الذي عملناه في الصفحة del.php والذي اسميته dl .

7- اذا تم الحذف اذهب الى الصفحة del2.php او أي صفحة تريدها .. انا قمت باضافة صفحة ثالثة del3.php وكتبت فيها (تم الحذف بنجاح ) .



انتها الدرس

تحياتي للجميع .
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الدرس الحادي عشر



طريقة عمل لوحة تحكم لا يدخلها إلا صاحب الموقع باسم مستخدم وكلمة مرور




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

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



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

تابع الصورة التالية .


1.jpg




الارقام توضح المطلو اسم الجدول بيانات الجدول حقول الجدول .



لقد قمت بعمل صفحة لوحدة التحكم واسميتها admin.php ووضعت بها بعض الاشياء المطلوبه في كل موقع تقريبا راجع الصورة التالية .


2.jpg



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





3.jpg




والان نحتاج الى صفحة ثانية وهي صفحة اسم المستخدم وكلمة المرور وسميتها login.php تابع الصوة التالية .


4.jpg



1- نقوم باضافة فورم .

2- ايضا نقوم باضافة مربعين نص .

3- وزر امر .

4- انظر الصورة كيف عملنا ترتيب الادوات .



والان سوف نقوم بتغير خصائص مربعات النص تابع الصورة .

5.jpg



1- نقوم الضغط على مربع النص الاول .

2- نغير اسم المربع الى user .



ومربع النص الثاني كالتالي .

6.jpg



1- كما هو موضح نحدد مربع النص .

2- نكتب اسم المربع pass .

والان سوف نقوم باضافة جدول قاعدة البيانات والحقول لصفحة login.php . تابع الصوره التالية .


7.jpg



بعد هذه الخطوات تظهر لك الصورة التالية .

8.jpg



1. اسم الفورم الذي ضفناه في البداية طبعا لصفحة login.php .

2. اسم مربع النص الذي غيرناه (اسم المستخدم ).

3. اسم مربع النص لكلمة المرور.

4. ملف الاتصال .

5. اسم الجدول في قاعدة البيانات phon .

6. حقل اسم المستخدم .

7. حقل كلمة المرور.

8. اذا وضعنا كلمة المرور واسم المستخدم الصحيحة اذهب الى (طبعا صفحة لوحة التحكم admin.php) .

9. اذا ادخلنا اسم مستخدم او كلمة مرور خاطئة اذهب الى (انشء صفحة للخطا واكتب فيها خطا او ما تريد لتدل على الخطا ).



في حقل كلمة المرور نحتاج لتغير بسيط كما في الصورة التالية .


9.jpg



1. مربع النص الخاص بكلمة المرور فقط .

2. لكل لا تظهر كلمة المرور عند ادخالها نضع خاصية password كما في الصورة السابقه .





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


10.jpg



وتعني هذه الخاصيه انه قبل ان تفتح الصفحة تاكد من ان صاحب الموقع ادخل اسم المستخدم او كلمة المرور وطبعا هذا الشي يحتاج الى سيشن وسوف نشرح عنه في الدرس الثالث عشر لاحقا ، واذا كان صاحب الموقع لم يدخل الاسم وكلمة المرور فيذهب المتصفح الى صفحة login.php لكي يقوم باضافة الاسم وكلمة المرور واذا كان قد ادخلها فافتح الصفحة ، بعدما تقوم بالضغط كما في الصورة السابقة تظهر لك النافذة التالية .




11.jpg

وتبين الصورة اسم صفحة login.php التي عملنها لاسم المستخدم وكلمة المرور .

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



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


12.jpg



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

13.jpg



وتبين انه بعد تسجيل الخروس اذهب الى صفحة (أي صفحة تريدها انا وضعت الصفحة الرئيسية لبرنامج دليل الهاتف ).

وانظر الصورة التالية لترى كيف اصبح تسجيل الخروج .


14.jpg





وبالنسبة لصفحة الخطا eror.php التي قلت عنها بامكانك عملها بالشكل التالي .

15.jpg




انتها هذه الدرس بعون الله

اسال الله عز وجل ان يكون الدرس قد افادكم
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
درس الثاني عشر




طريقة عمل تسجيل لاسم مستخدم في موقع أو منتدى




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

سوف ننشئ جدول اسمة users كما تلاحظون في الصورة التالية .



1.jpg






ثانيا نقوم بإنشاء صفحة لإضافة اسم المستخدم insert_user.php كما في الصورة التالية .


2.jpg



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

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



3.jpg


1. مربع النص الذي اضافة دريم ويفر .

2. مربع النص الخاص بتاكيد كلمة المرور والذي قمنا باضافته يدويا .

3. مربع نص البريد الالكتروني وايضا اضافة الدريم ويفر .

4. مربع نص تاكيد البريد الالكتروني .



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





4.jpg


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

5.jpg






1. نقوم بنشاء الفورم فيريبل وايضا متغير لرسالة الخطا .

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



والان اين نريد ان تظهر رسالة الخطا تابع الصورة التالية .


6.jpg



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

7.jpg



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

8.jpg



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



وبهذا الشكل نكون انتهينا من هذا الدرس .



تحياتي للجميع .
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الدرس الثالث عشر

التعرف على طريقة عمل Dreamweaver MX 2004 للجلسات (السيشن - session ) .

هذا الدرس بسيط فهو عبارة عن صورتين

الصورة الاولى في ملف login.php تبين كيفية بناء الدريم ويفر للسيشن وكيف يقوم بادارجه تلقائيا ، طبعا الصورة للكود فقط .




1.jpg

الصورة التالية لصفحة admin.php وتبين انه كيف يقوم الدريم ويفر بمناداة السيشن والتاكد انه تم تسجيل الدخول او لا .


2.jpg

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



Session


تعريف مختصر لمعظم الدوال المستخدمة في الجلسات ( Session )
مع بعض الامثلة
نتناول في هذا الدرس
إعدادات Session في مل php.ini ,
توضيح الدوال الخاصة بتغيير هذه الاعدادات ,
استخدام الكوكيز مع الجلسات

الجزء الاول من الدرس
اهم الدوال التي تساعد في التحكم بالجلسات وقيمهاالافتراضية
[blue] session.save_path "/tmp" [/blue]
مسار الجلسة في الوضعالافتراضي تحفظ في ملف tmp
اذا كنت تستخدم وندوز يجب عليك تعديل المسار الى
c:\WINDOWS\temp

[blue]session.name "PHPSESSID" [/blue]
اسم الجلسةالمستخدمة

[blue] session.save_handler "files"[/blue]
معرفة مكانتخزين الجلسة في الاوضع الافتراضي في ملفات وتستطيع تعديلة الى
قاعدة بيناتبواسطة دوال خاصة بك

[blue]session.auto_start "0" [/blue]
تشغيل الجلسةتلقائي اذا كان القيمة 1 في الوضع الافتراضي صفر

[blue]session.gc_maxlifetime "1440" [/blue]
وتعني اقصى عمر للبيناتالمخزنة في الجلسة
والرقم 1440 يشير الى عمر البينات بعدها لن تصلح للاستخدامثم تتم ازالتها


[blue] session.referer_check ""[/blue]
مصدرالقدوم لمعرف الجلسة
[blue] session.cache_limiter "nocache" [/blue]
مستوىالحماية للجلسة ويعاد ضبطة بدالة خاصة هي

[blue] session_cache_limiter [/blue]
يستخدم قبل البدء في الجلسة مثال


PHP





كود PHP:
session_cache_limiter('private');
$cache_limiter = session_cache_limiter();
echo
"تم تحويله الى : $cache_limiter";








[blue]session.cache_expire "180" [/blue]
عمر مستوى الحماية بدقائق تابع لدالة السابقة
ويعاد ضبطةبهذة الدالة
[blue] session_cache_expire [/blue]
مثال


كود




$expire=60*60*24*7*52; # sec, min, hours, days, weeks ?

session_cache_expire($expire);












[blue] session.use_trans_sid "0"[/blue]
استخدام معرف الجلسة في العنوان اذا كانتالقيمة تساوي واحد

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

[blue] ini_set [/blue]
مثال : نقوم بتمرير الدالة التي نريد تعديل قيمتها ثم نضع القيمةالمعدلة
لها


كود




ini_set("session.use_trans_sid", 0);












_____
استخدام الكوكيز مع الجلسات
[blue] session.******_lifetime "0" [/blue]
وقت حفظ هوية الجلسة على كبيوتر الزائر والقيمة صفر تعني انه بمجرد انيغادر
يتم الغاء هوية الجلسة من جهازة

[blue] session.******_path "/" [/blue]
المسار الذي تريد فيه ضبط الكوكيز الخاص بالجلسة

[blue] session.******_domain "" [/blue]
تحديد العنوان الذي يتصلبالكوكيز

[blue] session.******_secure "" [/blue]
هذه الدالة اذا تمتفعيلها يعني ان الكوكيز لن يرسل بواسطة اتصال عادي HTTP
[blue] session.use_******s "1" [/blue]
استخدام الكوكيز مع الجلسات عند القمية واحد

[blue]session.use_only_******s "0" [/blue]
استخدام الكويكز فقط معالجلسات في جهاز الزائر

[blue] session_get_******_params [/blue]
تعيدهذة اعدادات الكوكيز المستخدم مع الجلسة
بواسطة هذه الدالة

[blue] session_set_******_params [/blue]
يمكن ان تعيد ضبط اعدادات الكوكيز المستخدممع الجلسات كما لو كنت تستخدم
set******
وتاتي بهذه الصورة


كود






session_set_******_params ( int lifetime [, string path [, string domain [,
bool secure]]] )












______

اهمالدوال المستخدمة في التعامل مع الجلسات
[blue] session_decode [/blue]
تقوم هذه الدالة بالحاق بينات جديدة للجلسة او التعديل على بيناتموجودة
بواسطة تمرير متغير الجلسة الذي تريد تعديلة او اضافته على هذا الدالة


[blue] session_encode [/blue]
عرض البينات المخزنة في الجلسةوتحويلها من مصفوفة الى سلسلة


---------------

[blue] session_destroy [/blue]
تستخدم هذه الدالة في تدمير الجلسة اي حذف الملف بصورةنهائية
ملاحظة
يظهر خطاء عند استخدام هذه الدالة في حالة عدم الخروج منالجلسة بصورة نهائية

لتجنب هذا الخطاء : ابداء الجلسة في كل ملف او جزء منبرنامجك بداية مستقلة


[blue] session_id [/blue]
تعيد هذة الدالةمعرف الجلسة ويمكن استخدامة بشكل يدوي في المتصفح
مثال


PHP




كود PHP:
$session = session_id(); print "<a href=index.php?&s=$session>صفحةالبداية</a>";








[blue] session_is_registered [/blue]


التحقق من تسجيل بينات في الجلسة

[blue] session_name [/blue]
اسم الجلسة وهنا تعيد ضبط اسم الجلسةبهذه الدالة مثال


PHP
كود PHP:
/* set the session name to WebsiteID */

$previous_name = session_name("rafiaphp");

echo
"The previous session name was $previous_name";





[blue] session_readonly [/blue]
تقراء بينات الجلسة بدون الاطلاع عليها قرائة داخلالبرنامج

[blue] session_register [/blue]
تسجيل بينات في الجلسةويمكن تسجيلها بضبط قيمة المصفوفة
$_SESSION
او المصفوفة الاقدم $HTTP_SESSION_VARS

مثال لتسجيل بينات داخل الجلسة


PHP
كود PHP:
$barney = "rafiaphp";
session_register("barney");
// الطرقة الثانية
[php]%4$s


SESSION["zim"] = "An invader from anotherplanet.";
//الطريقة الثالثة
$HTTP_SESSION_VARS["spongebob"] = "He's got squarepants.";






[/php]




[blue] session_save_path [/blue]
تعديل المسار لحفظ ملف بينات الجلسة قبل بدايةالجلسة

[blue] session_start [/blue]
هذه هي دالة بدء الجلسة ويجب انلا يسبقها فراغ خارج النص البرمجي او شفرة
html
وأغلب دوال التعديل في العداداتيجب ان تسبقها ان لم يكن كلها

[blue] session_unregister [/blue]
تقومهذة الدالة بالغاء تسجيل متغير الجلسة عكس ما تقوم به الدالة
session_register
ومع تجربتي لهذة الدالة session_unregister لم تنجح في الغاء متغير الجلسة

[blue] session_unset [/blue]
هذه هي الدالة الناجحة 100% في الغاءجميع متغيرات الجلسة بمجرد استخدام
مباشر لها

[blue] session_set_save_handler [/blue]
هذه الدالة التي كانت السبب في هذا الدرس
smile.gif

بواسطة هذه الدالة نقوم بضبط اعدادات جديدة للجلسات
اولها تغيير مسار حفظالجلسة اي نقوم بهيكلة النظام مرة اخرى
ويجب انشاء دوال خاصة ثم نقوم بتمريرهاعلى الدالة السابقة
session_set_save_handler ( string open, string close, string read, string
write, string destroy, string gc )

اولا نقومبانشاء دالة open في هذه الدالة يتم تمرير قيمتين
الاولى مسار الحفظ path والثانية اسم الجلسة name

ثانيا close
دالة لاغلاق ماتم فتحة

ثالثا read
قرائة المتغيرات وهذه الدالة يجب ان تعيد متغير اما بقيمةاو فارغ حتى تتم
العملية بشكل مثالي
بعكس الدوال السابقة والتي تعدي صح اوخطأ true او false
ويتم تمرير معرف الجلسة على دالة القرائة


رابعا write
دالة كتابة البينات ويتم تمرير معرف الجلسة ثم تمرير البينات

خامسا destroy
دالة تدمير بينات الجلسة او حذف نهائي للجلسة اذا خرجتمن الجلسة نهائيا

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



ولمزيد من المعلموات عن السيشن فقد قمت بارفاق موضع على منتدى سوالف سوفت مفيد جدا مع خشيتي من المشرفين لاني تعقدم من اضافة روابط على العموم هذا الرابط للفائدة فقط وليس لا اغراض اخرى



http://www.swalif.net/softs/showthread.php?s=&threadid=44936



انتها الدرس

تحياتي للجميع .......
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الدرس الرابع عشر
confused.gif



شرح لكيفية تغير الألوان في برنامج معين من خلال لوحة التحكم


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

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

حقل لتغيير لون الجدول .

حقل لتغير لون الخط الموجد في الجدول .

حقل لتغيير حجم الخط .

وهذه صورة الجدول .

2.jpg






بالنسبة للاي دي فهو فقط لكي يحمل رقم السجل .



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




3.jpg

وسوف نقوم بتعديل صفحة index.php وهي الصفحة التي عملناها في دليل الهاتف وتقوم بعرض المدن .



4.jpg


انظر كيف تبدو الصفحة .

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

انظر الصورة التالية .



5.jpg






في الصورة التالية وبعد عمل الريكورد سيت قم بتظليل الجدول كما في الصورة وقم بتغيير لونه كما تريد وكما في الصورة التالية .

6.jpg






والان وبعد عمل اللون المطلوب اذهب وفي نفس الصفحة الى وضع الكود كما يلي .

7.jpg



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




8.jpg

1. نقوم بالضغط على بندينجز .

2. افتح الريكورد سيت الثاني والخاص بالالوان .

3. اختار لون الجدول الذي تريده .

4. عندما تكون قد قمتب بتحديد كود الالوان كما سبق اضغط انسيرت سوف يظهر الكود التالي .

5. سيظهر بدلا من كود الالوان الموجود مسبقا .



والان نريد ان نغير لون الخط وقد قمنا بزرع حقل في قاعدة البيانات font_color ولك حرية الاختيار في اسماء الحقول .

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





9.jpg


1. نظلل الخط .

2. قائمة الاستايلات وهي تحدد لنا انه الخط المظلل كود خطه يظهر في الاستايل رقم 5 وطبعا هذا الكود يظهر في كود استايل تابع معي الصورة القادمة بشكل جيد.

3. كود الخط .



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





10.jpg


في الصورة التالية يظهر الستايل باللون الزهري .

11.jpg



1.نحدد لون الخط .

2. نظغط انسيرد .

3. كود يظهر لي لون الخط من قاعدة البيانات .

4. الخط الذي قنا بتغييره الى ان يظهر في قاعدة البيانات .



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

12.jpg




تابع حسب الارقام بعد ما تقوم بعمل رقم 4 قم بحذف رقم 3 لانني وضعت بدلا منه الرقم 4 ووضعت رقم 3 لابين كيف كان قبل ما اضيف رقم 4 .



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



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

13.jpg




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

14.jpg



1. نختار حدقل اللون .

2. هذا كود الخلية انظر رقم 3 وهو لونها الحالي عندما تقوم بتحديدة وتذهب على زر انسيرت على يمين الصورة من البرنامج واضغط عليها .

3. سيظهر مكان هذا الكود استعلام من قاعدة البيانات .



ونفس الشيء للخلية الموجودة بجانب لون الخط.

والان سوف ابين كيف تغير حجم الخط من خلال قاعدة البيانات .

تابع الصورة التلية .





15.jpg


نفس التغيرات التي قمنا بعملها على الخلية وعلى الوان صفحة الانديكس انظر الى الصورة التالية لترى مكان التغييرات .

16.jpg




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

المربع الطويل يبين الكود الذي استعلمناه من قاعدة البيانات .


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

17.jpg



وبعد ما نقوم بالتعديل نذهب الى

18.jpg



انها الدرس





ارجو ان تكونو استمتعتو بهذا الدرس
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الدرس السادس عشر



طريقة زرع الاكواد في Dreamweaver MX 2004 وطريقة التعامل معها .



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



1.jpg




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

قم بتحديد الكلمة لتظهر لك الصورة التالية

2.jpg




بعد التحديد ادرج كود شريط الترحيب كما يلي

3.jpg


هاهو الكود داخل المربع الاحمر

والان انظر كيف يظهر

4.jpg


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

انها هذه الدرس

وايضا انتهينا بعون الله من الجزء الاول من هذه الدورة

قريبا ان شاء الله سوف نبدا بدروس الجزء الثاني
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الجزء الثاني











بعون الله نبدا في طرح دروس الجزء الثاني لهذه الدورة راجيا من الله عزوجل اين يسخرنا لخدمة هذا الدين وهذه الامه

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



1. اظهار كلام اذا كان الريكورد سيت فارغ او غير فارغ

2. احتراف عمل السيشن .

3. تحميل الصور الى الموقع وطريقة تخزينها الى قاعدة البيانات.

4. . طريقة عرض السجلات تصاعديا او تنازليا او حسب الاي دي او أي حقل اخر .

5. عندما يتم تسجيل المستخدم كيفية اظهار رسالة ترحيب

6. طريقة عمل الشريط المتحرك .

7. التعرف على الدوال والمتغيرات .

8. عمل برنامج اتصل بنا .

9. عمل فورم بريدي وكيفية ارسال الرساله لجميع الاميلات.

10. جمل الشرط والتكرار .

11. كيفية وضع (تعليق) أو ( رد) على مقالة مثل الردود في المنتديات . فكرة هذا الدرس من الاخ الشمردل ..مشكورا

وهناك فرصة لزيادة الدروس حسب الحاجة .



تحياتي للجميع
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الدرس الاول : الجزء الثاني​



اظهار كلام اذا كان الريكورد سيت فارغ او غير فارغ


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

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




1.jpg

هذا هو البرنامج وانظر الى جملة اذا اضفنا ..................... لغاية الان .

هذه العبارة لا ايريد ان تظهر الا اذا كان الاعضاء لم يقومو باضافة مقالات تابع الصور .

2.jpg


1. قم بتحديد العبارة .

2. اضغط على سيرفر بيهيفر.

3. اظهر القائمة .

4. اظهر اذا كان الريكورد سيت فارغا .

3.jpg


1- لاحظ كيف ظهر امر الشرط اذا كان الريكورد ست فارغا يضعه البرنامج في مربع اسود وكتب عليه اظهر اذا .

2- والان اكتب كلمة شكر لكل الاعضاء الذين اضافو مشاركات .

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

5.jpg


والان كيف تظهر العبارة الثانية في حال اضفنا مقالات .


4.jpg



1- قم بتحديدها كما في الصوة .

2- سيرفر ....

3- اظهر القائمة .

4- اظهر اذا كان الريكورد سيت غير فارغ .اي ممتلئ .



6.jpg


وهكذا انتهينا من هذا الدرس البسيط .
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
دورة Dreamweaver MX 2004

بعض التلميحات لهذه الدورة والتي من المفروض ان ابدا الدورة بها

الدروس المقترحة لهذه الدورة

مع تحيات ramah76m



1- التعرف على كيفية عمل موقع في برنامج Dreamweaver MX 2004.

2- قواعد البيانات في الاباتشي سيرفر .

3- شرح لكيفية تعامل Dreamweaver MX 2004 مع الاتصال بقواعد البيانات.

4- طريقة عمل النماذج وكيفية تغيريها اى تصميم اخر من خلال Dreamweaver MX 2004.

5- كتابة الاكواد وطريقة التعامل معها الخاصة ببرنامج Dreamweaver MX 2004.

6- عمل برنامج دليل الهاتف للتعرف على طريقة ربط الجداول ببعض عن طريق Dreamweaver MX 2004 .

7- عمل برنامج سجل زوار عن طريق Dreamweaver MX 2004 .

8- عمل محرك بحث عن طريق Dreamweaver MX 2004 .

9- طريقة التعديل في قواعد البيانات من خلال Dreamweaver MX 2004 .

10- طريقة الحذف في Dreamweaver MX 2004.

11- طريقة عمل لوحة تحكم لا يدخلها الا صاحب الموقع باسم مستخدم وكلمة مرور .

12- طريقة عمل تسجيل لاسم مستخدم في موقع او منتدى .
13- التعرف على طرقة عمل Dreamweaver MX 2004 للجلسات (السيشن - session ) .

14- شرح لكيفية تغير الالوان في برنامج معين من خلال لوحة التحكم.

15- كيف تقوم بزرع كود في قاعدة البيانات ويتم تنفيذه على انه ملف php .

16- طريقة زرع الاكواد في Dreamweaver MX 2004 وطريقة التعامل معها .





وايضا التعرف على بعض الاخطاء التي قد تحدث في أي برنامج نقوم بتصميمة على برنامج Dreamweaver MX 2004
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الدرس الخامس عشر




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


في هذا الدرس الذي سوف يكون عن زرع الكود في قاعدة البيانات لاهداف متعددة .



اولا : لكي اقوم بالتعديلات من خلال النت .

ثانيا : لكي اخفف من الملفات في الموقع .

ثالثا : للتعرف على كيفية التعامل مع الاكواد وخاصة في دريم ويفر.



شرح مختصر لهذا الدرس .

نحتاج الى جدول في قاعدة البيانات ونسميه hedr يتكون من حقلين id - hedrs .

1.jpg




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




2.jpg

وصفحة للتعديل ويمكن ان تعملها في الادمن update_hedr.php

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





3.jpg


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




4.jpg

والان نذهب الى صفحة الهيدر وننسخ الكود منها كما في الصورة التالية .

5.jpg




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

6.jpg






ثم تظهر لك كالتالي .

7.jpg



1. نقوم بلصق الكود في حقل hedrs كما في الصورة .

2. اضغط تنفيذ ومن ثم افتح صفحة التعديل ستلاحظ التالي .

8.jpg




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



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



9.jpg






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

10.jpg



1. اعمل ريكودر سيت جديد لجدول الهيدر .

2. حدد جدول هيردز ثم انسيرت .

3. اضغط على هذا الزر .

4. مكان ادراج الحقل .

5. كيف اصبح الكود بعد ما اضفناه الى الصفحة .



والان اذهب للصفحة الرئيسية لبرنامج د دليل الهاتف ولاحظ ماذا حصل .

11.jpg






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

12.jpg



تم الانتهاء من هذا الدرس الجميل الممتع واتمنا ان تتمتعوا به كما استمتعت انا .



تحياتي للجميع .
 

البارق

Member
إنضم
27 فبراير 2007
المشاركات
173
مستوى التفاعل
0
النقاط
16
الدرس الثاني من الجزء الثاني
بسم الله الرحمن الرحيم

نبدا هذا الدرس المخصص للجلسات وهي (session)

في البداية نحتاج الى ثلاثة صفحات .

اولا صفحة اللوجن التسجيل . وانا سميتها a.php وتتكون من حقلين لاسم المستخدم و كلمة المرور .

لقد سميت حقل اسم المستخدم بالحرف u وكلمة المرور p

3.jpg


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

4.jpg


ناتي الان لشرك الكود الذي وضعناه تابع معي

5.jpg


سوف اشرح لكم الكود الموجود في المربع الاحمر ومن سطر 2 الى سطر 7

2. هو بداية السشن ويجب ان نكتب هذا البداية في كل صفحة نحتاج فيها الى سيشن .

3. استحضار ملف الاتصال .

4. وهو تعريف السيشن اننا نريد الاستعلام من قاعدة البيانات عن طريق اسم المستخدم و حقل u من فورم التسجيل .

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

6. اذا كان المكتوب في الحقل هو الذي نريد الاستعلام عن طريقه .

7. تسكير الشرط .

والا ن تكملة شرح نفس الصفحة ولكن القسم التالي من اكود .

6.jpg


المربع رقم 1 . الاتصال بقاعدة البيانات واتحديد قاعدة البيانات.

المربع رقم 2. وحسب الاسطر .

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

س 14 - اذا كان الاسم الذي ادخله العضو في حقل التسجيل يساوي الموجود في قاعدة البيانات نفذ التالي .

س 15 . سجل السيشن للمكتوبفي الحقل .

س16 -19 للترحيب بالعضو .

س21 -22 تسكير للشرطين .

س 23 . اذا لم يتحقق الشرط نفذ التالي .

س24 . عبارة تبين ان اسم المستخدم خطا او ما نريد .

ولان صفحة تسجيل الخروج . logout.php التالية .

7.jpg


السطر 2. كما قلنا لبداية السيشن .

4 . هذه الدالة لالغاء اي متغير وهنا سوف تلغي متغير اليوزر .

6. لانهاء جلسة العضو نهائيا .

8. للذهاب تلقائي الى صفحة تسجيل الدخول .

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

نحتاج الى صفحة ونسميها admin.php على سبيل المثال ونضع بها ا نريد كما يي .

8.jpg


ونذهب لصفحة الكود ونضع الكود التالي

9.jpg


كما قلنا بعد ما نضع بداية السيشن .

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

والان في نهاية الصفحة نفسها وبعد كود الصفحة نضع الكود التالي .

10.jpg


السطر 35 وهو لتسكير الشرط .

س 36 اذا لم يتم تنفيذ الشرط وهو اذا لم يتم تسجيل السيشن للعضو نفذ الكود التالي .

س 37 . وهو كود يذهب تلقائي لصفحة تسجيل الدخول .

س 38 . تسكير اذا لم او كلمة else .

سوف نضع جملة العضو في صفحة لوحة التحكم كما يلي .

11.jpg


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



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



سوف نحتاج صفحة نضع فيها اسم مستخدم وكلمة المرور .

في هذه الصفحة والتي سوف نسميها user.php والتي نقوم باحضار بيانات المستخدم وهي اسم المستخدم وكلمة المرور كما في الصورة التالية



1.jpg



والان سوف نقوم بانشاء صفحة ونسميها login.php ونضع فيها كود الفورم لكي يقوم العضو بتسجيل الدخول ونضع في الاكشن صفحة اسمها dun.php كما في الصورة التالية

2.jpg

وهذه الكود الخاص بها


Code..


كود PHP:

<?
<form method='post' action='dun.php'>
:
<input name='U' type='text' id="user2">
اسم المستخدم
<br>
:
<input name='P' type='password' id="pass2">
كلمة المرور <br>
<input type='submit' value='دخول'></form>


؟>






,وسمينا حقل الاسم = user2
وحقل لكلمة المرور =
pass2

في صفحة dun.php سنتأكد من ان الاسم والرقم السري يساوي نفس البيانات الموجودة في ملف user.php والتي قمنا بوضع فيها متغيرين لاسم المستخدم وكلمة المرور


والان سوف نسجل الجلسة في الصفحة التالية :

وهذا الكود الموجود في الصفحة






كود PHP:
<?
session_start();

//ندرج ملف اليوزر والذي فيه بيانات اليوزر user.php

include("user.php");
// تقوم البوست بمناداة البيانات الموجودة في صفحة اليوزر
$u = trim($_POST['user2']);
$p = trim($_POST['Pass2']);

/*في هذا الشرط سوف نتاكد بان البيانات التي
ادخلها العضو في الفورم تساوي البيانات الموجودة في قاعدة البيانات
*/
if( ($u == $user2) && ($p == $pass2) ){

/* اذا كانت البيانات متساوية نفذ الامر التالي اي سج
ل له جلسة وسميناها كالتالي
*/
$_SESSION['ramah'] = "$user";

//اذا تم تسجيل الجلسة نرسل رساله بنجاح تسجيل الدخول
echo " تم تسجيل الدخول بنجاح ";

// ونضع رابط اتوماتيكي التحرك اي اذا نحج التسجيل اذهب الى صفحة التالية
header("Location: adnin.php");

// واذا ادخل العضو بيانات خاطة نفذ التالي
} else {
// نظهر له رساله نخبره ان البيانات خطا
echo " البيانات خاظئه";

}

?>



والان ناتي الى صفحة admin.php
وسوف نتعلم في هذه الصفحه انه كيف نتأكد من وجود الجلسة الخاصة بالعضو اي انه سجل دخوله بنجاح ام لا


واذا لم يسجل نظهر له صفحة الفورم وهي login.php لكي يقوم بتسجيل الدخول تابع معي في هذا الكود لصفحة admin.php






كود PHP:
<?
session_start();
/* نظهر هذا الشرط ويعني عندما يضغط العضو على زر الدخول في الفورم
سوف يقوم بتسجيل الجلسة اذا كانت البيانات صحيحة وانه تم تسجيل الجلسة بنجاح
*/
if( isset($_SESSION['ramah']) ){
echo " مرحبابك يا ".$_SESSION['ramah']." شكراً لتسجيل دخولك ";

echo "<br>";
echo "<a href='logout.php'>خروج</a>";

} else {

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

echo " عفوا يجب عليك تسجيل الدخول لمشاهدة هذه الصفحة ! ";

// نضع له رابط الى صفحة التسجيل
echo "<a href='login.php'>سجل بياناتك</a>";


}

?>​





وعليه يصبح صفحة تسجيل الخروج مثلا باسم logout.php تحتوي على الكود التالي


كود PHP:

<?
session_start();

unset( $_SESSION['ramah'] );

session_destroy();

echo " تم تسجيل الخروج ";
//السطر التالي يقوم بالذهاب الى اي صفحة نريدها تلقائي وقمت انا بوضع صفحة الادمن
echo "<META HTTP-*****=\"*******\" *******=\"0; URL=admin.php\">\n";

?>













سوف نضع كود صغير لمناداة صفحة تسجيل الخروج في صفحة الادمن admin.php وسصبح كود صفحة الادمن كالتالي








كود PHP:

<?
session_start();
/* نظهر هذا الشرط ويعني عندما يضغط العضو على زر الدخول في الفورم
سوف يقوم بتسجيل الجلسة اذا كانت البيانات صحيحة وانه تم تسجيل الجلسة بنجاح
*/
if( isset($_SESSION['ramah']) ){
echo " مرحبابك يا ".$_SESSION['ramah']." شكراً لتسجيل دخولك ";

echo "<br>";
echo "<a href='logout.php'>تسجيل الخروج</a>";

} else {

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

echo " عفوا يجب عليك تسجيل الدخول لمشاهدة هذه الصفحة ! ";

// نضع له رابط الى صفحة التسجيل
echo "<a href='login.php'>سجل بياناتك</a>";


}

?>










وهكذا انتهينا من درس الجلسات واتمنى انه يكون مفهوما وانا جاهز لاي استفسار


تحياتي
 
أعلى