{ جديد ولد عدن } درس تشغيل التصميم (نصي + صوت عند لمسه بالماوس) ~

[ωǻłđ àďĕņ]

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

كيف حال الاعضاء ان شاء الله بخير


نظرا لطلب اغلب الاعضاء لهذا الدرس قمت بتحضيره وان شاء الله يكون واضح للجميع


اخليكم اول شي مع مثال للدرس ولاتحرمونا من التطبيق عشان اكمل معاكم المشوار خخخـ
WIDTH=400 HEIGHT=200

طبعا نفتح عمل جديد مثلا عرض 300 وطول 100 ونكتب الي نبغاه طبعا هنا الشرح للي فاهم السويتش شووي يعني

مو للمبتدئ مره وان شاء الله في الدوره باشرح الادوات وكذا ولكن هذا الدرس لاهميته حبيت اطرحه

يالله خليكم مع الصور والشرح .. وكل واحد يشيل كاسه شاهي عشان تفتحوا معي :showoff[1]:

هنا طبعا كتبنا الي نبيه وقمنا بتحوليها الى سبريت شوفوا الصوره وراح تفهموا
http://www.adenm.com/uploade/swishbyfares/1.gif (http://www.adenm.com/uploade/swishbyfares/1.gif)

هنا قمنا بتسميه السبريت الي سويناه للاسم fares وكل واحد على حسب الي تبي تسميه سميه زيما تبي بس هنا مثال فقط
http://www.adenm.com/uploade/swishbyfares/2.gif (http://www.adenm.com/uploade/swishbyfares/2.gif)

هنا قمنا بادارج المقطع الصوتي .. وعند اضافتنا للمقطع تاتي لك رساله سوي لها نعم يعني انه ادخال المقطع في الشريط الزمني الافضل يكون نعم
http://www.adenm.com/uploade/swishbyfares/3.gif (http://www.adenm.com/uploade/swishbyfares/3.gif)
هنا قمنا بادراج shape على نفس ابعاد وطول التصميم وجعله غير ملون يعني None
http://www.adenm.com/uploade/swishbyfares/shape.gif (http://www.adenm.com/uploade/swishbyfares/shape.gif)

الحين حمل هذا الكود ونضيفه في المشهد الرئيسي شوفوا الصوره


هذه المشاركة تحتوي على محتوى مخفي


http://www.adenm.com/uploade/swishbyfares/4.gif (http://www.adenm.com/uploade/swishbyfares/4.gif)



الحين جينا للمهم كل واحد يصحصح معاايا عشان هنا الدسم شويه في الدرس هههههههههه:drinks_pepsi[1]:

طبعا هنا الخطوه الاولى الي نسويها للشيب

http://www.adenm.com/uploade/swishbyfares/5.gif (http://www.adenm.com/uploade/swishbyfares/5.gif)







وهذه الخطوه التانيه الي نسويها للشيب



http://www.adenm.com/uploade/swishbyfares/6.gif (http://www.adenm.com/uploade/swishbyfares/6.gif)





بيصير معانا هذا الكود بعد عمل الخطوتين السابقه



http://www.adenm.com/uploade/swishbyfares/7.gif (http://www.adenm.com/uploade/swishbyfares/7.gif)





الحين نسوي كما موضح في الصوره ركزوا شوي بس



http://www.adenm.com/uploade/swishbyfares/8.gif (http://www.adenm.com/uploade/swishbyfares/8.gif)





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



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

يعني الحين معانا سبريت باسم FARES لو في سبريت تاني نصي مثلا واسمه ADEN تنسخ الكود الي باسم فارس وتلصقه تاني مره وتغير الاسم في الكود الي بيكون الثالث بدال كلمه FARES تخليه ADEN . ان شاء الله تكونوا فهمتوا هذه النقطه شوفوا الدرس للنهايه وبتفهموا ايش قصدي هنا

طيب شوفوا الصوره هذه







http://www.adenm.com/uploade/swishbyfares/9.gif (http://www.adenm.com/uploade/swishbyfares/9.gif)





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



http://www.adenm.com/uploade/swishbyfares/10.gif (http://www.adenm.com/uploade/swishbyfares/10.gif)





بعد ماقمنا بالعمل نفس الصور السابقه اصبح لدينا كما يلي



http://www.adenm.com/uploade/swishbyfares/11.gif (http://www.adenm.com/uploade/swishbyfares/11.gif)



هنا الحين جينا نسوي الامر انه عند ازاله الماوس يتوقف التصميم اخليكم مع الصور



هذه الخطوه الاولى

http://www.adenm.com/uploade/swishbyfares/12.gif (http://www.adenm.com/uploade/swishbyfares/12.gif)





وهذه الخطوه التانيه



http://www.adenm.com/uploade/swishbyfares/13.gif (http://www.adenm.com/uploade/swishbyfares/13.gif)



الحين نسوي نفس الصور السابقه من ناحيه الادراج وكل شي يعني شوفوا كيف سوينا لمن سوينا الامر انه عند اللمس

