تعلم كيف تصنع كويز بنفسك

[T.A.T.U]

http://www.q6.net/home/enduro/Bar.gif

http://www.q6.net/home/enduro/Bar_under.gif

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ شخبـاركم إن شاءاللّه طيبين ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦

◦ ◦


سأقوم اليوم بشـرح طريقة عمل " كويز " للإنمي الذي تفضــله .. علماً إني قمت سابقا بعمل

كويز لأجنحة كـاندام و أعجب الأعضـاء و خاصة الأخت محبت هيرو .. فبدلا من الدخول إلى المواقـع الأجنبية

و أخذ الكويز الخاص بهم ، لماذا لا تقـم أنت بنفسـك بصنع الكويز و كونه أيضا باللغـة العربية ألن يكون رائــعا ً ؟

حسنا حسـنا سأقوم بشرحـه و لكن احـذر ! أريدك أن تركز جيدا و تفهم الخطوات و تعيد قرائتها مرة و مرتين ...







http://www.q6.net/home/enduro/icon_thread/step_01.gif المتطــلبـات :-



برنــامج : Front Page لتحرير صفحات الكويز .

برنامج : Adobe Photoshop 7.0 ME أو البرنامج المفضل لديك في التصميم .

+

إبداع مخيلتكم في تصميم الصفحــات .






http://www.q6.net/home/enduro/icon_thread/step_02.gif تحميل الملف التـالي :-



قم بتحميل الملف المرفـق في الموضوع ، و قم بفكه في أي مكان في جهازك ,, من الأفضل أن تقوم بفكه في القرص الصلب لديك .

سترى الآن وجود الملفات التـاليــة :

myQuiz = الصفحة الرئيـسة للكويز .

RESULT1+RESULT2+RESULT3+RESULT4 = صفحة النتـائـج .


لنأخذ نظرة عـامة حول كل صفحة .

- my Quiz -

http://www.q6.net/home/enduro/quiz_01.gif


- RESULT :1.2.3.4 -

http://www.q6.net/home/enduro/quiz_02.gif







http://www.q6.net/home/enduro/icon_thread/step_03.gif البدء في عمل الكويـز :-



في البداية و قبل البدء في العمل .. عليك أن تختار المسلسل الذي ستقوم بعمل كويز له .. و عليك أن تقوم بعمل الأسئـلة في ورقـة خارجيـة و تجهيزها و عملية اختيار الأسئـلة هي التي تحدد الشخصـية لذا عند عملك سؤالا .. يجب أن يكون له عدد من الأجوبة و هذا العدد يعتمد على الشخصـيات .. فمثلا أجنحة كاندام اخترت 5 شخصيـات و هي الشخصـيات الأساسية لأبطال الأجنحة .. فلم أختار ريلينا أو غيرها .. بل اخترت : هيرو و ديو و كاوتر و تروا و ووفي .. لأنهم أبطال الأجنحة ..، لذا عليك أخي أن تختار فقط خمس شخصـيات و هم الأساسيون و لا يزيد عن الخمسة ! أو أقل من الخمسة مثلا 4 ... يعني من : 1 إلى 5 أجوبـة فقط !


كل جواب يعتمد على شخصيـة .. مثلا الجواب الأول يدل على هيرو و الثاني على كواتر ... الجواب هو صفة الشخصية كما تراها و العضو الذي سيقوم بعميلة اختيار الأجوبة يختار جوابا يدل على شخصيته و بالتالي في النهاية تكون الشخصية الناتجـة هي مثله تماما .. نفس الصفـات .. هنالك أمر مهم .. عند كتابتك للأسئـلة حاول تجنب تكرار إعادة الشخصية .. مثلا : في السؤال الأول .. الجواب الأول يدل على هيرو .. فيجب أن يكون السؤال الثاني و جوابه الأول لا يدل علي هيرو بل على شخصية أخرى مثلا ديو .. و إذا كثـرت الأسئـلة عن عدد الشخـصـيات يمكنك تكرار الشخصية في الجــواب ..

5 شخصيـات = 5 أسألة + 5 أجوبـة ( أرجو الإهتمام بهذه الجملة ) .


و الصورة التالية توضح قصدي :

http://www.q6.net/home/enduro/quiz_03.gif


