كيفية بناء مستندك الاول في لغة PHP

ASP, PHP, JavaScript, JSP, ... etc
قوانين المنتدى
صورة العضو الشخصية
Dr.Pain
Creative
Creative
مشاركات: 307
اشترك في: السبت نوفمبر 19, 2005 12:58 pm
مكان: كنت في عــــــــــــدن الحبيبة على قلبي ^_^

كيفية بناء مستندك الاول في لغة PHP

مشاركةبواسطة Dr.Pain » الأحد يوليو 30, 2006 5:09 pm

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

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

لذا وجب عليك انزال ال Apache على جهازك قبل البدء بعملية التطوير :lol: وبالامكان انزال
الApache من هذا الرابط والذي قام بوضعه اخي وحبيبي نجيب المجيدي وبامكانك ايضا الاطلاع على الموضوع كاملا من هذا
الرابط .

والان وبعد انزال ال Apache اذهب الى المسار التالي :

[align=left]C:\Apache[/align]

داخل هذا المسار سوف تجد مجلد اسمه htdocs وهو المجلد الذي سوف تضع فيه مجلدات العمل
فمثلا لو اردت تطوير موقع اسمه Ecstudents فالخطوة الاولى هي انشاء مجلد اسمه Ecstudents
داخل المجلد الذي اسمه htdocs حيث ان المسار الكامل للموقع المسمى Ecstudents سيكون كالتالي :

[align=left]C:\Apache\htdocs\Ecstudents[/align]

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

[align=left]C:\Apache\htdocs\MySite[/align]


قم بانشاء مستند ذو امتداد php وقم بتسميته index.php ومن ثم قم بوضعه داخل مجلد العمل
الذي اسميناه MySite .

الان قم بفتح المتصفح الخاص بك واكتب المسار التالي :

[align=left]http://localhost/MySite[/align]


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

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

[align=left]Welcome to my site [/align]

الان اذهب الى المتصفح وقم بعمل Refresh للصفحة وسوف تلاحظ انه قد تم اظهار العبارة :

[align=left]Welcome to my site [/align]

ذلك كان مستندك الاول .......... مبروك 8) 8) 8) 8) 8) 8)


اخوكم Dr.Pain
A cluster can keep an application available to users despite software failures !!

http://www.alwan.netfirms.com/4.swf

صورة العضو الشخصية
Ghalebi
Founder
Founder
مشاركات: 2929
اشترك في: الأربعاء إبريل 20, 2005 4:57 pm
التخصص: Control Systems
مكان: اليمن - عدن
اتصال:

مشاركةبواسطة Ghalebi » الأحد يوليو 30, 2006 7:22 pm

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

بس أنت ما ذكت أنه لازم نحط امتداد الملف .php ! و ماذا لو حفظناه كـ txt أو html !!

جزيت خيراً أخي نزار و أرجو منك الاستمرار في هذا الطرح الشيق ..

تحياتي :)

صورة العضو الشخصية
نجيب المجيدي
Creative
Creative
مشاركات: 242
اشترك في: الأحد فبراير 05, 2006 4:21 pm

مشاركةبواسطة نجيب المجيدي » الاثنين يوليو 31, 2006 8:06 am

السلام عليكم

قم بانشاء مستند ذو امتداد php وقم بتسميته index.php ومن ثم قم بوضعه داخل مجلد العمل
الذي اسميناه MySite .


لقد ذكر ذلك أخي الغالبي , نزار لا يفوت شيء كهذا :wink:

مع العلم أنه في الوضع الحالي سيعمل المستند إذا وضعته بامتداد html

صورة العضو الشخصية
Ghalebi
Founder
Founder
مشاركات: 2929
اشترك في: الأربعاء إبريل 20, 2005 4:57 pm
التخصص: Control Systems
مكان: اليمن - عدن
اتصال:

مشاركةبواسطة Ghalebi » الاثنين يوليو 31, 2006 3:07 pm

جزيت خيراً على التعقيب أخي نجيب ..

في انتظار مزيد مبدعنا نزار

تحياتي :)

صورة العضو الشخصية
the shadow
Active
Active
مشاركات: 505
اشترك في: الخميس يناير 26, 2006 8:26 pm
مكان: bit in huge memory named life
اتصال:

مشاركةبواسطة the shadow » الاثنين يوليو 31, 2006 6:05 pm

وبعدين :?: :?: :?:
[align=center]????????THE SHADOW????????[/align]
[align=center]
[flash width=350 height=240]http://www.alwan.netfirms.com/1.swf[/flash]
[/align]

صورة العضو الشخصية
Dr.Pain
Creative
Creative
مشاركات: 307
اشترك في: السبت نوفمبر 19, 2005 12:58 pm
مكان: كنت في عــــــــــــدن الحبيبة على قلبي ^_^

مشاركةبواسطة Dr.Pain » الأحد أغسطس 06, 2006 7:05 pm

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

عندما قمنا بانشاء مستندنا الاول في PHP لاحظنا اننا اعتمدنا على النصوص بشكل كامل وذلك من خلال
اظهار الجملة Welcome to my site .

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

اليوم سوف نتطرق الى طريقة جديدة وهي باستخدام لغة HTML والتي تعد اختصارا للاتي :

[align=left]Hypertext Markup Language [/align]

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

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

هناك شي اخر الا وهو ان كل امر من اوامر لغة HTML يسمى Tag .


قواعد كتابة ال tags او الاوامر في لغة HTML

القاعدة هي كالاتي :

كل امر من اوامر هذه اللغة يوضع ما بين هذيين القوسيين

[align=left]< > [/align]

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

[align=left]< />[/align]

فلو فرضنا ان هناك امر اسمه html فان عملية كتابة هذا ال tag ستكون كالاتي :

