بسم الله الرحمن الرحيم وبه نستعين
سوف نتعرف في هاذ الموضع على عدة دروس لتطوير المواقع
كيفية استخدام الجافا في صفحتك ( للمبتدئين )
تعلم بعض شفرات الhtml
خدمة تغيير لون شريط التمرير
درس عمل سكريبت upload بسيط
درس نظام قوالب template بسيط
تركيب المجلة على الموقع بالصور
طريقة تعريب المجلة إلي اللغة العربية
الان شرح تحويل النيوك من php الى html بطريقة Mod Rewrite
طـريقة تـركيب منتـدى ib ..الطريقة مشروحه بالصور
[شرح] تركيب سجل الزوار xpbook_v3.0
_______________________________________________
نبداء بسم الله
[color=red]
كيفية استخدام الجافا في صفحتك ( للمبتدئين )[/COLOR
---------------------------------------------------------------------------------------------
كيفية التعامل مع الأكواد في برنامج الفرونت بيج
# كيف أحرر الكود ليتناسب مع موقعي ؟
معظم الأكواد التي سنقدمها في موقعنا تحتاج إلى تعديل لتتناسب مع موقعك .. فستجد أن بعضها يحتوي على شرح بالعربية للأجزاء التي تحتاج إلى تغيير حسب رغباتك أو تحتوي على توضيح للمنطقة التي يوضع فيها الكود هل في منطقة الرأس أم منطقة الجسم .. لذا عليك باتباع التعليمات الواردة في الكود ومن ثم لصقه في الصفحة دفعة واحدة أو دفعتين إذا كان مجزأ إلى المنطقتين وذلك حسب التعليمات المرفقة بالكود .
ولتحرير الكود بما يناسبك .. انسخ الكود بالكامل وألصقه في المفكرة المرفقة بويندوز ثم عدّل فيه ما تريد بعد ذلك الصقه في صفحتك .. وهي اسهل وأضمن طريقة للتعامل مع الأكواد .
--------------------------------------------------------------------------------
# كيف الصق الكود في صفحتي بالفرونت بيج ليعمل بشكل سليم ؟
بامكانك استخدام إحدى الطريقتين التاليتين :
1- فتح صندق تحرير الهتمل كالتالي : insert>advanced>HTML سيفتح الصندوق .. الصق به الكود ثم اضغط OK .
ولكن في حالة الأكواد المجزأة الى منطقتين يلزمك حصر الكود بين الوسمين الخاصين بهذه المنطقة .. أي إذا أردت وضع الكود في منطقة الرأس اكتب أعلى الكود وأسفله وإذا أردت وضعه في منطقة الجسم اكتب أعلاه وأسفله </body> وبذلك سيذهب الكود الى المنطقة المحددة تلقائياً .
أما في حالة الكود الذي سيوضع في منطقة الجسم فقط فضع مؤشر الماوس في المنطقة التي تريد ظهوره فيها ثم افتح الصندوق والصق الكود واضغط OK .
2- وهي الطريقة الأسهل ما عليك سوى فتح قسم HTML من أسفل برنامج الفرونت بيج ستجد أن تقسيم الصفحة جاهز إلى منطقة الرأس ومنطقة الجسم .. ضع الكود في المنطقة المناسبة ثم شاهده في قسم المعاينة Preview وتابع تحرير صفحتك في قسم Normal .
ولكن في هذه الطريقة انتبه لكي لا تضع كود داخل كود أخر بل ابدأ من نهاية الكود السابق ثم الصقه .
** ملاحظات **
1- جميع الأكواد الخاصة بتأثير الارتباطات ( الوصلات ) يتم لصقها في منطقة الرأس .
2- الأكواد المجزأة استخدمها حسب التعليمات المرفقة .
3- بقية الأكواد يتم لصقها في منطقة الجسم فقط .
--------------------------------------------------------------------------------
# كيف أقوم بتغيير الألوان في الأكواد ؟
بالنسبة للألوان اما أن تسميها باللاتيني مثل : أبيض : white ، أسود : black ، أحمر : red ، أزرق : blue ، أخضر : green ، بني : brown ، برتقالي : orange ، أصفر : yellow . أو تكتب رقم اللون داخل الكود كما يفعل فرونت بيج .
انتهى الدرس ... وبالله التوفيق ؛؛؛
______________________________________---------
تعلم بعض شفرات الhtml
-------------------------------------------------------------------------
» تعلم بعض شفرات الhtml
مع اننا ذكرنا انك لا تحتاج إليها لكن المصمم الجيد هو الذي يكون ملم على الاقل بابسط الشفرات ..
افتح اي برنامج لمعالجة النصوص ..مثلا الNotepad الملحق بنظام الوينودوز اختر File > Save As و في نافذة الحفظ اكتب اسم الملف ملحقا بنقطة و من ثم HTML او HTM لا فرق.
سنحاول تخييل الصفحة كحبة بصلة و سننزع القشور واحدا تلو الآخر .
القشرة الأولى
الصفحة تبدأ بـ و تنتهي بــ في النوتباد اكتب هاذين الامرين .حيث الثاني يحتوي على الشرطة المائلة (/). جيد جدا .
القشرة الثانية
بالداخل تنقسم الصفحة إلى قسمين الرأس Head و الجسم Body. محتويات الرأس تبدأب و تنتهيب و الجسم يبدأ بو بنتهي ب
محتويات الرأس
محتويات الجسم
القشرة الثالثة
محتويات الرأس في الأسفل ما يمكن ان يحتوية الرأس مثلا تعريف بالصفحة( العنوان) و هي العنوان الذي سيظهر في أعلى شريط المتصفح
محتويات الجسم
القشرة الرابعة
كل ما سيظهر للعيان في الصفحة سيظهر يجب ان يكتب في الجسم . مثلا :لإضافة الصورة
لإضافة وصلة
Marhaba
------------------------------------------------
خدمة تغيير لون شريط التمرير
------------------------------------------------
قدم لزوار موقعك خدمة تغيير لون شريط التمرير لمواقعهم..
هل تريدأن تغيير لون شريط التمرير في موقعك؟!
هل تريد أن تقدم خدمة تغيير لون شريط التمرير لزوار موقعك..؟!
إذن فلنبدأ في تركيب هذا البرنامج الصغير جدا والبسيط جدا..
أولا.. قم بتحميل البرنامج من
http://members.lycos.co.uk/geosemsem06/bar.zip
- بعد تحميل الملف.. قم بفك الضغط عنه..
- ثم انقل جميع الملفات إلى موقعك.. وضعها في المجلد الذي تريده.
- قم بإعطاء الترخيص 666 للملف output.html
للمزيد من المعلومات حول كيفية إعطاء التصاريح للملفات
وبذلك تكون قد انتهيت من نركيب البرنامج في موقعك..
* لتشغيل البرنامج..
إذهب إلى الرابط الآتي:
http://www.yourname.com/fuga.php
وإذا كان موقعك على لايكوس.. سيكون العنوان كالآتي
http://members.lycos.co.uk/yourname/fuga.php
- عند تشغيل البرنامج.. ستظهر لك الصفحة الآتية.. اتبع الشرح بالصور:
1. يشير إلى الجزء المخصص في شريط التمرير.
2. تضع اللون في المربع المقابل لكل جزء.. تبعا للأرقام الموضحة في الصورة.
3. قم بتحديد هذا الخيار إذا أردت أن تجعل شريط التمرير علي اليسار..
4. لتجربة الألوان على الطبيعة.
5. لحفظ التنغييرات وإنشاء الكود النهائي.. ( هذا الكود يتم وضعه في موقعك فيقوم بتغيير لون شريط التمرير إلى الألوان التي اخترتها )
6. للبدء في إختيار الألوان.
- عند الضغط على رقم 6 ستظهر الصورة الآتية..
قم بنقل رقم اللون وضعه في مكانه كما في الصورة الأولى.
- عند الضغط على الزر رقم 4 " تجربة " سيتم تجربة الألوان.. وستجد لون شريط التمرير قد تغير كما في الصورة الآتية..
- عند الضغط على الزر رقم 5 " تنفيذ العملية " سيتم كتابة الكود الكامل الذي يضعه الزائر في موقعه.. وسيظهر الكود كما في الصورة الآتية..
ثم يقوم الزائر بنسخ هذا الكود ووضعه في صفحات الموقع بين الوسمين
والآن ألف مبروووك..
-------------------------------------------------------
درس عمل سكريبت upload بسيط
----------------------------------------------
راح ننشئ ملفّين ، أحدهما هو ملف الكونفيق (Config.php) و الآخر هو ملف الأبلود (Upload.php).
ملف الكونفيق راح يحتوي فقط على المسار اللي راح نرفع ملفاتنا له ( يعني سطر واحد بس ، اذا استثنينا وسمي <? و ?> ..)
يمكن أحد يتساءل ليش ما نستغني عن ملف الكونفيق و نضع المسار في نفس ملف upload.php ..
الإجابة هي : لأننا راح نطوّر السكريبت مستقبلا بحيث يحتوي مميزات كثيرة مثل : تخصيص حجم و نوع الملفات المراد رفعها ، إلخ.
حاليًا هذا شكل ملف الكونفيق :
كود PHP:
<?PHP
$path = "C:lahloob"; //اخترت رفع الملف إلى مجلد لهلوب في السي
?>
ملف upload.php راح يحوي الأشياء التالية :
1 ) وسم بداية كود الـ PHP
2) استدعاء ملف الكونفيق اللي يحتوي المسار
كود PHP:
include "config.php";
3) إدراج النموذج (الفورم) الخاص باستعراض الملفات لتحميلهاو أيضا نحتاج إلى زر خاص بالتحميل
كود PHP:
echo "<form method="POST" action="$PHP_SELF?upload=uploading"
enctype="multipart/form-data">
<input type=file name=file size=30><br><br>
<button name="submit" type="submit">
تحميل</button></form>";
طبعًا في هذا الجزء من الكود غموض شوي لذا سأشرحه.
الغريب في هالفورم يمكن هو استخدام المتغيّر $PHP_SELF -- و للمعلومية فإن هذا المتغيّر مبني داخل لغة PHP ووظيفته إنه يرجّع لك رابط السكريبت الحالي. إذن نحن في خانة الـ action راح نسترجع الرابط الحالي اللي فيه السكريبت ثم نضيف إليه ?upload=uploading
حيث upload و uploading هذي متغيّرات عادية راح أعرّفها بعدين
لاحظوا إننا في هالفورم عرّفنا المتغيّرات التالية :
upload -- uploading -- file
4) الآن نصل إلى نقطة هامة و هي إنه بعد ما اختار المستخدم الملف ، و ضغط على زر "تحميل" ، ما ذا يجب أن يفعل السكريبت ؟
السكريبت في هالحالة راح يختبر ، إذا تم نسخ الملف بشكل صحيح فيرجّع لك "تم تحميل الملف بنجاح" ، أو إذا لم يتم نسخه بشكل صحيح ستأتيك الرسالة "لم تختر الملف بشكل صحيح" -- السبب في الخطأ يعود ربما لخطأ في اختيار الملف المراد تحميله أو من هذا القبيل.
أولاً سنضع متغيّر و نسميه $result و نسند له عبارة "تم تحميل الملف بنجاح" ، دون أن نطبع هالرسالة.
كود PHP:
$result = "تم تحميل الملف بنجاح !!";
ثم بعد ذلك نحاول رفع الملف ، إذا تم رفعه بنجاح ستبقى قيمة $result كما هي، أو نسند لـ $result قيمة جديدة و هي : "لم تختر الملف بشكل صحيح"
الدالّة اللي راح نستخدمها لرفع الملفات هي copy و سنضيف قبلها علامة @ عشان بس نتفادى رسائل التحذير ..
كود PHP:
@copy($file, "$path/$file_name") or $result ="لم تختر الملف بشكل صحيح";
كما تلاحظون فدالة الـ copy تاخذ اسم الملف ، اللي عرفناه في النموذج العلوي -- و تاخذ أيضا مسار الملف.
$file ---> عرّفناه في الفورم الأول
$path---> مسار الملف ، و حددناه في الكونفيق
$file_name --> هذا المتغيّر يتم إنشاؤه اوتوماتيكيا و يحمل اسم الملف اللي نبغى نرفعه
الآن نطبع قيمة $result و هي إما نجاح التحميل أو فشله :
) نغلق الوسم الخاص بالسكريبت :
الآن السكريبت جاهز ، لكن فيه مشكلة بدائيّة ، و هي إنه في حالة إما نجاح أو فشل التحميل ، فإنه راح تظهر لي نفس الصفحة اللي تطلب اختيار الملف المراد تحميله ، و زر التحميل ، و تحتهم راح تشاهد عبارة النجاح أو الفشل. المطلوب الآن إننا فقط نعرض عبارة نجاح أو فشل دون عرض الفورم الخاص بالتحميل.
لعمل ذلك نحتاج إلى أداة الشرط switch -- نقول في هالأداة إنه إذا ضغط المستخدم على زر التحميل (يعني إن upload=uploading) ، في هالحالة نستخدم الخطوات المذكورة في الخطوة 4 ، عدا ذلك لا نستخدمها.
كود PHP:
switch ($upload)
{
default:
//الآن استخدم الخطوات من 1 إلى 3
break; // هذا لقطع الأمر switch و تجاهل أي خيار أو شرط آخر
case "uploading": //يعني إذا upload=uploading
نفذ الخطوة 4
break;
}
الآن نستخدم الخطوة 5
وهذا الكود مكمل ان شاء الله
كود PHP:
<?PHP
include "config.php"; //يتم استدعاء ملف الكونفيق لمعرفة المجلد الذي سيتم التحميل إليه
switch ( $upload )
{
default:
echo "<form method="POST" action="$PHP_SELF?upload=uploading"
enctype="multipart/form-data">
<input type=file name=file size=30><br><br>
<button name="submit" type="submit">
تحميل</button></form>";
break;
//==========================================================
case "uploading":
$result = "تم تحميل الملف بنجاح !!";
@copy($file, "$path/$file_name") or $result ="لم تختر الملف بشكل صحيح";
// هنا تتم عملية نسخ الملف
echo "$result";
break;
}// نهاية الأمر switch
?>
----------------------------------------
درس نظام قوالب template بسيط
---------------------------------
بسم الله نبدأ
مشاركه بسيطه أرجو من الله يا اخوان ان تفيدكم
المشاركة عبارة عن نظام قوالب بسيط وسهل وغير معقد يعتمد على الدالة التالية :
كود PHP:
function gettemplate($template,$endung="html") {
global $templatefolder;
if(!$templatefolder) $templatefolder = "templates";
return str_replace(""",""",implode("",file($templatefolder."/".$template.".".$endung)));
}
1- حيث $endung هي نهاية اسم القالب فاذا كانت القوالب عباره عن صفحات htm يتم تعديل الـ endung الى htm .
2- templatefolder$ : يمثل اسم المجلد الذي يحتوي على ملفات القوالب .
الان لنأخذ مثال مبسط :
1- انشئ ملف html ولنفترض بأسم ahmed.html .
نضع بداخله المحتوى التالي :
كود PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META content="text/html; charset=windows-1256" http-equiv=Content-Type>
<title>تجربة </title>
</head>
<body leftMargin=0 topMargin=0 rightMargin=0>
<p align="center"><font size="6"><b><font color="#FF0000">$test</font></b></font></p>
<p> </p>
</BODY>
</HTML>
ونضعه في مجلد ليكون مجلد القوالب الخاص بنا ولنفترض ان اسم المجلد templates
2- نكتب ملف php ولنسميه اي اسم مثلا a.php ونعرف فيه الداله والقيم المطلوبه :
كود PHP:
<?php
function gettemplate($template,$endung="html") {
global $templatefolder;
if(!$templatefolder) $templatefolder = "templates";
return str_replace(""",""",implode("",file($templatefolder."/".$template.".".$endung)));
}
// المتغير $test
// موجود في القالب
// الان لنعطيه قيمة
$test = "الله أكبر ";
// نقوم بعملية
// استدعاء الداله
// وتخزين الناتج
// في المتغير $say
eval ("$say = "".gettemplate("ahmed")."";");
// نقوم بطباعة المتغير
echo $say ;
?>
وهكذا يمكنك صنع قوالب كثيره بكل سهوله ودمجها في برنامج باسهل الطرق
-----------------------------------------------------------
ترقبو الجزء الثاني قريبا
__________________________________________________ _--
للمعلوميه جميع الشروحات منقوله من موقعي بستثناء شرح واحد الى هو من منتديات المشاغب
صراحه كان ودي احط الجزء الثاني معه على طول بس لان التنسيق والشرح اخذ مني وقت طويل
لاكن انتظرونا
دروس مخـــتارة لتطوير المواقع والمجلات والمنتديات(1)
النمط المتتابع