الآن و بعد الإنتهاء من كتـابة الأسئـلة سنقوم بتعبئة النموذج ! أي أننا راح نحول الأسئـلة الموجودة في الورقـة إلى أسألة موجودة في صفحة الكويـز .. و هذه الخطـوة مهمة من حيث التعبـئة ( البيانات ) .. و هي عـبارة عن لغـة جــافا :) لا تخف أخي القـارئ .. فهي لغـة سهلة فقط قم بتعبــئة البيانات كما ترى في الصــور .


http://www.q6.net/home/enduro/icon_thread/step_04.gif تعبــئة النموذج بعد الإنتهاء من كتابة الأسئـلة :-


قم بفتح الملف : myQuiz.html بواسـطة برنامج الفرونت بيــج .

http://www.q6.net/home/enduro/quiz_04.gif






توجـه الآن إلى وضعـية HTML :

http://www.q6.net/home/enduro/quiz_05.gif



و قم بتعبــئة البـيانات كما هو موضح في الصــورة :

( 1 )


http://www.q6.net/home/enduro/quiz_06.gif



( 2 ) " اضغط على الصورة لتكبيرها " ( الملف الأصلي )


http://www.q6.net/home/enduro/quiz_07_small.gif (http://www.q6.net/home/enduro/quiz_07.gif)


( 3 ) " اضغط على الصورة لتكبيرها " ( ملف كاندام )


http://www.q6.net/home/enduro/quiz_08_small.gif

(http://www.q6.net/home/enduro/quiz_08.gif)

الآن توجه إلى وضعيـة Normal :

http://www.q6.net/home/enduro/quiz_09.gif




البقيـة في الرد الـتالي ( أرجو عدم الرد حتى الإنتهاء )






◦ ◦

◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ GoOd Bye ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

Powered by: TATU Version 1.0.0

Copyright ©2002 - 2004, Mexat.

http://www.q6.net/home/enduro/Bar_under_down.gif

http://www.q6.net/home/enduro/Bar_down.gif

[T.A.T.U]

http://www.q6.net/home/enduro/Bar.gif

http://www.q6.net/home/enduro/Bar_under.gif

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ شخبـاركم إن شاءاللّه طيبين ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦

◦ ◦


قم بكتابة الأسئلة الآن .. احذف العبارة و اكتب عبارتك :)


http://www.q6.net/home/enduro/quiz_10.gif


انتهــينا الآن من تعبـئة نموذج الأسئلة ... و تتبقى لنا صفحات النـتائج !





http://www.q6.net/home/enduro/icon_thread/step_05.gif تكوين صفحـات النتـائج :-





تعتمد صفحة النتائج على الإسم الذي اخترته سابقا لاسم الشخصـية .. لديك الآن RESULT1 . RESULT2 . RESULT3. RESULT4



http://www.q6.net/home/enduro/quiz_11.gif


يجب تغيير اسم كل ملف باسم الشخصية مع مراعاة الترتيب الذي عملته سابقا ! ( لا تنسـى .. يجب أن تكون الحروف مطابقة كما كتبتها في ملف النموذج )


http://www.q6.net/home/enduro/quiz_12.gif


لنقوم الآن بتحرير الملف الأول ( الشخصية الأولى ) و نقوم بعمل التالي :


http://www.q6.net/home/enduro/quiz_13.gif


قم بتحرير الملفات المتبقية مع التغيير المناسـب :) .


سؤال : ماذا أضع في المربـع ؟


أولا ابحث عن التـالي :


<textarea rows="4" cols="40">


The HTML for your result code will go here if you would like others to paste their results on their own website.


</textarea>




استبدله بالتالي :


<textarea rows="1" cols="73" name="Code" style="text-align: center; font-family: Verdana; font-size: 10px">XXXXXXX</textarea


قم بتغيير XXXXXXXX برابط الصورة مثلا :


http://www.xxxxxx.com/xxx.jpg (http://www.xxxxxx.com/xxx.jpg)




الآن أستطيع أن أقول لك (( مبروووك )) لقد انتهيت من برمجة الكويز .. و لكن كما قلت لك دع مخيلتك تبدع في تصميم

الصفحـات .


و في النهـاية .. أتمنى لكم التوفــيق .. و صنع كويز مرتب و ممتاز .. و كل ما أريده هو عدم نقل الموضوع إلى منتدى آخر أو إعادة شرحـه لأنه بالفعل أمر صعـب من حيث إعداد الصور و و إلخ .


لا تنسى تحميل الملف المرفق .. و أي مشكلة أرجو توضيحها هنا و تكون مدعمة بالصـور !







◦ ◦

◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ GoOd Bye ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

Powered by: TATU Version 1.0.0

Copyright ©2002 - 2004, Mexat.

http://www.q6.net/home/enduro/Bar_under_down.gif

http://www.q6.net/home/enduro/Bar_down.gif

[الفتى الرائع]

المشكلة هيه .. ايش هوه الـ كـــــويــــــز :)

[T.A.T.U]

http://www.q6.net/home/enduro/Bar.gif

http://www.q6.net/home/enduro/Bar_under.gif

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ شخبـاركم إن شاءاللّه طيبين ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦

◦ ◦






أخي الفتى الرائع .. الكويز مثل الإمتحان .. تمتحن شخصيتك و تشوف إيش راح يطلع لك ... و المثال على كويز أجنحة كاندام (http://www.shark-world.com/qu/)





◦ ◦

◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ GoOd Bye ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

Powered by: TATU Version 1.0.0

Copyright ©2002 - 2004, Mexat.

http://www.q6.net/home/enduro/Bar_under_down.gif

http://www.q6.net/home/enduro/Bar_down.gif

[الفتى الرائع]

شـــــــــكرا لك .. فهمت المعنــــى ..

تسلم :)

[.:SWEET:.]

السلام عليكم ورحمة الله وبركاته

::

اشكرج اخووي عالموضوع الجميل ..

فكرتك حلوة .. و شرحك مفصل ..

سلمت يمناك ..

مزيدا من التفوق والازدهار ^^

::

مع خالص تحيــاتي

Sweet

[T.A.T.U]

http://www.q6.net/home/enduro/Bar.gif

http://www.q6.net/home/enduro/Bar_under.gif

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ شخبـاركم إن شاءاللّه طيبين ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦

◦ ◦






شكرا أختي سويت على الرد ... و لكن أنا ولد مب بنت :مرتبك: و ننتظر التطبيقــات ::جيد::





◦ ◦

◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ GoOd Bye ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

Powered by: TATU Version 1.0.0

Copyright ©2002 - 2004, Mexat.

http://www.q6.net/home/enduro/Bar_under_down.gif

http://www.q6.net/home/enduro/Bar_down.gif

[*يونـــا*]

مشكووووووووور على الموضوع الرائع

لماذا لا تقـم أنت بنفسـك بصنع الكويز و كونه أيضا باللغـة العربية ألن يكون رائــعا
معك حق^_^
بالتوفيق..............
تحياتي

[Al Baronah]

واااااااااااااااااااااو

مشكوووووووووووووووووووووور اخوي

على هذا الشرح المغصل والراااائع

صراااحة مرررة استفد من موضوعك الرااائع

تسلم اخوي

اختك محبت هيرو

[Hassansan]

مشكـ على الموضوع الجميل ـووووووور

[ملك البوكيمونات]

مشكوور على الموضوع وعلى فكرتك الحلوه بس عندي سؤال :مرتبك:
ممكن نستعمل الـ Paint لتصميم الصفحات (الخلفيات) ؟؟ :confused: ::مغتاظ:: :مرتبك: :نوم:

[T.A.T.U]

شكرا على ردودكم أخوانــي ::سعادة::


بس لسة محد طبــق للأسف .. :rolleyes:


بس يلا ما عليه ::جيد:: قريب الفــرج :D



أخوكم تاتو

[T.A.T.U]

مشكوور على الموضوع وعلى فكرتك الحلوه بس عندي سؤال :مرتبك:
ممكن نستعمل الـ Paint لتصميم الصفحات (الخلفيات) ؟؟ :confused: ::مغتاظ:: :مرتبك: :نوم:

إذا قصدك خلفية للصفحات أيوة يجوز ::جيد::

و قلت لكم دعوا مخيلتكم تبدع في تصميم الصفحات

[kensheX]

شكرا على الموضوع وانا بحاول اعمل واحد واحطو ليكم