الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

صمم قائمة منسدلة في موقعك

مغلق
بدأه JAAS في 11 أغسطس 2004 · 12 رد · 1,409 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

صمم قائمة منسدلة لموقعك

بواسطة برنامج : Macromedia Fireworks MX

السلام عليكم

يمكن يكون الموضوع قديم ( ولكن بعض الأعضاء لا يعرفونة)

وخاصة المبتدئين في التصميم والجرافيكس ( أمثالي)

في هذة الأيام نادرا مانرى موقع لا يحتوي على قائمة منسدلة (منبثقة)

وبصراحة أول مرة شفت فيها قائمة في موقع إستغربت

لأن القائمة تتأثر بالأحداث وتتغير مثل البرامج ( وأعتقدت أن تصميمها سيكون معقد)

ولا كن مع برامج مايكروميديا إم إكس ( صارت الشغلة ولا أسهل)

ولكن عيب البرنامج إنة زعلان من العرب(لايدعم العربي بشكل مرضي)

وإذا كان أحد الأعضاء عندة فكرة عن الكتابة بالعربي في البرنامج (يخبرنا كيف) ونكون شاكرين لة

ولكن تصميم القائمة لا تتأثر بالبرنامج أكان يدعم العربي أولا يدعم

لأنها بإختصار كود html

نبدأ بالشرح :

إنتقل إلى العناوين التالية : وجرب الأمثلة ( مرر الماوس على الأزرار وإختر من القائمة)

المثال الأول

المثال الثاني

كيف تصمم مثل هذة القوائم

شغل برنامج : Macromedia Fireworks MX

إختر File ->New

تظهر لك هذة نافذة ( طبق الشرح الموضح في الصورة)

23_07_05_01_48_21_1122108501mx1.gif

وبعد إنشاء صورة جديدة

أضف للصورة زر كما هو موضح

23_07_05_01_49_19_1122108559mx_.gif

تظهر لك نافذة تصميم الزر

بالتأكيد تستطيع تصميم أي زر

ولكن في مثالنا سنستخدم أزرار جاهزة

23_07_05_01_50_22_1122108622mx3.gif

بعد إختيار إستيراد أزرار جاهزة

تظهر لك هذة النافذة

23_07_05_01_50_38_1122108638mx4.gif

بعد الإختيار والإستيراد تظهر لك نافذة

23_07_05_01_51_25_1122108685mx5.gif

وبعد الإنتهاء من إعداد الزر

ترجع للنافذة الرئيسية

-------------

تم تعديل هذه المشاركة بواسطة anwarica في 23 يوليو 2005 في 11:46

http://www.jaascois.com

*************************************************

مجموعة مواضيع - إحتراف البرمجة -

ّ~~~~~~~~~~~~~~~~~~~~~~

البرمجة المتقدمة & الهندسة العكسية & برمجة وأمن الأنظمة

/index.php?showtopic=45002

آخر المواضيع :

+- تحليل جرائم الكمبيوتر -+

أنظمة اليونكس(Solaris,HP, AIX,SCO)وانواع المعالجات

ثغرة SMS لأجهزة الجوال Siemens 3568i !

أخطاء وثغرات البرامج العربية !!!

سلسلة مواضيع - أمن وحماية مواقع الويب -

E البرمجة المتقدمة X للملفات التنفيذية E

سلسلة مواضيع ثغرات الأنظمة وإختراق الأجهزة

**************************************************

<span style='font-size:14pt;line-height:100%'>الإرادة تحـــقق السيـــادة</span>

**************************************************

#2

تكملة

23_07_05_01_51_34_1122108694mx6.gif

لإضهار القائمة المبينة في الصورة

تضغط بزر الماوس ( الأيسر ) مرة واحدة فوق العلامة الدائرية

إختر من القائمة الخيار الموضح ( إضافة قائمة منبثقة)

تظهر لك هذة النافذة

23_07_05_01_53_12_1122108792mx7.gif

وهي نافذة إعدادت القائمة

وبعد ذلك

23_07_05_01_54_02_1122108842mx8.gif

الخيارات الموضحة

image -html

وهي طريقة عرض القائمة

بكود html

أو بطريقة صور

وبعد ذلك

23_07_05_01_54_08_1122108848mx9.gif

وبعد ذلك

23_07_05_01_54_58_1122108898mx1_.gif

أنتهينا من تصميم القائمة

إضغط مفتاح F12

لإستعراض القائمة

وبعد ذلك إحفظ القائمة( كما هو موضح)

23_07_05_01_55_01_1122108901mx11.gif

وإذا ظهرت لك أي نافذة

إضغط التالي..

حتى تصل هذة النافذة

23_07_05_01_55_36_1122108936mx1_.gif

إختر الأمر الموضح في الصورة

وأحفظ الملف

-----------

ملاحظة:

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

تستطيع التغيير في الكود

إما لنقل القائمة إلى صفحة ثانية أو التعديل

-----------

وبالتوفيق

تم تعديل هذه المشاركة بواسطة anwarica في 23 يوليو 2005 في 11:49

http://www.jaascois.com

*************************************************

مجموعة مواضيع - إحتراف البرمجة -

ّ~~~~~~~~~~~~~~~~~~~~~~

البرمجة المتقدمة & الهندسة العكسية & برمجة وأمن الأنظمة

/index.php?showtopic=45002

آخر المواضيع :

+- تحليل جرائم الكمبيوتر -+

أنظمة اليونكس(Solaris,HP, AIX,SCO)وانواع المعالجات

ثغرة SMS لأجهزة الجوال Siemens 3568i !

أخطاء وثغرات البرامج العربية !!!

سلسلة مواضيع - أمن وحماية مواقع الويب -

E البرمجة المتقدمة X للملفات التنفيذية E

سلسلة مواضيع ثغرات الأنظمة وإختراق الأجهزة

**************************************************

<span style='font-size:14pt;line-height:100%'>الإرادة تحـــقق السيـــادة</span>

**************************************************

#3

شكرا على الشرح

لكن الصور لا تظهر

#4

جزاك الله خيراً على الدرس الذي انا بحاجة اليه:)

ولكن ارجوك تأكد من الصور لانها لا تظهر.

قياسي ( لتصاميم المواقع المجانية و القياسية)

300qyasi.gif

#5

يا أخ jaas رجاءً نبغى الصور الموضوع مهم ونريد نتعلم رجاءاً ضع الصور او رسلها على اميلي

sanet22@hotmail.com

وشكراً

#7

الى المراقب العام anwarica شكراً جزيلاً لإهتمامك

#8

شكراُ جزيلاً لك.

بارك الله فيك.

قياسي ( لتصاميم المواقع المجانية و القياسية)

300qyasi.gif

#9

جزاك الله خيرا

#10

:) لكن كيف باستخدام الفلاش

#11

يا اخوانى حد يعبرنى

#12
thecoolzero كتب:
:) لكن كيف باستخدام الفلاش

يا أخى ما علاقة الفلاش بهذا الموضوع :)

هنا عن الفايرووركس .. :D

لو تريد سؤال عن الفلاش يمكنك ذلك فى قسم الجرافيكس.. :D

هذا الموضوع مغلق.

مواضيع مشابهة