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

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

سوف نقوم اليوم بعمل سكربت سهل وبسيط ويمكن للمبتدئين التجربة به بأستخدام دالة 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/

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

Tags: , , , , , , , , , , ,

About author

Curabitur at est vel odio aliquam fermentum in vel tortor. Aliquam eget laoreet metus. Quisque auctor dolor fermentum nisi imperdiet vel placerat purus convallis.