مدرسة بناء المواقع >>  الدروس العملية >>   ون تو ثري ... بي اتش بي !!

 

قبل البدء ...

*

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

*

أنا في هذا الدرس أفترض أنك تقوم بتطبيق الدرس على " سيرفر " يدعم الملفات من نوع . php  وإلا لن تتمكن من تطبيق هذا الدرس بشكل صحيح ، إذا لم يكن لديك ذلك عليك أن تقوم بتركيب برامج تدعم لك هذا الأمر( راجع أفكار وتلميحات )  ، أو تجربة هذا الدرس على سيرفر موقعك مباشرة .
   
في البداية ، لنفترض أن لديك موقعا ً على شبكة الإنترنت مكوّن من 10 صفحات ! ، وتقوم بتحديث هذا الموقع باستمرار .. فإنه وبطبيعة الحال سيكلفك تحديث هذه الصفحات من الوقت الشئ اليسير .. لكن ! ، لنفترض أن لديك موقعا ً من 100 صفحة ! في الواقع لو أردت تحديث هذا الموقع .. ربما لن تتمكن من هذا الفعل إلا بوقت ومجهود .. كبيرين جدا ً .. لذا أتت ما تسمى بلغات برمجة الإنترنت وأنا أذكر هنا الـ PHP  لضرب المثال فقط ، وإلا فهناك لغات برمجة أخرى مثل ASP  تقوم بنفس الدور والمهمة .

 

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

 سيكون شكل الموقع كما في الشكل الموضح

قد يقول البعض يمكنني أن أصمم صفحة كهذه بسهولة بلغة كـالـ HTML  مثلا ً ..
نعم يمكنك .. لكننا في الواقع ، لا يهمنا التصميم بقدر ما يهمنا أمر " العملية " ، فلو مثلا ً قررت أن تغير عنوان موقعك من " مدرسة مازن " إلى " مدرسة عبّاس :) " فلو كنت قد صممت موقعك بالـ HTML مثلا ً يلزمك المرور على الـ 100 صفحة وتغيير موقع مازن إلى " مدرسة عبّاس " .. أما في الـ PHP  فيمكنني عمل هذا التغيير بتغيير صفحة واحدة !

 

كما ترى أخي الكريم ، قسمنا موقعنا إلى أقسام ، وسنقوم بعمل " ملف " PHP  مستقل ونضع فيه محتويات كل قسم ، ومن ثمّ سنقوم بجمعها في ملف " رئيسي " لنداء هذه الصفحات .... إذن لنبدأ العمل :)

 سنقوم الآن بإنشاء القسم الأول وهو منطقة الرأس " القائمة " وذلك عن طريق برنامج المفكرة Notepad  ويمكنك الوصول إليه عبر
إبدا ً >  البرامج  >  البرامج الملحقة  >  المفكرة
وقم بكتابة  ما هو مبين لك " مع مراعاة أنه مثال بسيط " إذن يمكنك إضافة الصور وووو إلخ
   

قم بحفظ الملف وتسميته
header.php

(
إذا لم تتمكن من حفظه باللاحقة PHP  راجع أفكار وتلميحات )

<html>
<head>
<title> مدرسة مازن </title>
</head>
<body>
مدرسة التصميم مدرسة الكمبيوتر مدرسة بناء المواقع <br>


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

قم بحفظ الملف وتسميته
main.php

( إذا لم تتمكن من حفظه باللاحقة PHP  راجع أفكار وتلميحات )

أهلا بك في مدرسة مـــازن؟<br>


 

 

الآن نقوم بعمل الصفحة الخاصة بذيل الصفحة وبنفس الطريقة السابقة


قم بحفظ الملف وتسميته
footer.php

( إذا لم تتمكن من حفظه باللاحقة PHP  راجع أفكار وتلميحات )

جميع الحقوق محفوظة لـ مدرسة مازن
</body>
</html>


   
الآن سنقوم بلم الشمل :) .. سننشئ ملفا ً نستدعي فيه الصفحات السابق إنشاءها ... والنداء ( أو التضمين ) سيكون عن طريق استعمال دالة
include  الشهيرة لاحظ أن الترتيب مهم في عملية النداء ...

قم بحفظ الملف وتسميته
index.php

( إذا لم تتمكن من حفظه باللاحقة PHP  راجع أفكار وتلميحات )

<?php include ("header.php") ; ? >
<?php include ("main.php") ; ? >
<?php include ("footer.php") ; ? >


   
 الآن قم بعمل مجلد وسمّه مثلا ً " PHP " وضع فيه الملفات الآنفة الذكر ، بمجرد كتابتك للعنوان
http://www.mazoo.com/PHP
ستجد أن صفحة index.php  هي التي ظهرت لك وقامت بنداء باقي الصفحات ...
انظر إلى ما صنعته أنا .. وقم بتجربة هذا الأمر بنفسك !
   


في الواقع يمكنك إذا لم يكن لديك مساحة على شبكة الإنترنت تدعم الـ PHP  ، أن تجرب أي برنامج PHP  عن طريق جهازك الشخصي ، وذلك بتحويله إلى سيرفر يدعم هذا الأمر عن طريق تركيب برامج تقوم بهذا العمل ، بالنسبة لي أستعمل برنامج Apserv  وهو برنامج جميل .. قم بتحميله من موقع الشركة من هذا الرابط
بعد تنصيبك للبرنامج  قم بوضع البرامج التي تريد تشغيلها داخل مجلد www  الموجود داخل مجلد البرنامج نفسه .

لحفظ ملف بلاحقة غير TXT   بواسطة برنامج المفكرة قم بعمل التالي :
- ملف File
- حفظ باسم Save As
- اكتب اسم الملف كاملا ً مع لاحقته  maz.php مثلا ً .
- ستجد خيار أسفل اسم الملف ، اسمه حفظ كـ نوع قم بتغييرها من TXT  إلى All Files

في مثالنا الذي قمنا بصنعه اكتفينا بكليمات بسيطة :) ، الأمر يتعدى ذلك وبكثير ، فيمكنك ادراج الصور وغيرها من الأمور في أي من الصفحات المُنشأة ، ولتغييرها لاحقا ً قم فقط بتغيير الملف لتجد أن تغير في كافة صفحات موقعك :)


 تطبيفات على الدرس

اضغط هنا لترى نتيجتي !

 كاتب الدرس /

 مناقشة الدرس في المنتدى /


 مـازن©