الحين نسوي زيه بالضبط بس اللهم هنا تفرق معانا بدال كلمه on (rollOver) تصير كلمه on (rollOut)

وهذه الكلمتين زيما شفنها انها تجي ببدايه الاكواد الي سويناها فهمتوا قصدي




الين مايصير معانا الكود كامل تبع الشيب زي هذا



http://www.adenm.com/uploade/swishbyfares/14.gif (http://www.adenm.com/uploade/swishbyfares/14.gif)



طيب الحين باقي لنا شي بسيط وننتهى من الدرس شوفوا الصوره



http://www.adenm.com/uploade/swishbyfares/15.gif (http://www.adenm.com/uploade/swishbyfares/15.gif)



وبرضوانسوي له هذا الامر بعد ماسوينا الخطوه السابقه

http://www.adenm.com/uploade/swishbyfares/16.gif (http://www.adenm.com/uploade/swishbyfares/16.gif)






صار الكود تبعنا تبع السبريت هذا



http://www.adenm.com/uploade/swishbyfares/17.gif (http://www.adenm.com/uploade/swishbyfares/17.gif)




خلاص الحين وروح سوي معاينه للتصميم وادعوا لي
طبعا هذا الدرس نادرا ماتحصله ويالله صار بين يدكم :teeth_smiley[1]:

والي ينقله ياريت يذكر المصدر تبع الموضوع
تحياتي للجميع

واهم شي التطبيقات

سي يوو
والي عجبه يقيم

[نوآرهـ]

السسسلآم عليكم


مشكووور إخوي ع الدرس الحلوو بسس عندي مشكله وآجهتني مآدري هل هي بسبب إختلآف إصدآر السويتش؟

http://www.adenm.com/uploade/swishbyfares/8.gif

كآن كل شي عآل العآل ^_^ بس لمآ جيت ابي أطبق هالخطوة مآطلع لي المربع اللي يأشر له السهم

مآيطلع لي


/

