نوني80
08-08-2008, 02:01 PM
السلام عليكم و رحمة الله و بركاته
لإنشاء فورم بريدي أو نموذج بريدي
فإنه يمكن الاستعانة بالقوالب الموجودة بالفرونت بيج
و لكن هذه الطريقة أحياناً لا تكون مجدية
التالي خطوات مفصلة لإنشاء فورم بريدي، مع مثال مرفق يمكن التعديل عليه
_____________________________________________
أولاً : ماهي النماذج ؟ وما هي فائدتها ؟
النماذج هي عبارة عن مجموعة من الحقول والاختيارات يقوم الزائر بتعبئة واختيار ما يريد منها ثم يضغط زر ارسال ( Submit ) لتظهر النتيجة في صفحة في موقعك أو ترسل لبريدك مباشرة .
ثانياً : معلومات حول النموذج :
-يبدأ النموذج بوسم <FORM> وينتهي بوسم </FORM> .
- يقوم بإدارة النموذج نيابة عنك برنامج مكتوب بإحدى لغات الإنترنت مثل perl ، php ، asp .
- لكي يعمل النموذج في موقعك يجب أن يعمل البرنامج الذي تربط به هذا النموذج بشكل سليم . وهذا يتطلب أن يدعم السيرفر المستضيف لموقعك تشغيل هذا البرنامج .
- في مثالنا سنستخدم برنامج php
ثالثاً : التعريف بالحقول والاختيارات المستخدمة في النماذج :
لإدراج نموذج في صفحتك بما يحتويه من خانات ، اذهب إلى قائمة Insert ثم أشر على Form ، ستفتح لك قائمة بها ما يلي :
Form يدرج منطقة نموذج في الصفحة تحتوي فقط على زرين ، أحدهما للارسال (Submit) والآخر للمسح (Reset).
On-Line Text Box يدرج مربع نص بسطر واحد .
Scrolling Text Box يدرج مربع نص متعدد الأسطر ، به شريط تمرير .
Check Box يدرج مربع تدقيق يمكن للزائر اختيار أكثر من واحد منها .
Radio Button يدرج زر اختيار ، بحيث لا يستطيع الزائر أن يختار منها إلا واحد فقط .
Drop-Down Menu لإدراج قائمة منسدلة للأسفل ، وهي مناسبة للاختيارات الكثيرة .
Push Button لإدراج الأزرار ... لا تحتاجه فالأزرار ستدرج تلقائياً مع الفورم الفارغ .
Picture يدرج صورة يمكنك استخدامها بدل الزر .
رابعاً : مثال لإنشاء فورم بريدي في موقعك :
** ماذا نعني بالفورم البريدي ؟
الفورم البريدي هو نموذج يستطيع الزائر من خلاله أن يرسل لك رسالة لبريدك مباشرة من موقعك دون الحاجة لاستخدام بريده للارسال ... وهو كما تلاحظ يسهل على الزائر عملية الارسال ويشجعه عليها .
## والآن لنبدأ معاً إنشاء هذا الفورم خطوة خطوة :
من خلال هذا الفورم يستطيع الزائر أن :
- يرسل لك اسمه الحقيقي أو المستعار .
- يدرج بريده الإلكتروني للتمكن من الرد عليه .
- يحدد عنوان لرسالته .
- يكتب رسالة لك كما يريد .
* الخطـــــــــــوات :
1- افتح قائمة Insert وأشر على Form ستفتح قائمة ، اختر منها Form .
كما تلاحظ تم إدراج مستطيل بحد أسود متقطع به زران ، أحدهما Submit للارسال والآخر Reset للمسح والكتابة من جديد .هذا هو الفورم ولكنه لا يزال فارغ .
* لتغيير Submit و Reset إلى ارسال ومسح على التوالي ، انقر نقرة مزدوجة على زر Submit واستبدل هذه الكلمة بـ ارسال ، وبنفس الطريقة غير Reset إلى مسح .
2- اترك المؤشر داخل الفورم وادرج جدول بأربعة صفوف وعمودين .
3- اكتب في العمود الأيمن بالترتيب من أعلى لأسفل :
- الاســــم :
- عنوان بريدك الإلكتروني :
- عنوان رسالتك :
- اكتب رسالتك :
4- في الخلية الأولى من العمود الأيسر أدرج مربع نص وحيد السطر كالتالي :
Insert>Form>On-Line Text Box
ثم انقر عليه نقرة مزدوجة ، وفي خانة Name اكتب name ثم اضغط OK .
5- في الخلية الثانية كما في الخلية الأولى مع تغيير الاسم في خانة Name إلى email .
6- في الخلية الثالثة أضف قائمة منسدلة بها عدة خيارات لعنوان الرسالة وذلك كالتالي :
Insert>Form>Drop-Down Menu
ثم انقر عليه نقرة مزدوجة وفي خانة Name اكتب subject ، وقبل أن تضغط OK حدد خيارات العنوان كالتالي :
أ- اضغط على زر Add وفي خانة Choice اكتب " اختر عنوان لرسالتك " ثم اضغط OK .
ب- مرة أخرى اضغط Add واكتب في خانة Choice شكر وتهنئة ثم اضغط OK .
ج- وبنفس الطريقة أضف جميع العناوين التي تريدها ، ثم اضغط OK لإغلاق مربع حوار Drop-Down Menu Properties .
7- في الخلية الرابعة أضف مربع نص نتعدد الأسطر كالتالي :
Insert>Form>Scrolling Text Box
ثم انقر عليه نقرة مزدوجة وفي خانة Name اكتب massage ثم اضغط Ok .
خامساً : تطوير أداء هذا النموذج ( الفورم البريدي ) :
** سنشرح هنا كيف نخصص صفحة شكر لمن يرسل بريد و صفحة خطأ لمن يترك خانات مطلوبة وذلك كالتالي :
أ- صمم صفحة شكر وليكن اسمها thanks.htm وأخرى خطأ وليكن اسمها error.htm بواسطة الفرونت بيج واكتب فيها ما تريد من عبارات وارسلها لموقعك في الشبكة .
ب- ضع الكود الخاص بكل من صفحة الشكر والخطأ والذي ستدرج فيه عنوان الصفحتين في موقعك في الشبكة وذلك بواسطة الفرونت بيج كالتالي :
1- إضافة صفحة الشكر thanks.htm :
- ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
- اضغط على زر Advanced في الأسفل سيفتح لك مربع جديد .
- اضغط على زر Add واكتب redirect في خانة Name ، ثم اكتب في خانة Value عنوان صفحة الشكر في موقعك مثل thanks.htm واضغط OK على أن يتم حفظ موقعك مع هذه الصفحة في نفس المجلد .
2- إضافة صفحة الخطأ error.htm :
بنفس الطريقة السابقة اضغط Add واكتب missing_fields_redirect في خانة Name ، ثم اكتب عنوان صفحة الخطأ في موقعك كالسابق .
* ولكي تظهر رسالة الخطأ عند ترك الخانات الضرورية قم بالآتي :
- ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
- اضغط على زر Advanced في الأسفل سيفتح لك مربع جديد .
- اضغط على زر Add واكتب required في خانة Name ، ثم اكتب في خانة Value أسماء الخانات التي ترى ضرورة ملأها مفصولة بفاصلة مثل name,email ثم اضغط OK ثلاث مرات .
سادساً : تحويل الرسائل على بريدك الخاص وربط الفورم البريدي بالبرنامج:
أ- يجب كتابة عنوان البريد الذي تريد أن تستقبل عليه الرسائل وذلك باتباع التالي :
- ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
- اضغط على زر Advanced في الأسفل سيفتح لك مربع جديد .
- اضغط على زر Add واكتب recipient في خانة Name ، ثم اكتب في خانة Value عنوان البريد الإلكتروني مثل webmaster@hotmail.com ثم اضغط OK ثلاث مرات .
ب- يجب أن تربط هذا الفورم ببرنامج كما ذكرنا في " ثانياً " والبرنامج الذي سنستخدمه هنا اسمه fmail.php وسنضعه داخل المجلد الذي حفظت به موقعك، وسنقوم بعملية الربط كالتالي :
- ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
- أشر على مربع الاختيار Send to other وتأكد من اختيار الخيار الأول في القائمة المنسدلة بجانبه .
- اضغط على زر Options في الأسفل سيفتح مربع جديد .
- اكتب في خانة Action عنوان البرنامج في موقعك fmail.php ثم اضغط OK مرتين
وأخيراً أرسل الصفحة التي بها الفورم البريدي لموقعك وقم بتجربتها .... مبروك لقد اصبح لديك فورم بريدي خاص بموقعك ومن صنعك .
______________________________________________
منقوووووووووووووول
أنا شخصياً قمت بتجربة الخطوات السابقة و أنشأت طلب توظيف
التصميم موجود في المرفقات
يمكن استخدام التصميم و التعديل عليه كما تشاء
أنا جربته و هو شغال مية في المية على الرابط التالي www.ams.edu.jo ثم عربي ثم طلب توظيف
أي استفسارات أنا جاهزة
لإنشاء فورم بريدي أو نموذج بريدي
فإنه يمكن الاستعانة بالقوالب الموجودة بالفرونت بيج
و لكن هذه الطريقة أحياناً لا تكون مجدية
التالي خطوات مفصلة لإنشاء فورم بريدي، مع مثال مرفق يمكن التعديل عليه
_____________________________________________
أولاً : ماهي النماذج ؟ وما هي فائدتها ؟
النماذج هي عبارة عن مجموعة من الحقول والاختيارات يقوم الزائر بتعبئة واختيار ما يريد منها ثم يضغط زر ارسال ( Submit ) لتظهر النتيجة في صفحة في موقعك أو ترسل لبريدك مباشرة .
ثانياً : معلومات حول النموذج :
-يبدأ النموذج بوسم <FORM> وينتهي بوسم </FORM> .
- يقوم بإدارة النموذج نيابة عنك برنامج مكتوب بإحدى لغات الإنترنت مثل perl ، php ، asp .
- لكي يعمل النموذج في موقعك يجب أن يعمل البرنامج الذي تربط به هذا النموذج بشكل سليم . وهذا يتطلب أن يدعم السيرفر المستضيف لموقعك تشغيل هذا البرنامج .
- في مثالنا سنستخدم برنامج php
ثالثاً : التعريف بالحقول والاختيارات المستخدمة في النماذج :
لإدراج نموذج في صفحتك بما يحتويه من خانات ، اذهب إلى قائمة Insert ثم أشر على Form ، ستفتح لك قائمة بها ما يلي :
Form يدرج منطقة نموذج في الصفحة تحتوي فقط على زرين ، أحدهما للارسال (Submit) والآخر للمسح (Reset).
On-Line Text Box يدرج مربع نص بسطر واحد .
Scrolling Text Box يدرج مربع نص متعدد الأسطر ، به شريط تمرير .
Check Box يدرج مربع تدقيق يمكن للزائر اختيار أكثر من واحد منها .
Radio Button يدرج زر اختيار ، بحيث لا يستطيع الزائر أن يختار منها إلا واحد فقط .
Drop-Down Menu لإدراج قائمة منسدلة للأسفل ، وهي مناسبة للاختيارات الكثيرة .
Push Button لإدراج الأزرار ... لا تحتاجه فالأزرار ستدرج تلقائياً مع الفورم الفارغ .
Picture يدرج صورة يمكنك استخدامها بدل الزر .
رابعاً : مثال لإنشاء فورم بريدي في موقعك :
** ماذا نعني بالفورم البريدي ؟
الفورم البريدي هو نموذج يستطيع الزائر من خلاله أن يرسل لك رسالة لبريدك مباشرة من موقعك دون الحاجة لاستخدام بريده للارسال ... وهو كما تلاحظ يسهل على الزائر عملية الارسال ويشجعه عليها .
## والآن لنبدأ معاً إنشاء هذا الفورم خطوة خطوة :
من خلال هذا الفورم يستطيع الزائر أن :
- يرسل لك اسمه الحقيقي أو المستعار .
- يدرج بريده الإلكتروني للتمكن من الرد عليه .
- يحدد عنوان لرسالته .
- يكتب رسالة لك كما يريد .
* الخطـــــــــــوات :
1- افتح قائمة Insert وأشر على Form ستفتح قائمة ، اختر منها Form .
كما تلاحظ تم إدراج مستطيل بحد أسود متقطع به زران ، أحدهما Submit للارسال والآخر Reset للمسح والكتابة من جديد .هذا هو الفورم ولكنه لا يزال فارغ .
* لتغيير Submit و Reset إلى ارسال ومسح على التوالي ، انقر نقرة مزدوجة على زر Submit واستبدل هذه الكلمة بـ ارسال ، وبنفس الطريقة غير Reset إلى مسح .
2- اترك المؤشر داخل الفورم وادرج جدول بأربعة صفوف وعمودين .
3- اكتب في العمود الأيمن بالترتيب من أعلى لأسفل :
- الاســــم :
- عنوان بريدك الإلكتروني :
- عنوان رسالتك :
- اكتب رسالتك :
4- في الخلية الأولى من العمود الأيسر أدرج مربع نص وحيد السطر كالتالي :
Insert>Form>On-Line Text Box
ثم انقر عليه نقرة مزدوجة ، وفي خانة Name اكتب name ثم اضغط OK .
5- في الخلية الثانية كما في الخلية الأولى مع تغيير الاسم في خانة Name إلى email .
6- في الخلية الثالثة أضف قائمة منسدلة بها عدة خيارات لعنوان الرسالة وذلك كالتالي :
Insert>Form>Drop-Down Menu
ثم انقر عليه نقرة مزدوجة وفي خانة Name اكتب subject ، وقبل أن تضغط OK حدد خيارات العنوان كالتالي :
أ- اضغط على زر Add وفي خانة Choice اكتب " اختر عنوان لرسالتك " ثم اضغط OK .
ب- مرة أخرى اضغط Add واكتب في خانة Choice شكر وتهنئة ثم اضغط OK .
ج- وبنفس الطريقة أضف جميع العناوين التي تريدها ، ثم اضغط OK لإغلاق مربع حوار Drop-Down Menu Properties .
7- في الخلية الرابعة أضف مربع نص نتعدد الأسطر كالتالي :
Insert>Form>Scrolling Text Box
ثم انقر عليه نقرة مزدوجة وفي خانة Name اكتب massage ثم اضغط Ok .
خامساً : تطوير أداء هذا النموذج ( الفورم البريدي ) :
** سنشرح هنا كيف نخصص صفحة شكر لمن يرسل بريد و صفحة خطأ لمن يترك خانات مطلوبة وذلك كالتالي :
أ- صمم صفحة شكر وليكن اسمها thanks.htm وأخرى خطأ وليكن اسمها error.htm بواسطة الفرونت بيج واكتب فيها ما تريد من عبارات وارسلها لموقعك في الشبكة .
ب- ضع الكود الخاص بكل من صفحة الشكر والخطأ والذي ستدرج فيه عنوان الصفحتين في موقعك في الشبكة وذلك بواسطة الفرونت بيج كالتالي :
1- إضافة صفحة الشكر thanks.htm :
- ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
- اضغط على زر Advanced في الأسفل سيفتح لك مربع جديد .
- اضغط على زر Add واكتب redirect في خانة Name ، ثم اكتب في خانة Value عنوان صفحة الشكر في موقعك مثل thanks.htm واضغط OK على أن يتم حفظ موقعك مع هذه الصفحة في نفس المجلد .
2- إضافة صفحة الخطأ error.htm :
بنفس الطريقة السابقة اضغط Add واكتب missing_fields_redirect في خانة Name ، ثم اكتب عنوان صفحة الخطأ في موقعك كالسابق .
* ولكي تظهر رسالة الخطأ عند ترك الخانات الضرورية قم بالآتي :
- ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
- اضغط على زر Advanced في الأسفل سيفتح لك مربع جديد .
- اضغط على زر Add واكتب required في خانة Name ، ثم اكتب في خانة Value أسماء الخانات التي ترى ضرورة ملأها مفصولة بفاصلة مثل name,email ثم اضغط OK ثلاث مرات .
سادساً : تحويل الرسائل على بريدك الخاص وربط الفورم البريدي بالبرنامج:
أ- يجب كتابة عنوان البريد الذي تريد أن تستقبل عليه الرسائل وذلك باتباع التالي :
- ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
- اضغط على زر Advanced في الأسفل سيفتح لك مربع جديد .
- اضغط على زر Add واكتب recipient في خانة Name ، ثم اكتب في خانة Value عنوان البريد الإلكتروني مثل webmaster@hotmail.com ثم اضغط OK ثلاث مرات .
ب- يجب أن تربط هذا الفورم ببرنامج كما ذكرنا في " ثانياً " والبرنامج الذي سنستخدمه هنا اسمه fmail.php وسنضعه داخل المجلد الذي حفظت به موقعك، وسنقوم بعملية الربط كالتالي :
- ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
- أشر على مربع الاختيار Send to other وتأكد من اختيار الخيار الأول في القائمة المنسدلة بجانبه .
- اضغط على زر Options في الأسفل سيفتح مربع جديد .
- اكتب في خانة Action عنوان البرنامج في موقعك fmail.php ثم اضغط OK مرتين
وأخيراً أرسل الصفحة التي بها الفورم البريدي لموقعك وقم بتجربتها .... مبروك لقد اصبح لديك فورم بريدي خاص بموقعك ومن صنعك .
______________________________________________
منقوووووووووووووول
أنا شخصياً قمت بتجربة الخطوات السابقة و أنشأت طلب توظيف
التصميم موجود في المرفقات
يمكن استخدام التصميم و التعديل عليه كما تشاء
أنا جربته و هو شغال مية في المية على الرابط التالي www.ams.edu.jo ثم عربي ثم طلب توظيف
أي استفسارات أنا جاهزة