المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : شرح كيفية تصميم ويب سايت والتنقل بين صفحاته من خلال استخدامك للمصفوفات والتكرار


خادم المسلمين
06-02-2015, 05:04 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

لو عايز تعمل مشروع على هيئة ويب سايت كأنه موقع يحتوى على صفحات متعددة
وتريد ان تتنقل بين هذه الصفحات بحيث لايحدث تداخل بين فى ظهور عناصر كل صفحة والاخرى وما تحويه من نصوص او صور او أصوات او حتى موفيهات فيها انيميشن وحركة
تابع هذا الشرح معمول على الاصدار flash cs3
وتستطيع ان تطبقه على باقة الاصدارات
طبعا من خلال كود بسيط جدا
بالجمع بين المصفوفة واستخدام اللوبينج " التكرار"


رابط تحميل المشروع


http://www.developphp.com/Flash_tutorials/tutorial_files/AhsSQGcm46E.zip

var myMenuArray = [home, portfolio, about, services, contact];
for each (var btn in myMenuArray) {
btn.addEventListener(MouseEvent.CLICK, onBtnClick);
}
function onBtnClick (event:MouseEvent):void {
pages.gotoAndStop(event.target.name);
}http://im82.gulfup.com/3TGlZs.jpg (http://www.gulfup.com/?qaj0q7)
استمتعوا بمشاهدة الشرح
ابتداءا من التصميم وانتهاءا بالبرمجة البسيطة والمختصرة جدا



https://www.youtube.com/watch?v=AhsSQGcm46E#t=42

ملحوظة بسيطة
بإمكانك أيضا كتابة الكود بهذا الشكل
http://im85.gulfup.com/PaRkna.jpg (http://www.gulfup.com/?k78VA7)
فستجد الكود يعمل ايضا
فالتكرار تختلف طرق كتابته متنوعة i تمثل الاندكس الخاص بارلازرار
فالمتغير i
فى كل حلقة يدور فيها يأخد عنصر من عناصر المصفوفة

var myMenuArray = [home,portfolio,about,services,contact];
التى بدايتها [0=home]
ونهايتها [contact=4]

خادم المسلمين
06-02-2015, 05:34 PM
شرح عربى مشابه كثيرا واكثر تعمقا

تكملة هذا الشرح
تجدونه فى هذا الموضوع


لمحة بسيطة عن فوائد استخدام التكرار فى لغة الاكشن سكربت (http://www.abc4web.net/vb/showthread.php?t=31075)




الجزء الأول هنا
شرح عربى


http://store2.up-00.com/2015-04/1428920062191.jpg (http://www.up-00.com/)[/URL]

لا حظ مصفوفة الازرار

var btn:Array = new Array(one,two,three,four,five,six,seven,eight,nine ,ten);

نفذنا غليها سطر واحد اغنانا عن عمل عديد الفاناكشنات والاحداث

gotoAndPlay(e.currentTarget.name);

يعنى كل زر هيروح على الليبل المحصص له فى فريم معين و اختارنا play

لان انت لو لاحظت الموفيهات اللى فى المكتبة والمراد اظهار كل موفى منها عند فريم معين
تجد لكل موفى
حركة معينة فسيظهر الموفى بحركته التى طبقناها عليه
ولذلك اختارنا كلمة play
واختارنا كلمة current target
عشان المقصود الموفى الحالى والفريم الحالى
على عكس المثال اللى فى المشاركة الاولى

pages.gotoAndStop(event.target.name);

لانه الازرار وظيفتها الدخول داخل الموفى اللى اسمه pages
بحيث كل زر يوصل لفريم معين داخل الموفى هذا وليس على المشهد الرئيسى
فاحتاجنا للدخول للموفى مع توقيفه
ليظهر التفاحات بعدد يتناسب مع رقم الزر
زر واحد يظهر الفريم اللى فيه تفاحة واحدة
وهكذا باقى الازرار حسب اسم الزر


http://store2.up-00.com/2015-04/1428920062432.jpg (http://www.up-00.com/)

https://www.youtube.com/watch?v=R1dDgPwij5k (http://www.up-00.com/)

ايضا هناك اسلوب أخر
وبطريقة استخدام if
الشرطية
فمن خلال هذا الفيديو
نستطيع استنباط الطريقة او الفكرة البرمجية او اقتياسها لاستخدامها فى مشاريع مختلفة


تابع هذا الفيديو
شرح عربى

[URL]https://www.youtube.com/watch?v=vMFHe5lWQ4k&index=1

azizsoft
06-02-2015, 05:52 PM
بسم الله الرحمن الرحيم


بارك الله فيكم اخي خادم المسلمين
على جهودكم القيمة :abc_022:

المصمم
06-02-2015, 06:33 PM
شـكــ وبارك الله فيك ـــرا لك

لك مني أجمل تحية .

أبو يوسف
07-02-2015, 01:04 PM
جزاك الله خيرا اخانا خادم المسلمين :abc_022: وبارك الله فيك

شروحات رائعة

.

كريم جودي
07-02-2015, 03:01 PM
بارك الله فيكم اخونا خادم المسلمين

خادم المسلمين
07-02-2015, 03:13 PM
بسم الله الرحمن الرحيم


بارك الله فيكم اخي خادم المسلمين
على جهودكم القيمة :abc_022:

شـكــ وبارك الله فيك ـــرا لك

لك مني أجمل تحية .

جزاك الله خيرا اخانا خادم المسلمين :abc_022: وبارك الله فيك

شروحات رائعة

.

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

خادم المسلمين
13-04-2015, 12:04 PM
يرفع للفااااااااااائدة

ودالثورة
13-04-2015, 12:33 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
جزاءك الله كل خير

abohmam
15-05-2015, 07:03 PM
شرح رائع ومفيد ماشاء الله

جزاك الله خيرا أخى خادم المسلمين

بارك الله فيك وفى جهودك الدائمة

أبو صخر
16-05-2015, 03:18 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

مسلم كريم
12-07-2015, 04:36 PM
شكرآآآآآآآآآآآآآآآآآآآآآآ آآآآآآآآآآآآآآآآآآآآآآآآآ آلكم:abc_152:

عربيعيع
06-11-2016, 01:59 AM
:abc_022::abc_022::abc_022:

كوكب الخليج
04-12-2016, 09:42 AM
بارك الله فيكم

خادم المسلمين
02-02-2018, 12:17 PM
:abc_022::abc_022:

خادم المسلمين
14-09-2018, 02:40 PM
:abc_022::abc_022::abc_022:

امجدمحمد
13-02-2019, 02:46 PM
موفق بإذن الله ... لك مني أجمل تحية .