المهم هذآ تطبيق بس بطريقة ثآنية :(
WIDTH=300 HEIGHT=200

وجزآك الله خير إخوي

ومثل مآفهمت من كلىمك أنك رىح تسوي لنـآ دورة :41: والله محتآجينهـآ ويآليت تعلمنـآ كيفية صنع الأكشنز وخآصة للكلمآت

ويعطيك ألف عآفية


وتستآهل نقآط سمعـة

[ωǻłđ àďĕņ]

السسسلآم عليكم


مشكووور إخوي ع الدرس الحلوو بسس عندي مشكله وآجهتني مآدري هل هي بسبب إختلآف إصدآر السويتش؟

http://www.adenm.com/uploade/swishbyfares/8.gif

كآن كل شي عآل العآل ^_^ بس لمآ جيت ابي أطبق هالخطوة مآطلع لي المربع اللي يأشر له السهم

مآيطلع لي


/

المهم هذآ تطبيق بس بطريقة ثآنية :(
WIDTH=300 HEIGHT=200

وجزآك الله خير إخوي

ومثل مآفهمت من كلىمك أنك رىح تسوي لنـآ دورة :41: والله محتآجينهـآ ويآليت تعلمنـآ كيفية صنع الأكشنز وخآصة للكلمآت

ويعطيك ألف عآفية


وتستآهل نقآط سمعـة

اولا المربع ماطلع لك لانه انتي في محل الاكواد( السكربت ) مخليه الوضع Expert الي هو انه تقدر تعدل الكود يدويا لكن لازم تعدلي الوضع الى Guided
من ناحيه التطبيق10\10 مشاء الله عليك
من ناحيه الدوره ان شاء الله باحاول اجهز دوره ,, واشكرك على نقاط السمعه
تحياتي لكِ

[نوآرهـ]

ممم أنآ غيرت لـ Guided بعد مآنسخت الكود وحطيته ولكن لمـآ أغيرهـ تطلع لي رسآلة تمنع أني أكمل العملية هذي

/

الموٍهم مآبي أعقدك بأسسئلتي عششآن مآ تكنسسل فكرة الدورة ^_^

ولآ يهمك أهم شي فكرة التطبيق تنفذت ومآ أظن هالشي يخل بإحترآفية التصميم صح؟؟

[عذب القوافي]

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

ولد عدن

بارك الله فيك سيدي على هذا الدرس الصحيح مائه بالمائه

برغم اني من فتره تارك السويتش الا انني تابعت وتذكرت والخطوات صحيحه ميه الميه

بارك الله فيك واذا بتعمل دوره راح تجد الدعم الكامل من قبل الاداره ومؤكد يلحقها التقدير

شكرا سيدي على هذا المجهود ومن قبلي ممكن اعمل لك كتاب الكتروني بالجافا اسكربت او بصيغه مناسبه لك لعرض صفحات الدروس مثلما الحاصل لدورة الفوتوشوب كتابها تقريبا جاهز بس اضيف له كل الدروس وراح يطرح للعرض

شكرا لك سيدي وتستحق نقاط السمعه لهذا المجهود

[t3bt]

يعطيك الف الف عافيه اخوي ولد عدن والله مشاء الله عليكـ
تصاميمك ابداع من جد ابداع
ننتظر جديدك

تحياتي لك

[شاعر بلا مشاعر]

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

درس قيم تستحق الشكر وتقدير

[لـًٌُِـــﮯ حضـٍـًٍُُِﮯـوٍرٍي]

رد لآظهر آلمحتوى آلمخفي <<<<<<<<<عشآن آكمل لك آلتطبيق^_^

[اهلكتني بالحب]

الف الف شكر
كفيت ووفيت

[أوتـاني]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ωǻłđ àďĕņ]

ممم أنآ غيرت لـ Guided بعد مآنسخت الكود وحطيته ولكن لمـآ أغيرهـ تطلع لي رسآلة تمنع أني أكمل العملية هذي

/

الموٍهم مآبي أعقدك بأسسئلتي عششآن مآ تكنسسل فكرة الدورة ^_^

ولآ يهمك أهم شي فكرة التطبيق تنفذت ومآ أظن هالشي يخل بإحترآفية التصميم صح؟؟
هههههههههههههههههههه

لا ماعليك ماتعقد قلبي واسع خخخخخخـ ..

ايه مايخل بالاحترافيه كل مصمم وله طريقته

تحياتي لكِ

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

ولد عدن

بارك الله فيك سيدي على هذا الدرس الصحيح مائه بالمائه

برغم اني من فتره تارك السويتش الا انني تابعت وتذكرت والخطوات صحيحه ميه الميه

بارك الله فيك واذا بتعمل دوره راح تجد الدعم الكامل من قبل الاداره ومؤكد يلحقها التقدير

شكرا سيدي على هذا المجهود ومن قبلي ممكن اعمل لك كتاب الكتروني بالجافا اسكربت او بصيغه مناسبه لك لعرض صفحات الدروس مثلما الحاصل لدورة الفوتوشوب كتابها تقريبا جاهز بس اضيف له كل الدروس وراح يطرح للعرض

شكرا لك سيدي وتستحق نقاط السمعه لهذا المجهود

اهلين وسهلين اخوي ... حيـآك
اشكرك على ردك اخوي وعلى هذه المتابعه الجمليه ..... من ناحيه الدوره باحاول اجهز

باذن الله الدروس وتسلموا والله على التقدير وكل ماقلته ومن ناحيه الكتاب حتى لو اني جهزت

الدوره .. راح احول الدروس في نهايه الدوره على شكل كتاب الكتروني .

وان شاء الله بس الوقت يسمح لي ،، يعطيك العافيه

وتسلم على نقاط السمعه :showoff[1]:


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

درس قيم تستحق الشكر وتقدير
العفو
وان شاء الله تستفيد منه اخوي ..

تحياتي لك ،،


رد لآظهر آلمحتوى آلمخفي <<<<<<<<<عشآن آكمل لك آلتطبيق^_^
ههههههه

كمل براحتك اخوي ههههههه .. انتظر تطبيقك واي سؤال انا حاظر

دمت بصحه ياعسل
الف الف شكر
كفيت ووفيت
ولو هذا واجبي ..

تحياتي لك
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

العفوو

تحياتي

[أمواج الحياة]

. شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[منارالحلوة]

مشكور خيو ع الدرس مره حلوووووووووووووووكثير

جاري التطبيق

[لـًٌُِـــﮯ حضـٍـًٍُُِﮯـوٍرٍي]

وآلله عجزت آنآ آحآول آطبق دلآاٍخه على مستوى عندي :81:
آنآ مآينفع معي غير فديو خخخخخخخخخخخخخخخخ
كآن نفسي آنزل لك تطبقي بس سشوي مآتجي معي خيرهآ بغيرهآ:81:>>>آاٍحلفي~
مغسي ولد عدن على الشرح~

[SheRoo]

شكرا على الدرس الرائع

تفبلى مرورى الليل

[أميرة باحساسي]

بجد شرحك بقمة روعه

بس ماطلعت عندي الصور عشان لتطبيق

سلمت يمناك ياعسلزز

[ندىآالورد]

مشآاٍءآاٍلله وربي آاٍبدآاٍع
منهآاٍ لآاٍعـلى يآاٍرب~
دومز آاٍلتميز لآبدآاٍع

[تركي العلي]

بارك الله فيك

[لحظة سراب]

يعطيك العافية

http://3deeel.com/vb/mwaextraedit4/extra/41.gif

[لحظة سراب]

.............

[لحظة سراب]

.............

[غمـوض بنيـه]

مشآاٍءآاٍلله وربي آاٍبدآاٍع
يعطيكـ العافيه أخوي

[عاشق عيون سارة]

بارك الله فيك
أخوك عمرو لاجرب السويتش هههه

[عمر الدباسي]

مشكور

[الرحــآإآل]

http://3deeel.com/vb/mwaextraedit4/extra/58.gif

[كبريآء أنثى]

شكرا كتير ع الشرح الجميل