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

فى ظل سلسلة تعليم البرمجة وطرح أساليب جديدة لتعليم البرمجة

بأبسط الطرق سوف نقوم اليوم بعمل تطبيقى على أنشاء سكربـت

سهل وبسيط وهو سكربـت التصفــح والذى مــن خلاله سنقــوم

بمعرفة أساسيـــات بدائية لانشاء سكربت بدون قواعـد بيانــات

االاعدادات :...
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'])) { // إذا لم يتم اختيار صفحة معينة اعرض الصفحة الأولى

الموضوع الأصلى من هنا: منتديات شبكة الصقر http://www.sakr1.com/vb/showthread.php?t=13880

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://www.sakr1.com/">شبكة الصقر</a></li>

الموضوع الأصلى من هنا: منتديات شبكة الصقر http://www.sakr1.com/vb/showthread.php?t=13880

فالبتالى سيكون الملف 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://www.sakr1.com/">شبكة الصقر</a></li>

</ul>

ثم نأتى الى ملف style.css وهو الخاص بالالوان والخطوط
وهذا كود جاهر ويمكن تغيره باى محرر

كود PHP:

a { text-decoration: none ; color:#666666 }

a:visited { color:#666666}

a:active { color:#666666}

a:hover { text-decoration: underline; color: #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 {padding: 10px; font: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/index.php

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