النتائج 1 إلى 5 من 5

الموضوع: كيفية انشاء الازرار في فلاش (الدرس الثالث)

  1. #1
    مهندس متميز الصورة الرمزية eng_montaser
    تاريخ التسجيل
    Sep 2004
    الدولة
    فلسطين,غزة
    المشاركات
    351

    افتراضي كيفية انشاء الازرار في فلاش (الدرس الثالث)

    دورات الكهرباء والطاقة الشمسية المقدمة من المدرب المهندس فهد رفاعي:

    🔴• رابط كورس محركات مولدات

    https://www.udemy.com/course/dc-machines/?referralCode=1ED48909B4E899C75F7B

    🔴رابط كورس مولدات الديزل الاحتياطية والطواريء

    https://www.udemy.com/course/backuppower/?referralCode=4FE3F1901CB88565592D

    🔴رابط كورس المحولات

    https://www.udemy.com/course/transformers/?referralCode=9BC4E057DC3155D12900

    🔴• رابط كورس توليد الكهرباء

    https://www.udemy.com/course/electricity-generatin/?referralCode=F21C3555AEB345739B2E

    🔴• رابط كورس اساسيات الخلايا الشمسية

    https://www.udemy.com/course/101pvsolar/?referralCode=A10599DD30023F0B48A9

    🔴رابط كورس الانظمة الشمسية المتصلة بالشبكة

    https://www.udemy.com/course/pvsolar2/?referralCode=5CB93ADBDB342EADC3DF

    🔴• رابط كورس كهرباء المنازل

    https://www.udemy.com/course/homeelectrical/?referralCode=20B83657C140B0460C41

    🔴• رابط كورس التعريف بتخصص الهندسة الكهربائية

    https://www.udemy.com/course/101eleeng/?referralCode=A687E69B7A1908D546EE


    🔴رابط كورس محطات التحويل الكهربائية

    https://www.udemy.com/course/powerplant/?referralCode=DDC59253B2F4F6CD0FBC



    🔴للاشتراك في باقة التسعة كورسات جميعا بسعر مخفض تفضل من هنا

    https://fahraf1.com/products/8fc27d39-b638-4498-b575-ed04e6e67675

    الدرس الثالث :
    كيفية انشاء زر button


    سنتعلم في هذا الدرس طريقة إنشاء زر بسيط كما شاهدت في المثال المرفق. في الواقع أن أسلوب عرض الأزرار المعدة بإستخدام برنامج فلاش مماثلة نسبيا للأزرار المتحركة التي تعد بإستخدام برامج الأنيميشن مثل Animation Shop أو بإستخدام كودات الجافا، إلا ان أوجه الإختلاف تكمن في كونك تستخدم تقنية هي الأحدث في مجال الجرافيكس والتصاميم إضافة الى المؤثرات الرائعة التي يمكنك ادخالها على الزر مع فلاش. أتمنى أن اوفق في عرض خطوات العمل، سأستخدم مثالا مبسطا مدعما بالصور التوضيحيه لتسهيل الأمر على الأخوة المبدئيين في إستخدام فلاش. بإختصار عملية اعداد الزر تقوم على مرحلتين، الأولى انشاء الزر والثانية ادراج الزر في ملف الفيلم...... هذا كل مافي الأمر، قطعة من الكيك :*)

    لنبدأ بإنشاء ملف العمل. من القائمة الرئيسيه للبرنامج إختر File>New
    سنقوم الآن بتحديد مقياس عرض Width وإرتفاع Height الفيلم. بالإضافة الى اختيار لون خلفية الفيلم Background. من القائمة الرئيسيه إختر Modify>Movie ثم أدخل القيم الرئيسيه للعرض والإرتفاع ولون الخلفيه.



    سنبدأ الآن بإعداد الزر وهو ما يمثل المرحلة الأولى. من القائمة الرئيسية إختر Insert>New Symbol تحصل على مربع حوار . أكتب إسما للزر ثم إختر Button وإضغط Ok.



    سينقلك البرنامج الى صفحة إعداد الزر. لاحظ في شكل 10-3 الإعدادات الخاصة بالزر وهي كما يلي:

    Up: هذا الجزء يمثل الشكل الخارجي للزر كما تراه على الشاشة لأول مرة.

    Over: يمثل هذا الجزء هيئة الزر عند ملامسة الماوس له.

    Down: الشكل الذي يظهر عليه الزر عندما تنقر عليه بالماوس.

    Hit: هذا الجزء يمثل الإطار الحي للزر، إلا انك لن تحتاج الى استخدامه أثناء اعداد الزر. سأتطرق الى استخدامه لاحقا ان شاء الله.



    سنستخدم أدوات الرسم والتلوين لإنشاء الجزء الأول من الزر. إختر أداة رسم المستطيل وارسم مستطيلا ذو مواصفات إختيارية أو كما في الشكل المقابل. ثم استخدم أداة النص لكتابة النص.

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



    استخدم مؤشر الماوس لتظليل الجزء الثاني من الزر وهو Over. سنقوم الآن بإدخال إطار رئيسي في هذه الخانة. إضغط مفتاح F6 في لوحة المفاتيح ستحصل على دائرة سوداء عبارة عن نسخة لما كنت قد اعددته في خانة Up. أختر أداة التحديد ثم إنقر مرة واحدة داخل المستطيل لتظليله ثم إختر سطل التلوين وحدد لونا كالأزرق مثلا وانقر مرة اخرى داخل المستطيل. بنفس الطريقة، اختر اداة النص وانقر مرة واحدة على النص وظلله ثم غير لونه الى الأخضر، كما في الشكل 10-6 المقابل.

    لاحظ أيضا بأنك حصلت على دائرة سوداء في خانة Over وهذا يمثل الإطار الرئيسي الثاني والخاص بهذا الجزء من الزر



    الجزء الثالث من الزر هو Down. أدخل أطارا رئيسيا في خانة Down بإستخدام مفتاح F6. سنقوم الآن بتصغير حجم الزر في هذه الخانة لإدخال تأثيرا خاصا. من القائمة الرئيسية إختر Windows>Inspectors>Transform. ستحصل على مربع الإعدادات، أدخل القيمة 90 في خانة Scale ثم إضغط مفتاح Enter.


    في هذه الخطوة سنقوم بتنسيق الأجزاء الثلاثة وترتيب مكان كل جزء. استخدم الماوس وظلل الجزء الأول وهو Up ثم من القائمة الرئيسية إختر Modify>Group. هذه العملية ستربط المستطيل مع النص بالتالي يسهل عملية نقل الزر كاملا. عد الآن الى القائمة الرئيسية واختر Modify>Align. سنقوم الآن بتوسيط هذا الجزء الزر. إضغط هنا لمشاهدة خيارات التوسيط.

    كرر خطوة Group و Align مع الجزئين الآخرين من الزر عن طريق تكرار الخطوة 7.


    الخطوة الأخيرة في المرحلة الأولى لإعداد الزر تتمثل في إدخال ملف صوتي في الجزء الثالث Down من الزر كما في المثال. هذه الخطوة بسيطة جدا، سنستعين بأحد الملفات الصوتية الموجودة في مكتبة فلاش أو الـ Library. بإستخدام الماوس ظلل الجزء Down من الزر كما تشاهد في الشكل المقابل ثم من القائمة الرئيسية إختر Libraries>Sounds, شكل 10-10, ستحصل على قائمة ببعض الملفات الجاهزة، إختر ملفا ثم اسحبه والصقه فوق الزر مباشرة. عندها ستحصل على مؤشر متموج في خانة Down



    إنتهينا الآن من المرحلة الأولى وهي إنشاء الزر. سنعود الآن الى الملف الفيلمي وندرج فيه الزر الذي أعددناه سوية. في أعلى يمين البرنامج تجد أيقونتين، إضغط الأيقونة اليسرى ثم إختر Scene 1. ستؤخذ الى الملف الفيلمي حيث تجد شريط الإطارات والطبقات وغيرها


    من القائمة الرئيسية إختر Window>Library حيث تحصل على مكتبتك التي تحتوي الزر .


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


    سنقوم الآن بإضافة الوصلة التي سينقلنا اليها الزر عند النقر عليه. من القائمة الرئيسية اختر Modify>Instance. إختر لسان التبويب Actions ثم إضغط ايقونة (+) ثم إختر Get URL


    الشكل 10-16 يبين إعدادات خاصة بالزر. اكتب في مربع URL: عنوان الوصلة. حدد بقية الخيارات كما تظهر في الشكل.

    لتجربة الزر ضمن المتصفح اختر File>Publish Preview>HTML



    هي المثال


    التعديل الأخير تم بواسطة eng_montaser ; 04-11-2004 الساعة 02:02 AM
    ENG Montaser M. Bakroun
    Gaza, Palestine

  2. #2

    افتراضي

    يعطيك الف عافية مهندس منتصر
    درس رائع جدا لمبتدئ مثلي على الرغم من اني لم اقم بتجربته بعد
    في انتظار البقية

  3. #3
    مهندس متميز الصورة الرمزية eng_montaser
    تاريخ التسجيل
    Sep 2004
    الدولة
    فلسطين,غزة
    المشاركات
    351

    افتراضي

    الله يعافيك اخي الكريم com eng
    ان شاء الله اشوف تطبيقك للدرس.
    حتي تكون علي تواصل معنا.
    ENG Montaser M. Bakroun
    Gaza, Palestine

  4. #4

    افتراضي

    أخي الفاضل شرحك أكثر من رائع جزاك الله خيرا عليه

    بالفعل استفدت منه كثيرا

    ولكن لى طلب بسيط


    قمت بتصميم ملف فلاش به العديد من الازرار واريد ان اربط هذه الازرار بصفحات من تصميمي على الكمبيوتر الخاص بي لكي اقوم برفعها بعد ذلك

    لاني لاحظت اننى عندما اقوله get url لابد من اكتب http:/ وبالطبع هذه الصفحات لم يتم رفعها على الشبكة فهمي موجوده فى درايف C فولدر MY web واخيرا home.htm

    اعتذر للازعاج و اريد النصيحة للاهمية

  5. #5

    سوال مرحبا

    مشكور اخي درس رائع وشرح اروع
    فقط عندي سؤال بنسبه ليا انا غير ظاهر عندي
    " ايقونة (+) الي ابنختار منها Get URL "

المواضيع المتشابهه

  1. الدرس الثالث في دورة كتابة التقارير التقنية
    بواسطة moh_yaghi في المنتدى التقنية الادارية - Managemnet
    مشاركات: 70
    آخر مشاركة: 28-03-2011, 01:25 PM
  2. تعليم فوتو شوب بالصوت والصورة
    بواسطة حمزة أحمد في المنتدى منتدى التصاميم والجرافيكس- Desing and Graphics
    مشاركات: 90
    آخر مشاركة: 23-09-2008, 03:10 AM
  3. الدرس الثالث للغه Html
    بواسطة محمد شبانه في المنتدى منتدى التصاميم والجرافيكس- Desing and Graphics
    مشاركات: 6
    آخر مشاركة: 18-12-2006, 11:08 AM
  4. الدرس الثاني .. الإضاءة كيفية وضع الكاميرا في المشهد
    بواسطة أحمد مهيار في المنتدى التقنية المعمارية- Architecture
    مشاركات: 5
    آخر مشاركة: 23-06-2006, 05:13 PM

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

https://fahraf1.com/wp

https://electricstuffs.com

http://www.tkne.net/vb/announcement.php?f=2