المطويات المتطورة

           بالإظافة إلى صناعة الأزرار فإن Fireworks يجعل من السهل عمل تأثير جافا سكربت المطويات.

مثال : عندما يعبر المؤشر على زر بالإضافة إلى تغير ظهور الزر ، تستطيع تغيير ظهور جزء من الشاشة . هذا التأثير يسمى مُفَصِل المطويات .

 1. إذا لم تكن لوحة الطبقات Layers ظاهرة ، أختر Window ثم Layers أنقر Layer1 لجعله الطبقة النشطة.

     [التغييرات التي ستصنعها يجب أن تكون على  Layerl ].

  2. اعرض لوحة الإطارات Frames [ أختر Window ثم Frames إذا لم تكن ظاهرة ].

    3. اضغط الزر New/Duplicat Frame في أسفل لوحة الإطارات Frame .

    4. انقر Frame 2 في لوحة الإطارات . كل شي ما عدا الأزرار أختفت لأن العمل الفني في الإطار الأول Layerl إن الأزرار على أي حال على الطبقة التي تتشارك فيها كل الأطارات.

        والآن ، ستصنع عمل فني في Frame2 والذي ينفع كمصدر للمطويات ، ستحتاج لقشرة البصلة كما يسميها Fireworks ، لتساعد بتصفيف العمل في Frame2 م ع العمل في Frame1 .[ قشرة البصل أو القشرة تدعك تعرض صورة باهتة لأكثر من ايطار في وقت واحد ].

 5. أنقر في العمود الأيسر من Frame1 في لوحة الاطارات Frame . سيعرض Fireworks محتويات Frame1 كما لو كانت على جلد بصلي أو على الجزء الشفاف منه .

     6. إذا لم تكن لوحة المكتبة Library ظاهرة أختر Window ثم Library . [ لوحة المكتبة تخزن الأزرار و الأعمال الفنية الأخرى التي تريد أن تستعملها مرة أخرى خلال التصميم ].

 7. أنقر Swap text من قائمة المواد ، سترى استعراض للعمل في أعلى لوحة المكتبة Laibrary .

 8. اسحب Swap text       من منطقة العرض في لوحة المكتبة Library و أرصفها فوق الرسالة الترحيبية .

    9. اجعل الإطار Frame1 نشط بالنقر على إسمه في لوحة الإطارات Frame .

10. استعمل اداة الأختيار لأختيار جسم المستطيل وراء نص الرسالة الترحيبية وأختر Insert ثم Slice .

سيدخل Fireworks مستطيل أخضر لامع شفاف على قمة الصورة لتمثل الشريحة .

11. من مراقب الأجسام [ أختر Window ثم Object إذا لم تكن اللوحة مرئية ] ألغ أختيار Auto Name slices و أدخل text-slice في مربع النص في أسفل اللوحة . [ التسمية المميزة للشرح تساعد في المحافظة و تحديث موقع الويب ]

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

12. حدد زر Gift .

13. من مراقب السلوك [ أختر Window  ثم Behavors إذا لم تكن اللوحة ظاهرة من قبل ]  ، أنقر على زر علامة الزائد +     واختر Swap Image من القائمة المنبثقة .

سيظهر صندوق حوار Swap Image .

14. تأكد بأن text-slice هي المختارة من قائمة الشرائح على الجهة اليسرى من صندوق الحوار وأضغط Ok .

15. أنقر زر أخفاء النقاط الساخنة والشرائح في صندوق الأدوات ، أنقر عروة العرض Preview في مكان العمل وحرك المؤشر فوق الأزرار . أوقف المؤشر فوق الأزرار ، أوقف المؤشر على الزر Gift ولاحظ أن الرسالة في الجهة اليمنى قد تغيرت.

[ عروة العرض Preview تعرض الصور والأزرار وتصرفات الجافا سكربت كما ستظهر في مستعرض الويب ]

16. اضغط العروة Original وأحفظ العمل .