عفاف العتيبي
04-06-2009, 02:16 PM
بسم الله الرحمن الرحيم
أخواتي الكريمات هذا الدرس في ظاهره عادي ولكن هو مهم بالنسبة لأصحاب المواقع أو الذي يريدون تصميم موقع بالفلاش
والقوائم المنسدلة ليست خاصة بالمواقع فحسب بل خاصة أيضاً بالتواقيع ممكن أي فراشة تعرض أعمالها بأزرة رائعة بالتوقيع بيكون أروع وأحلى
الآن نبدأ الدرس على بركة الله
الآن أشرح لكم القوائم المنسدلة بطريقة مبسطة جداً جدا
والقوائم أشكال وألوان ولكن أنا إخترت الأبسط والأحلى والأجمل
فأرجوا من جميع الفراشات بالضغط على الأزرة
-----------------------
نبدأ الدرس بتحديد مقاسات الصفحة بالذي تريدون الطول والعرض
نبدأ الآن
insert new symbol Button قسم التصاميم أوكي
http://maha11.jeeran.com/images/ree1.gif
نرسم مربع كبير شوي وبحدود تمام
في خانة up نكتب قسم التصاميم من البرامج الوسيطة يالرسام أو الرشيد أو الكوريل دراو
ثم نذهب إلى خانة over ونقول f6 ثم نذهب إلى خانة Downونقول اف 6 ثم نذهب إلى خانة Hit ونقول اف 6
تمام راح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree2.gif
ثم نقول مرة ثانية insert new symbol Button ونسميه قائمة منسدلة
http://maha11.jeeran.com/images/ree3.gif
ثم نبدأ برسم مربع ثاني بس مايكون بنفس مربع الأول يعني أصغر منه وماهو شرط يكون بنفس الشكل عادي على كيفكم المهم نعمل بنفس ماعملنا في زر قسم التصاميم من ناحية الأوب والأوفر والداون والهيت
وراح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree4.gif
هذا الزر نعمله بس زر واحد بعدين لما نريده على حسب الروابط نكرره بالعدد يعني بمعنى لما نريد ان نعمل موقع نريد اربع روابط مانعمل اربع ازرة ( لا ) نعمل زر واحد ونسميه القائمة المنسدلة بعدين لما نبدأ الشغل فيه نكرره من المكتبة
الحين زر الادخال 00 ايش معنى هذا الزر هذا الزر اللي نضع عليه الروابط ولكن ليس كزر القائمة المنسدلة هذا الزر انت تعمله وليس تكرره
الحين راح نعرف لما نشتغل عليه
نقول insert new symbol Button بعدين نكتب زر ادخال ( 1 ) الحين احنا نبغى أربع روابط ماهو شرط تقول زر ادخال ( 1 ) قول باسم الصفحة اللي تبغى تروح لها بالموقع
يعني نقول زر ادخال ( 1 ) وراح يكون بهذا الشكل هذا الزر لازم يكون شفاف غير مرئي
http://maha11.jeeran.com/images/ree5.gif
الحين نبدأ برسم مربع مستطيل ولكن بلا حدود ونرسمها بكبر القائمة المنسدلة 00 ونخليه شفاف
نعمل مثل ماعملنا في الزرين اللي قبل في الاوفر وفي الداون وفي الهيت اف 6 تمام راح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree6.gif
الأن كيف نخليه شفاف نروح للأوب ونأشر عليه ومن لوحة المفاتيح ديليت ثم نذهب إلى الأوفر ونأشر عليه ونقول من لوحة المفاتيح ديليت ثم نذهب إلى الداون ومن لوحة المفاتيح ديليت 00 ونخلي فقط الزرعلى الهيت
مثل هذه الصورة
http://maha11.jeeran.com/images/ree7.gif
الان نعمل زر ادخال أخر بنفس الزر الادخال السابق بقول insert new symbol Button ونكتب زر ادخال 2 وهكذا بعدد الروابط الموجودة عندنا
000000000000000000000
الحين نبدأ الشغل وخليكم مركزين معايا تمام
الحين نقول insert new symbol movie clip أونسميه الشغل كله
http://maha11.jeeran.com/images/ree8.gif
ثم في اللير الأول في الفريم الأول نسحب زر قسم التصاميم هو زر واحد أنا سميته قسم التصاميم عشان بسهولة نسحبه من المكتبة بقول window library
http://maha11.jeeran.com/images/ree9.gif
ثم نأشر على الزر ونعطيه هذا الأكشن
on (rollOver) {gotoAndPlay (2);}
ثم نروح في الفريم الثاني نقول اف 5 تمام
الحين نضيف لير ثاني في الفريم الثاني نقول اف 6 نبدأ بسحب زر القائمة المنسدلة ونضعها جنب زر القائمة وراح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree10.gif
ثم نبدأ بالكتابة على الأزرة بأي برامج وسيطة
وراح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree11.gif
ثم نضغط على فريم 1 من اللير حق القائمة المنسدلة ونعطيه أكشن
stop();
ثم نأشر على الفريم الثاني من نفس اللير حق القائمة المنسدلة ونعطيه أكشن
stop();
وراح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree12.gif
المهم الحين نضيف لير ثالث ونأشر على الفريم الثاني ونقول أف 6 تمام
وراح يكون هذا اللير خاص بزر الادخال يعني الزر الشفاف اللي راح نضع عليه الروابط الخاصة بالموقع تمام
نفتح المكتبة من window library ونبدأ نسحب الزر الادخال 1 في زر التصميم اليدوي ونضعه عليه
وهذي الصور توضح ما أعنيه لكم
http://maha11.jeeran.com/images/ree13.gif
الحين انتهينا من وضع الادخال على الأزرة نبدأ ألحين بوضع الروابط فانتبهوا معي
هو رابط واحد بس اللهم يبغاله تغير رابط الموقع يعني أكشن
الأكشن واحد واللي يتغير بس الروابط حق الموقع
نأشر على زر الإدخال ونقول أكشن وراح تكون بهذه الصورة
http://maha11.jeeran.com/images/ree14.gif
اللي يتغير فقط النجوم امسحيها وضعي بدالها رابط الموقع مع مراعاة عدم حذف الفواصل
وهذا الرابط لازم تحفظونه
on (release) {
getURL ("http://www.alfrasha.com/forumdisplay.php?f=50", "_blank");
}
بعد كذة نعمل في باقي الأزرة الشفافة ووضع الروابط عليها تمام
الحين نطلع من الموفي ونروح للصفحة الرئيسية ثم نسحب موفي الشغل كله مثل ماسميته قبل
وراح تكون مثل هذه الصورة
http://maha11.jeeran.com/images/ree15.gif
وهذا التطبيق
WIDTH=350 HEIGHT=300
وهذا بالصوت إذا أردتي أن تضيفي صوت على الأزرة فضيفيه في خانة الأوب
WIDTH=350 HEIGHT=300
أخواتي يوم الأربعاء راح يكون فيه درسين فابقوا معانا
دعواتكم لي بظهر الغيب
أخواتي الكريمات هذا الدرس في ظاهره عادي ولكن هو مهم بالنسبة لأصحاب المواقع أو الذي يريدون تصميم موقع بالفلاش
والقوائم المنسدلة ليست خاصة بالمواقع فحسب بل خاصة أيضاً بالتواقيع ممكن أي فراشة تعرض أعمالها بأزرة رائعة بالتوقيع بيكون أروع وأحلى
الآن نبدأ الدرس على بركة الله
الآن أشرح لكم القوائم المنسدلة بطريقة مبسطة جداً جدا
والقوائم أشكال وألوان ولكن أنا إخترت الأبسط والأحلى والأجمل
فأرجوا من جميع الفراشات بالضغط على الأزرة
-----------------------
نبدأ الدرس بتحديد مقاسات الصفحة بالذي تريدون الطول والعرض
نبدأ الآن
insert new symbol Button قسم التصاميم أوكي
http://maha11.jeeran.com/images/ree1.gif
نرسم مربع كبير شوي وبحدود تمام
في خانة up نكتب قسم التصاميم من البرامج الوسيطة يالرسام أو الرشيد أو الكوريل دراو
ثم نذهب إلى خانة over ونقول f6 ثم نذهب إلى خانة Downونقول اف 6 ثم نذهب إلى خانة Hit ونقول اف 6
تمام راح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree2.gif
ثم نقول مرة ثانية insert new symbol Button ونسميه قائمة منسدلة
http://maha11.jeeran.com/images/ree3.gif
ثم نبدأ برسم مربع ثاني بس مايكون بنفس مربع الأول يعني أصغر منه وماهو شرط يكون بنفس الشكل عادي على كيفكم المهم نعمل بنفس ماعملنا في زر قسم التصاميم من ناحية الأوب والأوفر والداون والهيت
وراح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree4.gif
هذا الزر نعمله بس زر واحد بعدين لما نريده على حسب الروابط نكرره بالعدد يعني بمعنى لما نريد ان نعمل موقع نريد اربع روابط مانعمل اربع ازرة ( لا ) نعمل زر واحد ونسميه القائمة المنسدلة بعدين لما نبدأ الشغل فيه نكرره من المكتبة
الحين زر الادخال 00 ايش معنى هذا الزر هذا الزر اللي نضع عليه الروابط ولكن ليس كزر القائمة المنسدلة هذا الزر انت تعمله وليس تكرره
الحين راح نعرف لما نشتغل عليه
نقول insert new symbol Button بعدين نكتب زر ادخال ( 1 ) الحين احنا نبغى أربع روابط ماهو شرط تقول زر ادخال ( 1 ) قول باسم الصفحة اللي تبغى تروح لها بالموقع
يعني نقول زر ادخال ( 1 ) وراح يكون بهذا الشكل هذا الزر لازم يكون شفاف غير مرئي
http://maha11.jeeran.com/images/ree5.gif
الحين نبدأ برسم مربع مستطيل ولكن بلا حدود ونرسمها بكبر القائمة المنسدلة 00 ونخليه شفاف
نعمل مثل ماعملنا في الزرين اللي قبل في الاوفر وفي الداون وفي الهيت اف 6 تمام راح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree6.gif
الأن كيف نخليه شفاف نروح للأوب ونأشر عليه ومن لوحة المفاتيح ديليت ثم نذهب إلى الأوفر ونأشر عليه ونقول من لوحة المفاتيح ديليت ثم نذهب إلى الداون ومن لوحة المفاتيح ديليت 00 ونخلي فقط الزرعلى الهيت
مثل هذه الصورة
http://maha11.jeeran.com/images/ree7.gif
الان نعمل زر ادخال أخر بنفس الزر الادخال السابق بقول insert new symbol Button ونكتب زر ادخال 2 وهكذا بعدد الروابط الموجودة عندنا
000000000000000000000
الحين نبدأ الشغل وخليكم مركزين معايا تمام
الحين نقول insert new symbol movie clip أونسميه الشغل كله
http://maha11.jeeran.com/images/ree8.gif
ثم في اللير الأول في الفريم الأول نسحب زر قسم التصاميم هو زر واحد أنا سميته قسم التصاميم عشان بسهولة نسحبه من المكتبة بقول window library
http://maha11.jeeran.com/images/ree9.gif
ثم نأشر على الزر ونعطيه هذا الأكشن
on (rollOver) {gotoAndPlay (2);}
ثم نروح في الفريم الثاني نقول اف 5 تمام
الحين نضيف لير ثاني في الفريم الثاني نقول اف 6 نبدأ بسحب زر القائمة المنسدلة ونضعها جنب زر القائمة وراح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree10.gif
ثم نبدأ بالكتابة على الأزرة بأي برامج وسيطة
وراح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree11.gif
ثم نضغط على فريم 1 من اللير حق القائمة المنسدلة ونعطيه أكشن
stop();
ثم نأشر على الفريم الثاني من نفس اللير حق القائمة المنسدلة ونعطيه أكشن
stop();
وراح يكون بهذا الشكل
http://maha11.jeeran.com/images/ree12.gif
المهم الحين نضيف لير ثالث ونأشر على الفريم الثاني ونقول أف 6 تمام
وراح يكون هذا اللير خاص بزر الادخال يعني الزر الشفاف اللي راح نضع عليه الروابط الخاصة بالموقع تمام
نفتح المكتبة من window library ونبدأ نسحب الزر الادخال 1 في زر التصميم اليدوي ونضعه عليه
وهذي الصور توضح ما أعنيه لكم
http://maha11.jeeran.com/images/ree13.gif
الحين انتهينا من وضع الادخال على الأزرة نبدأ ألحين بوضع الروابط فانتبهوا معي
هو رابط واحد بس اللهم يبغاله تغير رابط الموقع يعني أكشن
الأكشن واحد واللي يتغير بس الروابط حق الموقع
نأشر على زر الإدخال ونقول أكشن وراح تكون بهذه الصورة
http://maha11.jeeran.com/images/ree14.gif
اللي يتغير فقط النجوم امسحيها وضعي بدالها رابط الموقع مع مراعاة عدم حذف الفواصل
وهذا الرابط لازم تحفظونه
on (release) {
getURL ("http://www.alfrasha.com/forumdisplay.php?f=50", "_blank");
}
بعد كذة نعمل في باقي الأزرة الشفافة ووضع الروابط عليها تمام
الحين نطلع من الموفي ونروح للصفحة الرئيسية ثم نسحب موفي الشغل كله مثل ماسميته قبل
وراح تكون مثل هذه الصورة
http://maha11.jeeran.com/images/ree15.gif
وهذا التطبيق
WIDTH=350 HEIGHT=300
وهذا بالصوت إذا أردتي أن تضيفي صوت على الأزرة فضيفيه في خانة الأوب
WIDTH=350 HEIGHT=300
أخواتي يوم الأربعاء راح يكون فيه درسين فابقوا معانا
دعواتكم لي بظهر الغيب