شرح برمجة سكربت التصفح




":........... بسم الله الرحمن الرحيم ...........:"



سوف نقوم اليوم بعمل سكربت سهل وبسيط ويمكن للمبتدئين التجربة به بأستخدام دالة includes



وهو يعتمد على ملف index.php هو المحرك لهذا الموقع



الاعدادات :...



1_ سوف نحتاج الى الملف الرئيسى وهو index.php



2_ سوف نحتاج الى الملفات المشاركة والى تمكن تحريرها بملف ببرنامج الفرونت بيج او اى برنامج أخر لتحرير الصفحات وسنقوم بعمل الملفات الرئسية اولا وهى



_ home.htm

_ menu.htm

_ error.htm



3_ نحتاج ملف style.css خاص بالتحكم بألوان وخطوط الموقع



4_نحتاج الى مجلد includes وسوف نضع به جميع ملفات الhtm



5_ نحتاج الى مجلدimages ونضع به الصور الخاصة بملفات الموقع



نبدأ بتجهز الملف الرئيسى وهو index.php



عن طريق اى برنامج محرر html



ونضع بداخله هذا الكود




 




كود PHP:


[php]<?php

if (!isset($_GET['p'])) { // إذا لم يتم اختيار صفحة معينة اعرض الصفحة الأولى

include("includes/home.htm");

else{


$filename="includes/" $_GET['p'] . ".htm";

if (
file_exists($filename)){

include(
"includes/" $_GET['p'] . ".htm");

else{

include(
"includes/error.htm");

}




?>





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

بمعنى أذا كانت الوصلة لملف موجود فستعطيك عنوان الصفحة المطلوبة

واذا كانت غير موجودة تلك الصفحة سيتم استدراج الملف error.htm

اى ان الصفحة غير موجودة



بعد قيامنا بنسخ تلك الكود فى اللمف الرئيسى وهو index.php

نقوم بغلقه وحفظه



ثم نذهب لانشاء ملف جديد باسم home.htm

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



ثم نذهب لتحضير الملف الاخر وهو error.htm



ونضع بداخله هذا الكود




 




كود PHP:


<p align="center"><font color="#CC3300"><br>

عفواً... هذه الصفحة غير موجودة</font></p



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

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



ثم نقوم بعمل ملف جديد بأسم menu.htm

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



ويكون الكودبداخل الملف على النحو التالى يبدأ بوسام




كود PHP:


<ul



وينتهى أيضا بوسام

 




كود PHP:


<ul



ويكن بداخله هذا الكود



 




كود PHP:


<li><a href="index.php">الصفحة الرئيسية</a></li



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



أما أذا اردنا أن نضع وصله خارجية لموقع أخر مثل مدونة ليدوس قسيكون الكود هكذا




 




كود PHP:


[php][php]<li><a href="http://lidoos7.blogspot.com/">مدونة ليدوس</a></li





فالبتالى سيكون الملف menu.htm

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




 




كود PHP:


<ul>

<
li><a href="index.php">الصفحة الرئيسة</a></li>

<
li><a href="index.php?p=about">نبذة عن الموقع</a></li>

<
li><a href="index.php?p=item1">المدخل الأول</a></li>

<
li><a href="index.php?p=contact">اتصل بنا </a></li>

<
li><a href="http://lidoos7.blogspot.com/">مدونة ليدوس</a></li>

</
ul



ثم نأتى الى ملف style.css وهو الخاص بالالوان والخطوط



وهذا كود جاهر ويمكن تغيره باى محرر




 




كود PHP:


a            {  text-decorationnone color:#666666 }

a:visited    color:#666666}

a:active     color:#666666}

a:hover      text-decorationunderlinecolor#CC3300;}



.header_bg {background:#444444; border-right:solid 5px #CC6600; height:60px;padding-right:10px;color:#EEEEEE;font:bold 30px Arial;}



.footer_bg {background:#444444; height:30px;color:#EEEEEE;font:12px Tahoma;text-align:center}



.menu_bg {background:#EFEFEF; border-right:solid 5px #CCCCCC; padding-top:10px;font:bold 16px Arial;width:150px;}



.article {padding10pxfont:bold 16px Arial;}

body {margin:0px



ونأتى الى دور مجلد includes وهو الذى سيتم به رفع الملفات بداخله اى أنه سنرفع بداخله ملفات

home.htm

menu.htm

error.htm



أما مجلدimages سيتم رفع الصور اليه



والان أذا اردنا عمل صفحة جديدة ماذا سنفعل , سنقوم بداية ملف جديد وليكن بأسم google.htm ونضع به المحتويات

ثم نقوم بتحميله الى مجلد includes



ثم نذهب الى ملف menu.htm ونضع الكود الخاص




 




كود PHP:


<li><a href="google">حول جوجل</a></li



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



لمشاهدة مثال على السكربت http://lidoos.ueuo.com/



لتحميل السكربت



بقلـم : أبــو دنيــا "lidoos"
كلمات سطرها قلمى..........أحبارها من دمــــــى ..........كبرت وكبر همــــــى..........كبرت وتاه حلمـــــى

0 التعليقات:

إرسال تعليق