دورة php لغة HTML
2 مشترك
صفحة 1 من اصل 1
دورة php لغة HTML
مرحباً بكل طالب علم ! لنبدأ بالتذكير بالنقاط الهامة التالية :
يجب أن تكون قد انتهيت من تحميل الباب الأول من الكتاب على العنوان : تعلم php بسهولة - الباب الأول
يجب أن تكون قيد انتهيت من قراءة الفصل الأول من الكتاب .
يجب أن تكون قد تأكدت من أن جميع أفراد مجموعتك قد أنهوا الخطوات السابقة بنجاح .
يجب أن تكون مستعداً للإجابة على أي سؤال سيطرح على مجموعتك بعد قليل... شخص واحد فقط من المجموعة سيجيب نيابة عن المجموعة ككل (قوموا بترشيح شخص من مجموعتكم لكل محاضرة) ، لاحظوا بأن بعض الأسئلة التي سأطرحها هنا ستكون موجودة في الامتحان النهائي أيضاً !
يجب أن تسجل حضورك لهذه المحاضرة (يجب أن يحضر جميع أفراد المجموعة، لأن درجات الحضور فردية) .
سأبدأ بشرح مقتطفات من الفصل الأول فقط ... الهيكل العام لملف الهتمل: كود PHP:
عنوان الصفحة النص هنا
النماذج: ذكرت في الكتاب بأن أهم جزء في فصل الهتمل هو جزء النماذج ... لأننا سنحتاج لهذا الجزء كثيراً مع لغة الهتمل . لنستعرض الهيكل العام للنموذج أولاً : كود PHP:
عنوان الصفحة
سيظهر النموذج السابق بالشكل التالي : لدينا مكونات كثيرة يمكن أن نضيفها للنموذج (form elements): كود PHP:
مربع العلامة 1
يعطينا هذا الوسم مربع العلامة الذي يسمح للمستخدم بوضع علامة "P" بداخله . هذا العنصر له الاسم "C1" و له المعرّف "a" . بعد ذلك قمنا بكتابة تعريف نصي يظهر أمام المستخدم باستخدام الوسم . لاحظ أن وسم يحتاج لوسم نهاية بينما الوسم < input > لا يحتاج لوسم نهاية . ميزة مربعات العلامة أنها تسمح للمستخدم باختيار أكثر من خيار في النموذج و ذلك بوضع علامة "P" في داخل كل خيار يناسب المستخدم ، هذا بالمقارنة مع زر الخيار الذي يسمح للمستخدم باختيار زر واحد فقط كما سنرى بعد قليل .
- = - = - = - = - = - = - = - = -
كود PHP:
مربع العلامة 2
هذا هو نفس الوسم السابق مع تغيير الاسم و المعرّف فقط ليعطينا مربع علامة جديد يظهر للمستخدم .
- = - = - = - = - = - = - = - = -
كود PHP:
زر الخيار 1
هذا هو الوسم الخاص بزر الخيار . أزار الخيار (radio buttons) هي تلك الدوائر المفرغة التي شاهدناها في الشكل الأخير (شكل 29) و التي تسمح للمستخدم باختيار أحد هذه الأزرار فقط (جرب بنفسك). و كما شاهدنا مع الوسم السابق ، نستخدم الوسم لكتابة تعريف نصي بجوار العنصر .
- = - = - = - = - = - = - = - = -
كود PHP:
زر الخيار 2
مرة أخرى ، هذا هو وسم زر الخيار . لقد قمت بإعادة كتابة الوسم لتوضيح نقطة هامة يجب أن تتنبه لها هنا . لاحظ اسم عنصري زر الخيار في هذا الوسم و الوسم السابق ، ماذا تلاحظ ؟ إن الوسمين يحملان نفس الاسم name="R1" و هذا شرط أساسي لاستخدام أزرار الخيار حتى تؤدي غرضها بالشكل الصحيح (اختيار خيار واحد فقط) . جرب تغيير الاسم في الوسم الثاني مثلاً .. و ستكتشف أن المستخدم سيصبح قادراً على اختيار أكثر من خيار في هذه المرة . قد تحتاج في بعض النماذج إلى استخدام أكثر من مجموعة من أزرار الخيار (يختار المستخدم خياراً واحداً من كل مجموعة) حينها فقط يمكنك تحديد اسم مختلف لكل مجموعة من الأزرار .
- = - = - = - = - = - = - = - = -
كود PHP:
النص هنا
تحتاج أحياناً لاستخدام مربع نص مكوّن من عدة أسطر لتتيح مساحة أكبر من التعبير لزوار موقعك ، و هذا ما يقدمه لك هذا الوسم . يمكنك التحكم في عرض و طول مربع النص من خلال المتغيرين (rows) و يشير إلى عدد الصفوف ، (cols) و يشير إلى عدد الأعمدة .
- = - = - = - = - = - = - = - = -
كود PHP:
الخيار الأول الخيار الثاني
تعتبر القوائم المنسدلة أحد أفضل الخيارات إذا كنت تفكر في الحصول على استجابة محددة من المستخدم . يمكنك إضافة المزيد من الخيارات عن طريق إضافة سطر يحتوي على الوسم . كان هذا هو الدرس الأول ..... سهل و لذيذ ... أليس كذلك ؟ استعدوا للأسئلة الآن !!
_________________
- يجب أن تكون قد انتهيت من قراءة الموضوع السابق على العنوان :
عنوان الصفحة النص هنا
النماذج: ذكرت في الكتاب بأن أهم جزء في فصل الهتمل هو جزء النماذج ... لأننا سنحتاج لهذا الجزء كثيراً مع لغة الهتمل . لنستعرض الهيكل العام للنموذج أولاً : كود PHP:
عنوان الصفحة
سيظهر النموذج السابق بالشكل التالي : لدينا مكونات كثيرة يمكن أن نضيفها للنموذج (form elements): كود PHP:
مربع العلامة 1
يعطينا هذا الوسم مربع العلامة الذي يسمح للمستخدم بوضع علامة "P" بداخله . هذا العنصر له الاسم "C1" و له المعرّف "a" . بعد ذلك قمنا بكتابة تعريف نصي يظهر أمام المستخدم باستخدام الوسم . لاحظ أن وسم يحتاج لوسم نهاية بينما الوسم < input > لا يحتاج لوسم نهاية . ميزة مربعات العلامة أنها تسمح للمستخدم باختيار أكثر من خيار في النموذج و ذلك بوضع علامة "P" في داخل كل خيار يناسب المستخدم ، هذا بالمقارنة مع زر الخيار الذي يسمح للمستخدم باختيار زر واحد فقط كما سنرى بعد قليل .
- = - = - = - = - = - = - = - = -
كود PHP:
مربع العلامة 2
هذا هو نفس الوسم السابق مع تغيير الاسم و المعرّف فقط ليعطينا مربع علامة جديد يظهر للمستخدم .
- = - = - = - = - = - = - = - = -
كود PHP:
زر الخيار 1
هذا هو الوسم الخاص بزر الخيار . أزار الخيار (radio buttons) هي تلك الدوائر المفرغة التي شاهدناها في الشكل الأخير (شكل 29) و التي تسمح للمستخدم باختيار أحد هذه الأزرار فقط (جرب بنفسك). و كما شاهدنا مع الوسم السابق ، نستخدم الوسم لكتابة تعريف نصي بجوار العنصر .
- = - = - = - = - = - = - = - = -
كود PHP:
زر الخيار 2
مرة أخرى ، هذا هو وسم زر الخيار . لقد قمت بإعادة كتابة الوسم لتوضيح نقطة هامة يجب أن تتنبه لها هنا . لاحظ اسم عنصري زر الخيار في هذا الوسم و الوسم السابق ، ماذا تلاحظ ؟ إن الوسمين يحملان نفس الاسم name="R1" و هذا شرط أساسي لاستخدام أزرار الخيار حتى تؤدي غرضها بالشكل الصحيح (اختيار خيار واحد فقط) . جرب تغيير الاسم في الوسم الثاني مثلاً .. و ستكتشف أن المستخدم سيصبح قادراً على اختيار أكثر من خيار في هذه المرة . قد تحتاج في بعض النماذج إلى استخدام أكثر من مجموعة من أزرار الخيار (يختار المستخدم خياراً واحداً من كل مجموعة) حينها فقط يمكنك تحديد اسم مختلف لكل مجموعة من الأزرار .
- = - = - = - = - = - = - = - = -
كود PHP:
النص هنا
تحتاج أحياناً لاستخدام مربع نص مكوّن من عدة أسطر لتتيح مساحة أكبر من التعبير لزوار موقعك ، و هذا ما يقدمه لك هذا الوسم . يمكنك التحكم في عرض و طول مربع النص من خلال المتغيرين (rows) و يشير إلى عدد الصفوف ، (cols) و يشير إلى عدد الأعمدة .
- = - = - = - = - = - = - = - = -
كود PHP:
الخيار الأول الخيار الثاني
تعتبر القوائم المنسدلة أحد أفضل الخيارات إذا كنت تفكر في الحصول على استجابة محددة من المستخدم . يمكنك إضافة المزيد من الخيارات عن طريق إضافة سطر يحتوي على الوسم . كان هذا هو الدرس الأول ..... سهل و لذيذ ... أليس كذلك ؟ استعدوا للأسئلة الآن !!
_________________
حبيب القلب احمد- مشترك مميز
- عدد الرسائل : 59
العمر : 36
الاقامة : لبنان
تاريخ التسجيل : 21/04/2007
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى