مشاهدة النتائج 1 الى 14 من 14
  1. #1

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

    Bar

    Bar_under

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

    ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦

    ◦ ◦


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

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

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

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







    step_01 المتطــلبـات :-



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

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

    +

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






    step_02 تحميل الملف التـالي :-



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

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

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

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


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

    - my Quiz -

    quiz_01


    - RESULT :1.2.3.4 -

    quiz_02







    step_03 البدء في عمل الكويـز :-



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


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

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


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

    quiz_03


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


    step_04
    تعبــئة النموذج بعد الإنتهاء من كتابة الأسئـلة :-


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

    quiz_04





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

    quiz_05



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

    ( 1 )


    quiz_06



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


    quiz_07_small


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


    quiz_08_small


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

    quiz_09




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




    ◦ ◦

    ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

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

    Powered by: TATU Version 1.0.0

    Copyright ©2002 - 2004, Mexat.

    Bar_under_down

    Bar_down


  2. ...

  3. #2

    Thumbs up الجــزء الثــاني



    Bar

    Bar_under

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

    ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦

    ◦ ◦


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


    quiz_10


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





    step_05 تكوين صفحـات النتـائج :-





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


    quiz_11


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


    quiz_12


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


    quiz_13


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


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


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


    <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">[IMG]XXXXXXX[/IMG]</textarea


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

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



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

    الصفحـات .


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


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




    ◦ ◦

    ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

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

    Powered by: TATU Version 1.0.0

    Copyright ©2002 - 2004, Mexat.

    Bar_under_down

    Bar_down
    الملفات المرفقة الملفات المرفقة

  4. #3

  5. #4


    Bar

    Bar_under

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

    ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦

    ◦ ◦






    أخي الفتى الرائع .. الكويز مثل الإمتحان .. تمتحن شخصيتك و تشوف إيش راح يطلع لك ... و المثال على كويز أجنحة كاندام





    ◦ ◦

    ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

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

    Powered by: TATU Version 1.0.0

    Copyright ©2002 - 2004, Mexat.

    Bar_under_down

    Bar_down
    اخر تعديل كان بواسطة » T.A.T.U في يوم » 05-08-2004 عند الساعة » 13:08

  6. #5

  7. #6
    السلام عليكم ورحمة الله وبركاته

    ::

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

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

    سلمت يمناك ..

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

    ::

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

    Sweet
    اخر تعديل كان بواسطة » .:SWEET:. في يوم » 05-08-2004 عند الساعة » 13:10

  8. #7


    Bar

    Bar_under

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

    ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦

    ◦ ◦






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





    ◦ ◦

    ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦

    ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦

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

    Powered by: TATU Version 1.0.0

    Copyright ©2002 - 2004, Mexat.

    Bar_under_down

    Bar_down

  9. #8
    مشكووووووووور على الموضوع الرائع
    لماذا لا تقـم أنت بنفسـك بصنع الكويز و كونه أيضا باللغـة العربية ألن يكون رائــعا
    معك حق^_^
    بالتوفيق..............
    تحياتي
    لن أُلامـَ لو فَنى عُـمري الَهوى..عُمــر قيـسٍ في هَــوىَ ليلى انــطوى...
    وفؤادي بحُبِ طَــه قد حَوى...ياحَبيبي طــه يامُــحـمَـد......

  10. #9
    واااااااااااااااااااااو

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

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

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

    تسلم اخوي

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

  11. #10
    مشكـ على الموضوع الجميل ـووووووور
    sigpic5824_1
    .:
    "(
    لا تقف كثيراً عند أخطاء ماضيك لأنها ستُحَوِل حاضِرك جحيماً )":.
    myanimelist - goodreads - formspring

  12. #11
    مشكوور على الموضوع وعلى فكرتك الحلوه بس عندي سؤال nervous
    ممكن نستعمل الـ Paint لتصميم الصفحات (الخلفيات) ؟؟ confused ermm nervous sleeping
    ed27d351fc


    Thanx to my best frnd I have ever met for the cool signature

  13. #12
    شكرا على ردودكم أخوانــي asian


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


    بس يلا ما عليه gooood قريب الفــرج biggrin



    أخوكم تاتو

  14. #13
    إقتباس الرسالة الأصلية كتبت بواسطة ملك البوكيمونات
    مشكوور على الموضوع وعلى فكرتك الحلوه بس عندي سؤال nervous
    ممكن نستعمل الـ Paint لتصميم الصفحات (الخلفيات) ؟؟ confused ermm nervous sleeping
    إذا قصدك خلفية للصفحات أيوة يجوز gooood

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

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

بيانات عن الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

عدد زوار الموضوع الآن 1 . (0 عضو و 1 ضيف)

المفضلات

collapse_40b قوانين المشاركة

  • غير مصرّح لك بنشر موضوع جديد
  • غير مصرّح بالرد على المواضيع
  • غير مصرّح لك بإرفاق ملفات
  • غير مصرّح لك بتعديل مشاركاتك
  •  

مكسات على ايفون  مكسات على اندرويد  Rss  Facebook  Twitter