لأول مرة على الجلفة درس عمل سكريبت زخرفة عناوين

الأخ ياسين · 2011-10-31, 17:57

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

لأول مرة على الجلفة أول دروس في برمجة المواقع الكاملة

برمج سكريبت ز خرفة العناوين و الأسماء بنفسك:::
متطلببات الدورة::

+ محرر @مذكرة تكفي@
+سيرفر محلي لتجربة السكريبت
+ بعض الهدوء

----------------------------------------------------
بسم الله الرحمان الرحيم
----------------------------------------------------
الملفات ات سيتم إنشائها في الدورة:

ملف index.php و هو الصفحة الرئيسية للموقع و سيتم كتابة الإسم فيه
ملف do.php و هو ملف تطبيق الزخرفة على العنوان المكتوب
ملف hade.htm وهو يمثل أعلى الصفحة كما أنه يحوي ترميز اللغة و عنوان الموقع
ملف foo.htm وهو أسفل الموقع الذي سنضع عليه حقوق البرمجة

ملاحظو السكريبت بسيط و لا يحوي ستايل أو ما شابه ذلك إن كان أحدهم محترف CSS يمكنه إدخال تأثيرات الألوان فنحن نكتفي بتشغيل النموذج

----------------------------------------------------
ملف index.php ::

الشفرة الكاملة أولا ::

كود PHP:


			
<?php
/////////////////////////////////////////////////
//https://www.djelfa.info/vb/forumdisplay.php?f=211//
//****************bensfiayassin****************//
///////////////////////////////////////////////
include ("hade.htm");
?>
<form method="POST" action="do.php">
    <p align="center">أكتب الإسم الذي تريد زخرفته في الإطار التالى:</p>
    <p align="center"><input type="text" name="text" size="74"></p>
    <p align="center"><input type="submit" value="إرسال" name="B1"><input type="reset" value="إعادة تعيين" name="B2"></p>
</form>
<?php
include ("foo.htm");

?>

شرح الأكواد::

كود PHP:


			
<?php
?>

هي وسوم صفحة Php و هي أساسية لتشغيل السكريبت و إلا لن يستطيع المتصفح قرائة المحتوى

كود PHP:


			
/////////////////////////////////////////////////
//https://www.djelfa.info/vb/forumdisplay.php?f=211//
//****************bensfiayassin****************//
///////////////////////////////////////////////

حقوق برمجية::

و الأن المهم::

كود PHP:


			
include ("hade.htm");

وهذه دالة الإتدعاء و هنا قد إستدعينا ملف hade.htm في أعلى الصفحة

لنتابع :::

كود بلغة HTML:

<form method="POST" action="do.php">
    <p align="center">أكتب الإسم الذي تريد زخرفته في الإطار التالى:</p>
    <p align="center"><input type="text" name="text" size="74"></p>
    <p align="center"><input type="submit" value="إرسال" name="B1"><input type="reset" value="إعادة تعيين" name="B2"></p>
</form>

فوريم إدخال المعلومات يحوي مربع لإدخال الإسم ; وعنوانه text و هو مهم لأنه هو المتغير و سنذكره في الرد القادم و طبعا زر للتنفيذ
ولو ندقق في النظر نجد أننا إستدعينا ملف do.php عبر " action="do.php وعني هذا عند الضغط على زر الإرسال سيتوجه ألى ملف do.php لزخرفة العنوان الذي قمنا بكتابته..

---- الأكواد ::

و كلها مشروحة و الأن النتيجة ::

سنلتقي في الرد القادم لشرح باقي الملفات

لا تردوو حتى أنتهي من الدرس..

الأخ ياسين · 2011-10-31, 18:28

كما ننا في نهاية الصفحة إستدعينا ملف ال foo.htm

وقد عملنا فيه حقوق بنفس دالة الإستدعاء

كود PHP:


			
<?php
include ("foo.htm");

?>

و الأن سنشرح ملف do.php وهو ملف التنفيذ

و الكود الكامل مسبقا ::

كود PHP:


			
<?php
/////////////////////////////////////////////////
//https://www.djelfa.info/vb/forumdisplay.php?f=211//
//****************bensfiayassin****************//
///////////////////////////////////////////////
include ("hade.htm");
?>
<?php
$text= addslashes($_POST['text']);

if ($text == ""){ 
echo "<div align='center'>قم بكتابة إسم أولا  <a href='javascript:history.back(1)'>عودة للخلف</a></div>"; 
}else{ 
echo "
<div align='center'>
~*¤ô§ô¤*~$text~*¤ô§ô¤*~
<br>
~¤¦¦§¦¦¤~ $text ~¤¦¦§¦¦¤~
<br>
¤©§][§©¤][ $text ][¤©§][§©¤
<br>
(¯°·._.·($text)·._.·°¯)
<br><br>
<a href='javascript:history.back(1)'>عودة للخلف</a>
</div>
";
}
?>
<?php
echo"<br><br>";
include ("foo.htm");
?>

