* اعداد:د.عثمان السلوم
في الحلقات السابقة تحدثنا عن الرموز الأساسية لتصميم الصفحات العربية وكيفية إضافة الفقرات والعناوين الرئيسية و القوائم النقطية والرقمية و كذلك الرموز المنطقية والشكلية و إضافة الوصلات و إضافة الألوان للخلفية وللنصوص وإضافة الصور كخلفيات للصفحة،
وإضافة الصور للصفحة وكيفية نسخ الخلفيات والصور من الإنترنت والتحكم في حجم الصور وتنسيقها في الصفحة وتنسيق النص مع الصورة وإضافة الجداول وتنسيقها وتصميم البراويز و تخصيص البراويز وطريقة التأكد من صحة الرموز. وفي هذه الحلقة سنستكمل الموضوع بالحديث عن طريقة إضافة النماذج
إضافة النماذج Adding forms
الرموز التي سنستخدمها هنا ستطالعونها في الجدول الاول. ففي كثير من الأحيان تقوم بتعبئة نماذج في بعض الصفحات الموجودة على الإنترنت ثم ترسلها. فمثلا لشراء شيء معين فانك تحتاج أن تكتب عنوانك ومعلومات عن بطاقة الائتمان أو إذا أردت أن تشترك مع مجلة أو شركة معينة فانك تقوم بتعبئة نموذج معين form. كذلك فان النماذج ممكن أن تكون بحثا عن كلمة معينة في موقع معين أو تدقيقا إملائيا لشيء كتبته وما إلى ذلك. ولإضافة نموذج في صفحتك فانه يمكنك وضعه مع محتويات صفحة أخرى أو يمكن وضعه في صفحة خاصة وتكون لها وصلة في الصفحة الأساسية.
لنفترض انك فضلت أن تجعل للنموذج صفحة خاصة فانه يجب وضع وصلة link لها في الصفحة الأصلية أو في الملف الذي يظهر في البرواز الأيمن مثلا أي الملف المسمى right.html . فإذا افترضنا أن اسم الصفحة الخاصة بالنموذج هيform.html فانك تضع وصلة خاصة لهذا النموذج في الصفحة right.html كما سبق وان تعلمناه كالأتي:

نموذج الطلب و تحفظ الملف right.html على هيئة نص ثم تبدأ بفتح ملف جديد خاص بالنموذج المراد تعبئته باستخدام المفكرة وتبدأه بالرموز اللازمة لتصميم أي صفحة إلكترونية كالتالي: htmlhead>

نموذج الطلب

كذلك تحتاج الرمز form method>< وهو طريقة الإرسال و كذلك رمز الإدخال
<....input> الخاص بإدخال البيانات. وسنفترض هنا إرسال هذا النموذج إلى بريد شخص معين بدلا من إرساله إلى ملف آخر مكتوب بلغة Perl CGI وذلك لان الملف المكتوب بلغة CGI Perl عادة يكون في المجلد cgi الموجود في ملقم مزود الخدمة, وهذا يتطلب إذنا من مزود الخدمة. افترض انك تريد أن تكتب نموذجا ليقوم الشخص بتعبئة اسمه وعنوانه ثم يقوم بإرسالها إلى شخص معين ليقوم بقراءتها. فانك تكتب الرموز التالية في الملف form.html وذلك بعد الرمزوقبل الرمز>/body<:

الاسم كاملا< input name="name ">

العنوان< input name="address ">

رقم الهاتف< input name="phone ">

العنوان< input name="address ">

< input type="Submitm" value="إرسال النموذج ">

< input type="resetm" value="مسح النموذج"> ليكون شكله في المفكرة كما في الصورة الاولى.ثم احفظها باسم ملف form.html على هيئة نص. بعد ذلك يمكنك رؤية شكل النموذج باستخدام برنامج إنترنت اكسبلورر بالنقر على الوصلة المسماة النموذج كما في الصورة الثانية.
وبعد تعبئته فانه يمكنك النقر على الزر "إرسال النموذج"ليتم إرساله بالبريد الإلكتروني أو أن يرسل إلى ملف آخر مكتوب بلغة أخرى وهي Perl CGI ليقوم بإنجاز المطلوب في النموذج. وبالنقر على مسح النموذج فان البيانات التي تمت كتابتها سيتم مسحها. كذلك بالإمكان استخدام الرمز type="radio"لوضع نموذج يحتوي على خيارات بحيث تؤشر على الخيار المناسب فقط بدلا من إدخال بيانات ومعلومات كثيرة ثم ترسل النموذج بعد إنهائه كالتالي:< form method "postm" action =" alsallom*ksu.edu.sa"> المنطقة الشمالية

المنطقة الغربية

المنطقة الوسطى

المنطقة الشرقية

المنطقة الجنوبية

< input type="Submitm" value ="إرسال النموذج ">

< input type="resetm" value<="مسح النموذج "> / form> ليكون شكلها في المتصفح كما في الصورة الثالثة.والى لقاء في الحلقات القادمة إن شاء الله. alsallom*ksu.edu.sa