الدرس السابع :
النماذج

مقدمة :
الى هذا الدرس تكون قد تعرفت فقط على كيفية إنشاء صفحات ويب تنظم مجموعة من المعلومات - نصوص , صور , جداويل ... - . ولكن ماذا لو أردت معرفة مثلا رأي الزوار في الموقع , هذا يتأتى بواسطة النماذج - Formulaires - .
إذن في هذا الدرس بحول الله ستتعرف على كيفية إنشاء النماذج .

تعريف :
النموذج مجموعة من الحقول ضمن صفحة ويب , تمكن من ربط الإتصال بين زوار الموقع ومصممه حيث يمكن للزائر إبداء رأيه في أمور يحددها مصمم الموقع .
و النموذج يضم مججموعة من الحقول على شكل نصوص , صور , أزرار , جداويل ....
يمكن للزائر ملأ النموذج إما بكتابة نص في حقول النص أو النقر على زر الإختيار Botton radio , أو مربع الإختيار Case a cocher ويرسل المعلومات بالضغط على زر الإرسال , فترسل إما الى ملف داخل الموقع أو الى البريد الالكتروني لصاحب الموقع .

تعريف الحقول :
تستعمل عدة حقول في النموذج , نلخص أهمها في الجدول التالي :

إدراج الحقول :
لإدراج الحقول هناك طريقتين هما :
الأولى : إستعمال شريط أدوات النماذج :

- ضع نقطة الإدراج في الموضع الذي تريد إدراج الحقل به .
- إضغط من شريط أدوات النماذج الحقل المراد إدراجه .
الثانية إستعمال قائمة Insertion .
- ضع نقطة الإدراج في الموضع الذي تريد إدراج الحقل به
- من قائمة Insertion إختر Champ de formulaire تظهر لك قائمة.

إختر من القائمة :
- Zone de texte simple : لإدراج حقل نص بسيط .
-Zone texte multiple : لإدراج حقل نص متعدد السطور .
- Case à coucher : لإدراج مربع إختيار .
- Memu déroulant : لإدراج قائمة منسدلة .
- Case d'option : لإدراج زر الإختيار .
- Bouton de commend : لإدراج زر الارسال أو المسح .

خصائص الحقول :

1- خصائص نص بسيط :
لتغيير خصائص هذا الحقل إتبع مايلي :
1- أدرج الحقل بإتباع إحدى الطرقتين السابقتين .
2- انقر نقرا مزدوج على الحقل الذي أدرجته .
أو أنقر بالزر الايمن للفأرة وإختر من القائمة Propriete de champ formlaire .

3- يظهر لك الشكل التالي :

4- *من المجال Nom إختر إسم الحقل مثلا الاسم , العنوان أو البريد الإلكتروني أو أي شيء أخر تريد...
* من الحقل Largeur en caractere إختر طول النص.
5- اضغط زر valider .
6- يظهر لك مربع الحوارالتالي .
6-من القائمة المنسدلة type de donnees حدد نوع النص المدخل - نص, رقم...-
7- أنقر زر الموافقة.

2- خصائص نص متعدد السطور :
لتغيير خصائص هذا الحقل إتبع مايلي :
1- أدرج الحقل بإتباع إحدى الطرقتين السابقتين - أنظر فقرة إدراج حقل -.
2- انقر نقرا مزدوج على الحقل الذي أدرجته .
أو أنقر بالزر الايمن للفأرة وإختر من القائمة Propriete de champ formlaire

3- يظهر لك الشكل التالي :

4- *من المجال Nom إختر إسم الحقل مثلا الاسم : ملاحظات الزائر.
* من الحقل Largeur en caractere إخترطول النص
*من Nombre de lignes إختر عدد سطور النص .
5- اضغط زر valider .
6- يظهر لك مربع الحوارالتالي .
6-من القائمة المنسدلة type de donnees حدد نوع النص المدخل - نص, رقم...-
7- أنقر زر الموافقة.

3- خصائص زر الإختيار:

لتغيير خصائص هذا الحقل إتبع مايلي :
1- أدرج الحقل بإتباع إحدى الطرقتين السابقتين - أنظر فقرة إدراج حقل -.
2- انقر نقرا مزدوج على الحقل الذي أدرجته .
أو أنقر بالزر الايمن للفأرة وإختر من القائمة Propriete de champ formlaire

3- يظهر لك الشكل التالي :

4- *من المجال Nom إختر إسم الحقل .
5- أنقر زر الموافقة.

4-خصائص مربع الإختيار :

لتغيير خصائص هذا الحقل إتبع مايلي :
1- أدرج الحقل بإتباع إحدى الطرقتين السابقتين - أنظر فقرة إدراج حقل -.
2- انقر نقرا مزدوج على الحقل الذي أدرجته .
أو أنقر بالزر الايمن للفأرة وإختر من القائمة Propriete de champ formlaire

3- يظهر لك الشكل التالي :

4- *من المجال Nom إختر إسم الحقل .
5- أنقر زر الموافقة.

5-خصائص قائمة منسدلة :

لتغيير خصائص هذا الحقل إتبع مايلي :
1- أدرج الحقل بإتباع إحدى الطرقتين السابقتين- أنظر فقرة إدراج حقل -.
2- انقر نقرا مزدوج على الحقل الذي أدرجته .
أو أنقر بالزر الايمن للفأرة وإختر من القائمة Propriete de champ formlaire

3- يظهر لك الشكل التالي :

4- *من المجال Nom إختر إسم الحقل .
5- إضغط Ajouter يظهر لك مربع الحوار التالي :

* أكتب العنصر الاول من القائمة في المجال Choix.
* إضغط ok .
* إضغط Ajouter واكتب العنصر الثاني من القائمة ثم إضغط ok .وهكذا الى ان تكتب كل عناصر القائمة ...
6- أنقر زر الموافقة .

6- خصائص زر التحكم :

لتغيير خصائص هذا الحقل إتبع مايلي :
1- أدرج الحقل بإتباع إحدى الطرقتين السابقتين - أنظر فقرة إدراج حقل -.
2- انقر نقرا مزدوج على الحقل الذي أدرجته .
أو أنقر بالزر الايمن للفأرة وإختر من القائمة Propriete de champ formlaire

3- يظهر لك الشكل التالي :

معالجة المعلومات :
لمعالجة المعلوات النموذج إتبع مايلي :
1-في أي مكان من صفحة النموذج إضغط الزر الأيمن للفأرة .
2- من القائمة المنبثقة إختر Propriete de formulaire .
3- في المجال Nom de formulaire أكتب اسم للنموذج مثلا دفتر الزوار أو رأي الزوار ....
4- في المجال Adress email أكتب أسم البريد الالكتروني الذي سوف يستقبل المعلوات التي كتبها الزائر بعد الضغط على زر الارسال .
5- إضغط زر الموافقة ok .

مثال :
نموذج رأس الزوار بهذا الموقع :