لقد شرحنا كود الحقوق و الإستدعاء في بداية الموضوع و سنشرح فقط كود تنفيذ الزخرفة

كود PHP:


			
<?php
$text= addslashes($_POST['text']);

if ($text == ""){ 
echo "<div align='center'>قم بكتابة إسم أولا  <a href='javascript:history.back(1)'>عودة للخلف</a></div>"; 
}else{ 
echo "
<div align='center'>
~*¤ô§ô¤*~$text~*¤ô§ô¤*~
<br>
~¤¦¦§¦¦¤~ $text ~¤¦¦§¦¦¤~
<br>
¤©§][§©¤][ $text ][¤©§][§©¤
<br>
(¯°·._.·($text)·._.·°¯)
<br><br>
<a href='javascript:history.back(1)'>عودة للخلف</a>
</div>
";
}
?>

لنشرح الكود :::

لدينا ::

كود PHP:


			
$text= addslashes($_POST['text']);

و هي دالة للمتغير TEXT و هو يمثل العنوان الذي نريد زخرفته
كما أنه يبطل عمل أكواد HTML غرض الحماية من الخربين

و الدينا الشرط التالي

كود PHP:


			
if ($text == ""){ 
echo "<div align='center'>قم بكتابة إسم أولا  <a href='javascript:history.back(1)'>عودة للخلف</a></div>"; 
})

و هو يعني إن كان المتغير غير موجود أي لم تكتب عنوان من أجل زخرفته
سيرسل رسالة خطأ بواسطة الدالة ECHO

أما عن

كود بلغة HTML:

href='javascript:history.back

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

كود بلغة HTML:

<div align='center'>
~*¤ô§ô¤*~$text~*¤ô§ô¤*~
<br>
~¤¦¦§¦¦¤~ $text ~¤¦¦§¦¦¤~
<br>
¤©§][§©¤][ $text ][¤©§][§©¤
<br>
(¯°·._.·($text)·._.·°¯)
<br><br>
<a href='javascript:history.back(1)'>عودة للخلف</a>
</div>

نلاحظ و جود عدد من الزخارف وفي و سطها المتغير $text

و إن أردت إضافة زخرفة فقط أضف نمط الزخرفة و ضع المتغير $text
في الوسط

شكل الكود:::

النتيجة بــ

و الأن النص مزخرف

أما عن ملفات hade.htm و foo.htm فسهل أن تضعهما و من واجه مشكلة معهما يتابع دروس البرمجة بال HTML و بالتوفيــق

إنتهى الموضوع و أمل أن ينال إعجابكمــــ

الأخ ياسين · 2011-10-31, 18:36

من يريد تحميل العمل المنجز في المرفقات

Djelfa_and-yassine.zip (1.5

و أما عن الفوريم المستعملة فيكفي أن شائها ببرنامج الفورنت بيج

و من ينقل الموضوع أرجو منه ذكر المصدر على الأقل

الأخ ياسين · 2011-10-31, 18:49

خبر عاجل يجب إضافة الكود التالي

كود PHP:


			
$text= htmlspecialchars($_POST['text']);

مباشرة أسفل

كود PHP:


			
$text= addslashes($_POST['text']);

في ملف do.php

في السطر العاشر و ذلك لتعطيل أكواد HTML

الأستاذ سامي · 2011-10-31, 18:58

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

الأستاذ سامي · 2011-10-31, 18:59

ملاحظة فرونت بيج قديم و لا انصحك به تم استبداله ب ويب اكسبرشن لكن لا انصحك به ايضا
لان برامج ميكروسوفت لا تسمح بالتعامل مع php
هناك بيئات تطوير مثل netbeans

الأخ ياسين · 2011-10-31, 19:05

شكرا لك أستاذ سامي

الفورنت بيج فقط لتسهيل عمل الفوريم و الأزرار ......

و إن شاء الله دروس أكثر

الأستاذ سامي · 2011-10-31, 19:24

الفوريم و الازرار هي html ; يمكنك عملها بأي محرر نصي
و انصحك ب notepad++
و استعمال محرر html + php يعطيك راحة اكبر
dreamweaver افضل من فرونت بيج بسنوات

الأخ ياسين · 2011-10-31, 19:46

اقتباس:

المشاركة الأصلية كتبت بواسطة الأستاذ سامي

الفوريم و الازرار هي html ; يمكنك عملها بأي محرر نصي
و انصحك ب notepad++
و استعمال محرر html + php يعطيك راحة اكبر
dreamweaver افضل من فرونت بيج بسنوات

شكرا أستاذ لدي برنامج Rapid PHP 2011 و هو أيضا محرر متطور لكن أنا أستعمل الفورنت بيج في حال إحتجت إلى شفرة ألوان أو زر ....