السلام عليكم ورحمه الله وبركاته
أخواني الكرام تحية طيبة لكم واتمني ان تكونوا باطيب حال
عندما تبدأ بتعلم لغة php فانه من الواجب عليك ان يكون لديك خلفية عن لغة HTML وهي ليست لغة برمجية بالمعني الكامل فهي لاتحتاج الي السيرفر لترجمه اكوادها وهي غير تفاعلية
ملحوظة جانبية : كلمة HTML هي اختصار ل Hyper Text Markup Language
البداية :
يعتمد كود html علي Tag او مايسمي الوسوم
ويكتب بالطريقة التالية :
كما نلاحظ ان التاج يبدأ ب
<tag> اي بين علامتي الوسم
وينتهي ب </tag>ومايمييز النهاية هي علامة backslash الخاصة بها حيث انها تخبر المترجم ان نهاية عمل الوسم هنا
ويتكون الوسم من عنصرين
name : وهو اسم الوسم Tag
attributs : وهو خصائص الوسم Tag ويحتوي كل attributs غالبا علي قيمة له
صورة توضيحية
حيث ان بالمثال السابق تم استخدام الوسم Font وهو الخاص بالتعامل مع النص
وتم تحديد attributs size واعطائه القيمة 5
ماذا اذا اردنا اختيار لون للخط وايضا نوع للخط فاننا سوف نستخدم attributs التالية
face : وهي الخاصة بتحديد نوع الخط
color : وهي الخاصة باختيار لون الخط
الراوابط التشعبية :
الروابط التشعبية تعد من اهم الوسوم الخاصة ب html فلنتخيل انها غير موجوده هل تتخيل ان كافة مواضيع معهد ترايد نت بصفحة واحده بالطبع هذا شيئ مستحيل
كيف تعمل الروابط التشعبية HyperLink
تعمل الروابط التشعبية عن طريق الوسم <a>
وتكتب بالشكل التالي :
ومن اهم attributs الخاص بها كما هو موضح بالصور href وهو الرابط المراد الوصول اليه بعد الضغط وهي تأخذ المزيد من attributs مثل target وهو الخاص بالهدف الخاص بالرابط سواء بنفس الصفحة وقيمته _self او بصفحة جديدة _blank
الجداول :
اذا اردت لموقعك التنظيم فسوف تحتاج الي انشاء جداول لترتيب العرض ويستخدم الوسم
<table> لانشاء جدول
والوسم <tr> لانشاء صف
والوسم <td> لانشاء عمود
ولكل منهم attributs الخاصة به يمكنك الاعتماد علي محرر للغة html مثل FrontPage لمعرف attributs الخاصة بكل منهم
مثال لانشاء جدول مكون من 3 صفوف و 3 أعمده
النماذج Form :
ملحوظة : يجب عليك التركيز جيدا بهذا الجزء حيث اننا سوف نحتاجه كثيراً
النموذج from وهو وسيلة لادخال معلومات من الزائر يتم استخدامها واكبر مثال علي ذلك تسجيل الدخول بمعهد ترايد نت فلك ان تتخيل تلك الفورم
الآن كيف يمكنني انشاء From
لنتعرف علي attributs الخاص بها
name : اسم الفورم
action : الهدف للفورم او صفحة المدخلات
method : طريقة ارسال البيانات وتأخذ القيمة Post او القيمة Get
في حالة Post : فان قيمة المدخلات تكون مخفية ولايستطيع الزائر تغييرها وتعد أكثر أمانا
في حالة Get تكون ظاهرة للزائر مثال
http://traidnt.net/index.php?name=coder
حيث ان coder هو قيمة name
مما يتكون الفورم يتكون from من مجموعة input اي مدخلات وتكون طريقة كتابته كالتالي :
وسم input لايغلق اي </input> هذا خطأ
ويتكون وسم input من attributs التالية
type : اي نوع المدخل
وينقسم الي :
button : اي زر ادخال
checkbox : مربع اختيار متعدد
file : مربع اختيار ملف من جهاز كمثل المستخدم بمركز التحميل
hidden : حقل مخفي سنتعرف عليه فيما بعد
image : صورة
password : حقل كلمة مرور
radio : مربع اخيتار احادي
reset : زر تفريغ الحقول
submit : زر ارسال البيانات
text : حقل نصي لادخال معلومات
ثم name : لاحظ ان اسم الحقل يجب ان لايكرر
ثم value : قيمه الحقل
صور الاشكال للتعرف عليها
كما ان هناك مجموعة اخري من INPUT مثل
<textarea></textarea> وهو حقل ادخل نصي كبير
وايضا
قائمة select
رمز PHP:
<select size="1" name="Name">
<option value="value1">Item1</option>
</select> الي الحين انتهي درس اليوم واعتذر عن اي تقصير
ملحوظة : الأخوة الكرام من لم يكن ملم بلغة HTML لن يستطيع المتابعه بدروس php سوف نقوم بشرح php فقط وليس html فيجب عليك محاولة تنفيذ الطلب عن يدويا وليس عن طريق محرر
تدريب عملي :
انشيئ نموذج اتصل بنا باستخدام الجداول والفورم