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

[الأخ ياسين]

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

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

برمج سكريبت ز خرفة العناوين و الأسماء بنفسك:::
متطلببات الدورة::
+ محرر @مذكرة تكفي@
+سيرفر محلي لتجربة السكريبت
+ بعض الهدوء
----------------------------------------------------
بسم الله الرحمان الرحيم
----------------------------------------------------
الملفات ات سيتم إنشائها في الدورة:

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

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

الشفرة الكاملة أولا ::
<?php
/////////////////////////////////////////////////
//http://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 و هي أساسية لتشغيل السكريبت و إلا لن يستطيع المتصفح قرائة المحتوى

/////////////////////////////////////////////////
//http://www.djelfa.info/vb/forumdisplay.php?f=211//
//****************bensfiayassin****************//
///////////////////////////////////////////////حقوق برمجية:::1:
و الأن المهم::
include ("hade.htm");وهذه دالة الإتدعاء و هنا قد إستدعينا ملف 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>فوريم إدخال المعلومات يحوي مربع لإدخال الإسم ; وعنوانه text و هو مهم لأنه هو المتغير و سنذكره في الرد القادم و طبعا زر للتنفيذ
ولو ندقق في النظر نجد أننا إستدعينا ملف do.php عبر " action="do.php وعني هذا عند الضغط على زر الإرسال سيتوجه ألى ملف do.php لزخرفة العنوان الذي قمنا بكتابته..

---- الأكواد ::
http://up.djelfa.info/uploads/13200797091.png
و كلها مشروحة و الأن النتيجة ::

http://up.djelfa.info/uploads/13200801591.png

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

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

[الأخ ياسين]

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

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

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

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




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


<?php
/////////////////////////////////////////////////
//http://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
$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>
";
}
?>لنشرح الكود :::

لدينا ::

$text= addslashes($_POST['text']);و هي دالة للمتغير TEXT و هو يمثل العنوان الذي نريد زخرفته
كما أنه يبطل عمل أكواد HTML غرض الحماية من الخربين

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

أما عن
href='javascript:history.back
فهو يمثل رابط العودة عن طريق ما خزنه المتصفح الصفحة السابقة يعمل عمل زر التصفح الذي يقوم بالرجوع
ثم لدينا إكما للشرط أي أن فشل الشرط الأول و يوجد عنوان و كلشي صحيح
سيقوم ب الزخرفة



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



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

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

شكل الكود:::

http://up.djelfa.info/uploads/13200815021.png

النتيجة بــ

http://up.djelfa.info/uploads/13200817001.png




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

http://up.djelfa.info/uploads/13200818481.png
أما عن ملفات hade.htm و foo.htm فسهل أن تضعهما و من واجه مشكلة معهما يتابع دروس البرمجة بال HTML و بالتوفيــق

http://up.djelfa.info/uploads/13200820671.gif

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

[الأخ ياسين]

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

http://www.djelfa.info/vb/images/attach/zip.gif Djelfa_and-yassine.zip (http://www.djelfa.info/vb/attachment.php?attachmentid=31167&stc=1&d=1320082482) (1.5


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


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



http://up.djelfa.info/uploads/13200820671.gif

[الأخ ياسين]

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

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

مباشرة أسفل

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

في ملف do.php

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

[الأستاذ سامي]

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

[الأستاذ سامي]

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

[الأخ ياسين]

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

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

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

[الأستاذ سامي]

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

[الأخ ياسين]

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

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

[the_leader]

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

[الأخ ياسين]

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


شكرا على المرور أخي

[الأخ ياسين]

رابط معاينة السكريبت مع بعض التزويق http://dir3.p2h.info/

[الأستاذ *قداري*]

بارك الله فيك اخي ياسين ............دمت للمنتدى ان شاء الله.

[الأخ ياسين]

بارك الله فيك اخي ياسين ............دمت للمنتدى ان شاء الله.

شكرا على المرور وبراك الله فيك على دعمي

[matruqul dz]

mercccccccccccccii

[الأخ ياسين]

mercccccccccccccii

شكرا على المرور نورت

[Darkous]

~*¤ô§ô¤*~موضوع ولا أروع بارك الله فيك و جزاك الله خيرا~*¤ô§ô¤*~

[الأخ ياسين]

شكرا على المرور

[بحيرة العرب]

مشكور اخي الكريم 4

[nipdoni]

Thank you :)

[kaledd]

بارك الله فيك

[sara lora]

مع انني جديدة واجد صعوبة كبيرة في الفهم الدرس
الا انني اشكرك اخي

[الأخ ياسين]

شكرا على المرور بارك الله فيكم

[saidou23]

مشكور بارك الله فيك

[htc.ws]

http://im37.gulfup.com/EAPOn.gif

[بن زرام]

مشكووووووووووور اخي

[leprence30]

وقل ربي زدني علما

[ساحر النهى]

موضوع مميز جدا
شكرا على الافادة