Just thinking
05-08-2009, 04:44 PM
قبل الإنطلاق، أردت التنبيه إلى أنه نظرا لبساطة المقدمة رأيت أن أضيف الدرس الثاني اليوم. لكن ابتداءا من الأسبوع القادم سيكون هنالك درسان أسبوعيا، الأحد و الأربعاء و هذا لترك وقت للتجريب و الإستيعاب (و الوقت لي أيضا لكتابة الدروس)<?xml:namespace prefix = o /><o:p></o:p>
2.1) الخطوة الأولى:<o:p></o:p>
مرحبا بكم في الدرس الثاني من دورة الـPHP للمبتدئين.<o:p></o:p>
في المرة السابقة توقفنا عند تحميل برنامجي NotePad++ و WAMPServer بعد أن رأينا تعريفا للغتي HTML و PHP و الفرق بينهما.اليوم سنتطرق للجانب التطبيقي و ذلك بـ: <o:p></o:p>
. التعرف أكثر على برنامجي WAMP و NotePad++<o:p></o:p>
· كتابة أول صفحة Html و تجريبها<o:p></o:p>
· كتابة أول صفحة PHP و تجريبها<o:p></o:p>
برنامج NotePad++:<o:p></o:p>
هو عبارة عن برنامج لمعالجة النصوص يشبه مفكرة الويندوز<o:p></o:p>
http://www4.0zz0.com/2009/08/05/17/546745502.jpg
لكن الفرق أنه يسمح بتلوين النص حسب الكود الذي نريد إدخاله ليسهل عملية القراءة.
http://www4.0zz0.com/2009/08/05/17/156738613.jpg
و يتم اختيار اللغة من شريط الأدوات في الأعلى كما في الصورة السابقة ليتم التلوين حسبها.
عملية تنصيب (Install) البرنامج (NotePad++) بسيطة عادية لا تحتاج لشرح.
أول صفحة HTML :
كود HTML يكتب بين الإقتباسين: و هما يخبران متصفح الإنترنت أن ما بينهما عبارة عن كود HTML.
تنقسم الصفحة إلى قسمين:
المقدمة:
<head></< font>head><o:p></o:p>
فيها تعريف بالعنوان و السكريبتتات (مثلJavaScript) يمكن فيها أيضا التصريح بألوان و أحجام النصوص و العناوين (عن طريق CSS) و المزيد. و هي اختيارية، أي إذا تركت فارغة سيتم الكتابة بالأسود و بخط عادي.<o:p></o:p>
الجسم:
<body></< font>body><o:p></o:p>
<o:p></o:p>
فيه كل ما يظهر على الصفحة من نصوص و صور و روابط و جداول و حتى حقول النصوص و الأزرار.
و أوامر PHP غالبا ما تكون هنا بين عناصر الصفحة.<o:p></o:p>
تعمدت السرعة في الشرح لأن هذا لا يهمنا أن نفهمه ستكون مجرد عادة نكتبها في أمثلة لنحفظها.
باختصار، تنظيم صفحة HTML يكون كالتالي:
<o:p>
<html>
<head>
هنا التعريفات
</head>
<body>
هنا ما تتضمنه الصفحة
</body>
</html>
</o:p>
مثال بسيط لجعل كل ما مضى حقيقة مفهومة، أفتح NotePad++ و اكتب ما يلي:<o:p></o:p>
<html dir=rtl>
<head>
<title>صفحتي الأولى</title>
</head>
<body>
<h1>مرحبا بكم جميعا</h1>
<p> هذه صفحتي الأولى بلغة HTML <br/>سعيد لأني نجحت في أول مثال</p>
</body>
</html>
تجريب الحل (http://www.bellasoft.r3r.info/tests/test.html)<o:p></o:p>
قم بحفظها بإسم« test.html »
الآن يمكنك فتحها في متصفح الإنترنت، أ رأيت ؟ الأمر في غاية البساطة.<o:p></o:p>
نعم بسيط إذا عملنا نسخ و لصق الكود ...... لكن لا أدري ما معنى p h1 br أم تود التهرب من الشرح ؟؟؟<o:p></o:p>
حسنا حسنا، كنت سأشرح لكنك تسرعت:<o:p></o:p>
·ما يكتب بين إقتباسي title يظهر في الأعلى كعنوان للنافذة<o:p></o:p>
· h1 تعني عنوان من المستوى الأول (كبير) و نتدرج في مستويات حجم النص بتدرج الأرقام h1 h2 h3 ........<o:p></o:p>
· p تعني فقرة نص عادي.<o:p></o:p>
· br/ تعني أن ما بعدها يكتب في سطر جديد<o:p></o:p>
·Dir=rtl تعني اكتب من اليمين إلى اليسار (right to left) نستعملها في الصفحات العربية<o:p></o:p>
أمر في غاية البساطة ما رأيك.<o:p></o:p>
أجل نوعا ما، لكن من أين لي أن أعرف كل هذه الرموز و غيرها ؟؟ هل أنتظر الوحي ؟؟<o:p></o:p>
سؤال في محله، قلت في البداية أنه بدون HTML لا يمكن استعمال PHP لكن درسنا ليس حول HTML. يمكن الإستعانة بمحركات البحث لكن على كل حال سنستعمل معا في الأمثلة كل الرموز الأساسية التي ستسمح لنا بالعمل بشكل طبيعي.<o:p></o:p>
برنامج WampServer :<o:p></o:p>
هذا هو البرنامج الذي سيسمح لنا بتركيب سيرفر محلي « localsost » يمكننا من فتح صفحات PHP دون الحاجة إلى الإنترنت.<o:p></o:p>
بعد التنصيب (Install) تظهر النافذة التالية:
http://www4.0zz0.com/2009/08/05/17/414981017.png
فنختار الزر Débloquer
البرامج متخفي، و عند تشغيله نجده كما يلي: http://www4.0zz0.com/2009/08/05/17/876962159.png
أول خطوة هي جعله بالفرنسية. ننقر عليه بزر الفأرة الأيمن ثم نختار اللغة.
http://www4.0zz0.com/2009/08/05/17/377612002.jpg
عند النقر عليه بالفأرة (النقر العادي) نجد القائمة التالية:
http://www4.0zz0.com/2009/08/05/17/495668910.png
تذكر هذه الصورة جيدا، سنتطرق لأهم ما في القائمة مع الأمثلة.
أول صفحة PHP :
كل ما مر بنا إلى حد الآن عبارة عن تمهيد، و مازلنا لم نتكلم عن PHP الذي هو موضوعنا الأساسي.
لا يهم، لقد جاء الوقت الذي انتظرناه طويلا. سنكتب أول صفحة PHP ثم نجربها.
لكن قبل ذلك سنقوم بتهيئة السيرفر.
تتذكر القائمة السابقة (الصورة السابقة)، إختر منها Répertoire www
سيفتح لنا الملف الذي نحفظ فيه صفحاتنا لتجريبها
هنا نقوم بإنشاء ملف جديد بإسم tests إنتهى.
الآن نفتح NotePad++ و نختار لغة PHP من قائمة اللغات .
و نضع الكود التالي: <o:p></o:p>
<o:p></o:p>
<o:p>
<html dir=rtl>
<head>
<title>صفحتي الثانية</title>
</head>
<body>
<h1>مرحبا بكم جميعا</h1>
<p> هذه صفحتي الأولى بلغة PHP <br/>لحد الآن كتبنا كل هذا بلغة HTML </p>
<p>
<?PHP
echo "هذا السطر تم كتابته بأمر من PHP" ;
?>
</p>
</body>
</html>
</o:p>
<o:p></o:p>
<o:p></o:p>
تجريب الحل (http://www.bellasoft.r3r.info/tests/page1.php)<o:p></o:p>
الآن نحفظ الصفحة بإسم page1.php و نحفظها في الملف السابق:C:\wamp\www\tests
الآن كي نجربها، إفتح قائمة wamp، (الصورة التي طلبت منك أن تحفظها) نختار منها Localhost فنحصل على الصفحة التالية:<o:p></o:p>
http://www4.0zz0.com/2009/08/05/17/910240201.png
هنا نختار ملفنا التالي: http://www4.0zz0.com/2009/08/05/17/894357568.png
الآن سنجد الصفحة التي كتبناهاpage1.php نفتحها فنجد المثال.
ملاحظة: يمكن استعمال الرابط التالي: http://localhost/tests/page1.php (http://localhost/tests/page1.php)
لكن الأفضل اتباع الخطوات السابقة لتجنب المشاكل.
كل هذا من أجل كتابة سطر ؟؟ أليس أسهل كتابته بلغة HTML و أوفر على نفسي عناء تعلم لغة جديدة ؟؟
إنتظرت منك أن تقول هذا، أقول لك صحيح ما تقول لكن سترى أهمية هذا فيما بعد.
كما رأينا كود و يمكن إضافته في أي مكان نريده وسط كود HTML على شرط أن نحفظها صفحة PHP .
الأمر echo يعني أن يكتب ما بعده على الصفحة و سنرى أهمية الأمر.
شيء مهم أود التنبيه إليه، لاحظ النقطة الفاصلة في آخر سطر echo. هي مهمة بعد كل أمر للفصل بين الأوامر و عدم كتابتها يسبب مشاكل.
إنتهينا الآن من هذا الدرس و من المقدمة و العموميات، و سندخل في الدروس الجدية بدءا من الدرس القادم.
من يريد معرفة مدى استيعابه للدرس الأول فليجب على الأسئلة التالية و يبعثها لي على الخاص ليتم التصحيح.
التقويم الذاتي:
ماذا يعني الرمز /br ؟
· الرجوع إلى السطر الجديد
· البقاء في نفس السطر
· يمحي السطر الجديد
· هذا رمز خاطئ
نكتب أوامر PHP بين رمزين ؟
<o:p></o:p>
.<php></php>
.<script language="php"></script>
.<?php ?>
.يكتب مباشرة دون رمز
ماهو أمر الكتابة على الصفحة بلغة PHP ؟
· printf
· writeln
· disp
· echo
كيف نفصل بين الأوامر في لغة PHP؟
· النقطة
· النقطة الفاصلة
· الفاصلة
· الفراغ
أين نكتب أوامر PHP ؟
· في بداية الصفحة
· في صفحة مستقلة
· في أي مكان وسط كود HTML
· في نهاية الصفحة
الدرس السابق (http://montada.echoroukonline.com/showthread.php?t=104449) ----- الصفحة الرئيسية (http://montada.echoroukonline.com/showthread.php?t=104248) ----- الدرس التالي (http://montada.echoroukonline.com/showthread.php?t=105277)
2.1) الخطوة الأولى:<o:p></o:p>
مرحبا بكم في الدرس الثاني من دورة الـPHP للمبتدئين.<o:p></o:p>
في المرة السابقة توقفنا عند تحميل برنامجي NotePad++ و WAMPServer بعد أن رأينا تعريفا للغتي HTML و PHP و الفرق بينهما.اليوم سنتطرق للجانب التطبيقي و ذلك بـ: <o:p></o:p>
. التعرف أكثر على برنامجي WAMP و NotePad++<o:p></o:p>
· كتابة أول صفحة Html و تجريبها<o:p></o:p>
· كتابة أول صفحة PHP و تجريبها<o:p></o:p>
برنامج NotePad++:<o:p></o:p>
هو عبارة عن برنامج لمعالجة النصوص يشبه مفكرة الويندوز<o:p></o:p>
http://www4.0zz0.com/2009/08/05/17/546745502.jpg
لكن الفرق أنه يسمح بتلوين النص حسب الكود الذي نريد إدخاله ليسهل عملية القراءة.
http://www4.0zz0.com/2009/08/05/17/156738613.jpg
و يتم اختيار اللغة من شريط الأدوات في الأعلى كما في الصورة السابقة ليتم التلوين حسبها.
عملية تنصيب (Install) البرنامج (NotePad++) بسيطة عادية لا تحتاج لشرح.
أول صفحة HTML :
كود HTML يكتب بين الإقتباسين: و هما يخبران متصفح الإنترنت أن ما بينهما عبارة عن كود HTML.
تنقسم الصفحة إلى قسمين:
المقدمة:
<head></< font>head><o:p></o:p>
فيها تعريف بالعنوان و السكريبتتات (مثلJavaScript) يمكن فيها أيضا التصريح بألوان و أحجام النصوص و العناوين (عن طريق CSS) و المزيد. و هي اختيارية، أي إذا تركت فارغة سيتم الكتابة بالأسود و بخط عادي.<o:p></o:p>
الجسم:
<body></< font>body><o:p></o:p>
<o:p></o:p>
فيه كل ما يظهر على الصفحة من نصوص و صور و روابط و جداول و حتى حقول النصوص و الأزرار.
و أوامر PHP غالبا ما تكون هنا بين عناصر الصفحة.<o:p></o:p>
تعمدت السرعة في الشرح لأن هذا لا يهمنا أن نفهمه ستكون مجرد عادة نكتبها في أمثلة لنحفظها.
باختصار، تنظيم صفحة HTML يكون كالتالي:
<o:p>
<html>
<head>
هنا التعريفات
</head>
<body>
هنا ما تتضمنه الصفحة
</body>
</html>
</o:p>
مثال بسيط لجعل كل ما مضى حقيقة مفهومة، أفتح NotePad++ و اكتب ما يلي:<o:p></o:p>
<html dir=rtl>
<head>
<title>صفحتي الأولى</title>
</head>
<body>
<h1>مرحبا بكم جميعا</h1>
<p> هذه صفحتي الأولى بلغة HTML <br/>سعيد لأني نجحت في أول مثال</p>
</body>
</html>
تجريب الحل (http://www.bellasoft.r3r.info/tests/test.html)<o:p></o:p>
قم بحفظها بإسم« test.html »
الآن يمكنك فتحها في متصفح الإنترنت، أ رأيت ؟ الأمر في غاية البساطة.<o:p></o:p>
نعم بسيط إذا عملنا نسخ و لصق الكود ...... لكن لا أدري ما معنى p h1 br أم تود التهرب من الشرح ؟؟؟<o:p></o:p>
حسنا حسنا، كنت سأشرح لكنك تسرعت:<o:p></o:p>
·ما يكتب بين إقتباسي title يظهر في الأعلى كعنوان للنافذة<o:p></o:p>
· h1 تعني عنوان من المستوى الأول (كبير) و نتدرج في مستويات حجم النص بتدرج الأرقام h1 h2 h3 ........<o:p></o:p>
· p تعني فقرة نص عادي.<o:p></o:p>
· br/ تعني أن ما بعدها يكتب في سطر جديد<o:p></o:p>
·Dir=rtl تعني اكتب من اليمين إلى اليسار (right to left) نستعملها في الصفحات العربية<o:p></o:p>
أمر في غاية البساطة ما رأيك.<o:p></o:p>
أجل نوعا ما، لكن من أين لي أن أعرف كل هذه الرموز و غيرها ؟؟ هل أنتظر الوحي ؟؟<o:p></o:p>
سؤال في محله، قلت في البداية أنه بدون HTML لا يمكن استعمال PHP لكن درسنا ليس حول HTML. يمكن الإستعانة بمحركات البحث لكن على كل حال سنستعمل معا في الأمثلة كل الرموز الأساسية التي ستسمح لنا بالعمل بشكل طبيعي.<o:p></o:p>
برنامج WampServer :<o:p></o:p>
هذا هو البرنامج الذي سيسمح لنا بتركيب سيرفر محلي « localsost » يمكننا من فتح صفحات PHP دون الحاجة إلى الإنترنت.<o:p></o:p>
بعد التنصيب (Install) تظهر النافذة التالية:
http://www4.0zz0.com/2009/08/05/17/414981017.png
فنختار الزر Débloquer
البرامج متخفي، و عند تشغيله نجده كما يلي: http://www4.0zz0.com/2009/08/05/17/876962159.png
أول خطوة هي جعله بالفرنسية. ننقر عليه بزر الفأرة الأيمن ثم نختار اللغة.
http://www4.0zz0.com/2009/08/05/17/377612002.jpg
عند النقر عليه بالفأرة (النقر العادي) نجد القائمة التالية:
http://www4.0zz0.com/2009/08/05/17/495668910.png
تذكر هذه الصورة جيدا، سنتطرق لأهم ما في القائمة مع الأمثلة.
أول صفحة PHP :
كل ما مر بنا إلى حد الآن عبارة عن تمهيد، و مازلنا لم نتكلم عن PHP الذي هو موضوعنا الأساسي.
لا يهم، لقد جاء الوقت الذي انتظرناه طويلا. سنكتب أول صفحة PHP ثم نجربها.
لكن قبل ذلك سنقوم بتهيئة السيرفر.
تتذكر القائمة السابقة (الصورة السابقة)، إختر منها Répertoire www
سيفتح لنا الملف الذي نحفظ فيه صفحاتنا لتجريبها
هنا نقوم بإنشاء ملف جديد بإسم tests إنتهى.
الآن نفتح NotePad++ و نختار لغة PHP من قائمة اللغات .
و نضع الكود التالي: <o:p></o:p>
<o:p></o:p>
<o:p>
<html dir=rtl>
<head>
<title>صفحتي الثانية</title>
</head>
<body>
<h1>مرحبا بكم جميعا</h1>
<p> هذه صفحتي الأولى بلغة PHP <br/>لحد الآن كتبنا كل هذا بلغة HTML </p>
<p>
<?PHP
echo "هذا السطر تم كتابته بأمر من PHP" ;
?>
</p>
</body>
</html>
</o:p>
<o:p></o:p>
<o:p></o:p>
تجريب الحل (http://www.bellasoft.r3r.info/tests/page1.php)<o:p></o:p>
الآن نحفظ الصفحة بإسم page1.php و نحفظها في الملف السابق:C:\wamp\www\tests
الآن كي نجربها، إفتح قائمة wamp، (الصورة التي طلبت منك أن تحفظها) نختار منها Localhost فنحصل على الصفحة التالية:<o:p></o:p>
http://www4.0zz0.com/2009/08/05/17/910240201.png
هنا نختار ملفنا التالي: http://www4.0zz0.com/2009/08/05/17/894357568.png
الآن سنجد الصفحة التي كتبناهاpage1.php نفتحها فنجد المثال.
ملاحظة: يمكن استعمال الرابط التالي: http://localhost/tests/page1.php (http://localhost/tests/page1.php)
لكن الأفضل اتباع الخطوات السابقة لتجنب المشاكل.
كل هذا من أجل كتابة سطر ؟؟ أليس أسهل كتابته بلغة HTML و أوفر على نفسي عناء تعلم لغة جديدة ؟؟
إنتظرت منك أن تقول هذا، أقول لك صحيح ما تقول لكن سترى أهمية هذا فيما بعد.
كما رأينا كود و يمكن إضافته في أي مكان نريده وسط كود HTML على شرط أن نحفظها صفحة PHP .
الأمر echo يعني أن يكتب ما بعده على الصفحة و سنرى أهمية الأمر.
شيء مهم أود التنبيه إليه، لاحظ النقطة الفاصلة في آخر سطر echo. هي مهمة بعد كل أمر للفصل بين الأوامر و عدم كتابتها يسبب مشاكل.
إنتهينا الآن من هذا الدرس و من المقدمة و العموميات، و سندخل في الدروس الجدية بدءا من الدرس القادم.
من يريد معرفة مدى استيعابه للدرس الأول فليجب على الأسئلة التالية و يبعثها لي على الخاص ليتم التصحيح.
التقويم الذاتي:
ماذا يعني الرمز /br ؟
· الرجوع إلى السطر الجديد
· البقاء في نفس السطر
· يمحي السطر الجديد
· هذا رمز خاطئ
نكتب أوامر PHP بين رمزين ؟
<o:p></o:p>
.<php></php>
.<script language="php"></script>
.<?php ?>
.يكتب مباشرة دون رمز
ماهو أمر الكتابة على الصفحة بلغة PHP ؟
· printf
· writeln
· disp
· echo
كيف نفصل بين الأوامر في لغة PHP؟
· النقطة
· النقطة الفاصلة
· الفاصلة
· الفراغ
أين نكتب أوامر PHP ؟
· في بداية الصفحة
· في صفحة مستقلة
· في أي مكان وسط كود HTML
· في نهاية الصفحة
الدرس السابق (http://montada.echoroukonline.com/showthread.php?t=104449) ----- الصفحة الرئيسية (http://montada.echoroukonline.com/showthread.php?t=104248) ----- الدرس التالي (http://montada.echoroukonline.com/showthread.php?t=105277)