صنع قائمة مسدلة بالفايروركس Create a pop-up menu with fireworks cs3

نحتاج في هذا الدرس إلي:

• برنامج فايروركس سي إس ثري "Fireworks CS3".

بداية العمل:

• أفتح مستند جديد في الفايروركس , أبعادها: 400*400 Pixels, لون خلفيتها أبيض.

بداية الرسم:

• أختار أداة rectangle tool, أو إضغط "U".
• إبداء بالضغط ثم السحب علي لوحة الرسم, لرسم مستطيل.
• من شريط الخصائص بالأسفل proprites, غير أبعاد المستطيل إلي 100 عرض و 30 إرتفاع, W=100 , H=30.
• من شريط الخصائص بالأسفل proprites, غير توع اللون إلي متدرج Color=Gradient-->linear.
• من شريط الخصائص بالأسفل proprites, غير لوني التدرج وذلك بالضغط علي المربعين الموضحيت بالرسم إلي اللونين #BCB159 و #F1EEDC من اليسار إلي اليمين.
• لتدوير حواف المستطيل, من شريط الخصائص بالأسفل proprites, أختار Rectangle roundness=56.

بداية صنع القائمة:

• نحتاج لأن نظهر شريط يدعي Behaviors.
• من قائمة Windows بالأعلي نختار شريط Behaviors.
• نتاكد من أننا ممسكين أو محددين المستطيل الذي صنعناه مذ قليل.
• من شريط Behaviors نضغط علي علامة + وتعني أضف أو Add behaviors.
• يظهر لنا مربع حواري يسألنا هل نريد أن نضيف فوق المستطيل المحدد Slice أم Hotspot, نختار Slice.

ملاحظة: "تقوم Slice بتقسيم اللوحة إلي جدول كبير Table كل جدول يحتوي علي خلية أو أكثر Cell كل خلية تحتوي علي قطعة أو شريحة من صورة تسمي Slice."

• في الشريط Behaviors بجوار علامة ال + سيسألنا أي Behavior سنضيف علي الشريحة Slice نختار Set pop-up menu .
• إذا لم يظهر لنا السؤال المذكور, نحدد ال Slice ونضغط علي + ونختار من القائمة الظاهرة Set pop-up menu .

ملاحظة: "في الغالب يظهر لون ال Slice بالأخضر الخفيف."

• الأن وقد ظهر لنا صانع ال pop-up menu, نضغط مرتين بأسفل كلمة Text ونكتب Yahoo! وذلك لإضافة أو محتوي في القائمة.
• أسفل كلمة Link نكتب http://www.yahoo.com وهذا هو رابط موقع ياهوو الشهير.
• الأن نضيف Google , http://www.google.com وكذلك موقعي ISPs , http://ispweb.blogspot.com.
• يمكنك العبث بباقي الخصائص للقائمة, وانصحك بذلك لتجرب أشكال مختلفة وتصاميم للقائمة.
• أضغط علي زرار Done.

تجربة القائمة:

لتجربة القائمة تحتاج إلي تصديرها إلي صفحة HTML.

• أختار من قائمة File, الأمر Export.
• أختار الخصائص كما هو موضح بالرسم.
• اختار Save.

الأن أفتح صفحة ال HTML التي صنعتها وجرب القائمة.

تهانينا لقد صنعت لك أول قائمة منسدلة pop-up menu whith fireworks cs3.