كود: تحديد الكل

<HTML></HTML>


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

قواعد بناء مستند باستخدام لغة HTML

كل مستند يجب ان يبدا بال tag التالي وكذلك يجب ان ينتهي به :

كود: تحديد الكل

<HTML></HTML>


الان ان اردت كتابة اي شئ اخر فما عليك الا ان تقوم بكتابته بين ذلك ال tag .

تلك كانت نقطة , والنقطة الاخرى هي ان المستند يتكون من ثلاثة اقسام يتم تصنيفها كالتالي :


اقسام المستند المكتوب بلغة HTML

هناك ثلاثة اقسام وهي كالتالي :

1 - Head
2 - Title
3 - Body



القسم الاول Head


- يقوم بدور الحاضن للقسم الثاني اي ان القسم الثاني يكتب داخل القسم الاول
- يتم كتابة النصوص البرمجية الخاصة بلغات البرمجة النصية مثل java script و vb script فيه .

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


القسم الثاني title

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


صورة


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

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

كود: تحديد الكل

<title>Dr.Pain</title>



القسم الثالث body

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

فمثلا لو اردنا اظهار العبارة Welcome to my site فاننا سوف نكتبها داخل هذا القسم كالتالي :

كود: تحديد الكل

<body>Welcome to my site</body>



اذا سوف يصبح الشكل النهائي للمستند كالتالي :


كود: تحديد الكل

<html>

   <head>
      <title>Dr.Pain</title>
   </head>


  <body>

   Welcome to my site

  </body>


<html>



الان اصبح لديك مستند HTML كامل وكل ما عليك هو اخذه ومن ثم لصقه في المستند المسمى index.php ومن ثم احفظ عملك.

قم الان بتصفح المستند المسمى index.php كما فعلنا في المرة السابقة .

وتلك كانت الطريقة الثانية لكتابة صفحات PHP .... والى لقائنا القادم اترككم في امان الله 8) 8) 8) .


اخوكم Dr.Pain
A cluster can keep an application available to users despite software failures !!

http://www.alwan.netfirms.com/4.swf

صورة العضو الشخصية
the shadow
Active
Active
مشاركات: 505
اشترك في: الخميس يناير 26, 2006 8:26 pm
مكان: bit in huge memory named life
اتصال:

مشاركةبواسطة the shadow » الثلاثاء أغسطس 08, 2006 10:46 pm

ذكرتنا بالحبيبه الغاليه HTML :cry: :cry: :cry: :cry: :cry:
[align=center]????????THE SHADOW????????[/align]

[align=center]

[flash width=350 height=240]http://www.alwan.netfirms.com/1.swf[/flash]

[/align]

صورة العضو الشخصية
Dr.Pain
Creative
Creative
مشاركات: 307
اشترك في: السبت نوفمبر 19, 2005 12:58 pm
مكان: كنت في عــــــــــــدن الحبيبة على قلبي ^_^

مشاركةبواسطة Dr.Pain » الأحد أغسطس 13, 2006 12:57 pm

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

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

ملاحظة :

كل ما سياتي قم بكتابته في جسم المستند اي في ال <Body>


HTML Tags



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

Welcome to my site

واردنا اظهار Welcome to كفقرة و my site كفقرة منفصلة فانه وجب علينا كتابة شئ كالاتي :


كود: تحديد الكل

<p>Welcome to <p> my site


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

left - right - center

فلو اردنا محاذاة الفقرة الى الوسط فاننا سوف نكتب شيئا كالاتي :

كود: تحديد الكل

<p align='center'> Welcome to my site


وكل ما علينا فعلة لمحاذا الفقرة الى اليمين هو استبدال القيمة center بالقيمة right وكذلك بالنسبة للقيمة left .

سؤال :?: :?: :?:

نحن قلنا ان كل امر في لغة HTML لابد له من نهاية حيث ان :



لابد له من ان ينتهي بالامر



فلماذا برايك لم اقم باستخدام امر الاقفال ؟؟!!!!!



ويعني Line Break اي النزول الى سطر جديد والية عمل هذا الامر تعمل تماما مثل الية المفتاح Enter .

هذا مثال لسطريين مفصولان عن بعضهما البعض باستخدام الامر Break :

كود: تحديد الكل

am the 1st line <br> am the 2nd line




ويعني Horizontal Rules وهو يقوم بعمل فاصل انيق للاسطر وهذا الامر لا يوجد له امر اغلاق .

كود: تحديد الكل

line 1 <hr> line 2 <hr>
line 3 <hr> line 4 <hr>




وتعني Under Line اي مسطر واليك المثال :

كود: تحديد الكل

<u>Under Line</u>




ويعني Italic مسطر واليك المثال :

كود: تحديد الكل

<i>Italic</i>




وتعني Bold اي خط عريض واليك المثال :

كود: تحديد الكل

<b>Bold</b>


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

كود: تحديد الكل

<u><i><b>Under line - Italic - Bold</b></i></u>


كود: تحديد الكل

<h1>
<h2>
<h3>
<h4>
<h5>
<h6>


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

كود: تحديد الكل

<h1>am H 1
<h2>am H 2
<h3>am H 3
<h4>am H 4
<h5>am H 5
<h6>am H 6


ولاحظ معي ان قيمة H1 هي اكبر قيمة حيث ان حجم الخط يبدا بالتضاؤل كلما كبر الرقم .


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


اخوكم Dr.Pain
A cluster can keep an application available to users despite software failures !!

http://www.alwan.netfirms.com/4.swf


العودة إلى “Web Programming”



الموجودون الآن

المستخدمون الذين يتصفحون المنتدى الآن: لا يوجد أعضاء مسجلين متصلين وزائر واحد