نكمل معكم ما بداناه امس بخصوص برنامج فاير وركس ، حيث قمنا بالتعريف بالبرنامج وشرح واجهته بدأنا الجولة التعليمية بشرح ادوات الرسم به والآن ننتقل إلى شرح أزرار نصوص الجافا .java script buttons Fireworks يجعل من السهولة صنع أزرار تفاعلية بدون الحاجة لكتابة كود الجافا سكربت صناعة زر واحد ستقوم بتحويل المستطيل إلى زر وبعد ذلك سنستعمل محرر الأزرار Button Editor لإكمال الزر حدد المستطيل إذا لم يكن محدداً من قبل وأختر Insert ثم Convert to Symbol . في Fireworks الأزرار هي نوع خاص من الأجسام تسمى رموز Symbols والتي تخزن في مكتبة الوثيقة s Library.Document أكتب Button في مربع النص Name وأنتق الخيار Button ثم أضغط Ok. لاحظ أن المستطيل يظهر افي الصورة رقم 2 بلون أخضر مشع وسهم صغير في زاويته السفلية اليسرى، فلا تستغرب فلون الملء لم يتغير واللون الأخضر إنما يدل على شريحة الجسم والسهم يشير إلى أن المستطيل هو زر العمل الأصلي للزر مخزن في مكتبة الوثيقة كما قلنا أنقر الزر نقراً مضاعفاً لفتح محرر الأزرار أ، أختر Modify ثم Symbol ثم Edit Symbol ، في محرر الأزرار تصنع الرسومات و الخطوط لكل حالة للزر التغيير الأول الذي سنصنعه هو أن نضيف الكتابة على الزر. انتق أداة النص وأنقر قرب منتصف مركز المستطيل في محرر الأزرار أختر خط من قائمة الخطوط في صندوق حوار محرر الأزرار Text Editor أختر حجم الخط ولونه وأنقر توسيط للتوسيط أستعملنا Arial ، 14 نقطة ، خط عريض ، توسيط للتنسيق أكتب Our Story في صندوق النص الكبير في أسفل صندوق الحوار وانقر ok . ألآن ستستعمل أوامر التصفيف لتضع النص في منتصف المستطيل بإستعمال أداة الإنتقاء حدد المستطيل ثم إضغط على مفتاح Shift في لوحة المفاتيح و أحتفظ به مضغوطاً ثم Shift أنقر على النص ثم حرر مفتاح أختر Modify ثم Align ثم Center Vertical للتوسيط العمودي وبعد ذلك أختر Modify ثم Align ثم Center Horizantal للتوسيط الأفقي وبذلك تكون قد وضعت النص في مركز المستطيل ، لاحظ لقد قام Fireworks بتحرير النص وتصفيفه مع المستطيل ولم يحرك المستطيل، إذن أوامر التصفيف تبقى على موقع الجسم المختار الأول وتصف أو تنسف الأجسام المختارة بعده بناء عليه أنقر على العروة Over في محرر الأزرار وأنقر على Copy up Graphic . الزر في العروة Over هو الشكل الذي سيظهر به عند مرور المؤشر عليه في صفحة الويب لجعل الزر يختلف عن الحالة الثابتة Up سنغير لون الملء إستعمل أداة المؤشر ثم أختر المستطيل وأضغط على المثلث الصغير بجانب أداة الملء في صندوق الأدوات أختر القطارة ثم أنقر على لون خلفية الرسالة الترحيبية ولاحظ أن القطارة تساعد في أخذ عينة من أي لون على الشاشة . كل زر ستصنعه يجب أن يرتبط بعنوان على الإنترنت مثل URL إضغط على العروة Link وأدخل العنوان في مربع النص في أعلى صندوق الحوار أستعمل عنواناً صحيحاً مثل http://www.macromedia.com لكي تستطيع اختباره على المتصفح ثم أغلق محرر الأخبار و أنقر ok . نسخ الزر من السهل صنع ازرار متماثلة ولكن بأسماء وارتباطات مختلفة Fireworks أحتفظ بالزر Alt من لوحة المفاتيح مضغوطاً و إسحب الزر لأسفل الصفحة، المفتاح Alt يساعد في أخذ نسخة من الزر وترك الأصل إذا لم يكن الصندوق object ظاهرا، اختر window ثم object في مربع النص Button Text أكتب Gift و أضغط مفتاح إدخال Enter سيظهر لك صندوق رسالة يسألك ان كنت ترغب في تحرير الزر النشط أو كل الأزرار ، لأنك نسخت الزر Our Story عندك حالتان من نفس الزر ، عندما تحرر زر فإن Fireworks يحدد كل الحالات في هذه الحالة ، تريد أن يكون عندك زرين مختلفين ، لذلك ستختار أن تحرر الزر الحالي Cuffent إضغط Object في مراقب الأجسامLinkWizard أنقر الزر انقر العروة Link وغير العنوان، أختر عنواناً صحيحاً لكي تختبر الزر عندما تستعرض الصفحة في المتصفح أنقر Ok، لاحظ أن النص على الزر قد تغير. المطويات المتطورة بالإضافة إلى صناعة الأزرار فإن Fireworks يجعل من السهل عمل تأثير جافا سكربت المطويات مثال: عندما يعبر المؤشر على زر بالإضافة إلى تغير ظهور الزر ، تستطيع تغيير ظهور جزء من الشاشة هذا التأثير يسمى مُفَصِل المطويات إذا لم تكن لوحة الطبقات Layers ظاهرة،أختر Window ثم Layers أنقر Layer1 لجعله الطبقة النشطة التغييرات التي ستصنعها يجب أن تكون على Layerl اعرض لوحة الإطارات Frames أختر windows ثم frames إذا لم تكن ظاهرة اضغط الزر New/Duplicat Frame في أسفل لوحة الإطارات Frame انقر Frame 2 في لوحة الإطارات كل شي ما عدا الأزرار أختفت لأن العمل الفني في الإطار الأول Layerl إن الأزرار على أي حال على الطبقة التي تتشارك فيها كل الأطارات والآن ، ستصنع عمل فني في Frame2 والذي ينفع كمصدر للمطويات ، ستحتاج لقشرة البصلة كما يسميها Fireworks ، لتساعد بتصفيف العمل في Frame2 مع العمل في Frame1 قشرة البصل أو القشرة تدعك تعرض صورة باهتة لأكثر من اطار في وقت واحد أنقر في العمود الأيسر من Frame1 في لوحة الاطارFrame . سيعرض Fireworks محتويات Frame1 كما لو كانت على جلد بصلي أو على الجزء الشفاف منه ، إذا لم تكن لوحة المكتبة Library ظاهرة أختر Window ثم Library لوحة المكتبة تخزن الأزرار و الأعمال الفنية الأخرى التي تريد أن تستعملها مرة أخرى خلال التصميم أنقر Swap text من قائمة المواد ، سترى استعراض للعمل في أعلى لوحة المكتبة library اسحب Swap text من منطقة العرض في لوحة المكتبة Library و أرصفها فوق الرسالة الترحيبية اجعل الإطار Frame1 نشط بالنقر على إسمه في لوحة الإطارات Frame استعمل اداة الأختيار لأختيار جسم المستطيل وراء نص الرسالة الترحيبية وأختر Insert ثم Slice سيدخل Fireworks مستطيل أخضر لامع شفاف على قمة الصورة لتمثل الشريحة من مراقب الأجسام أختر Window ثم Object إذا لم تكن اللوحة مرئية ألغ أختيار Auto Name slices وأدخل text-slice في مربع النص في أسفل اللوحة التسمية المميزة للشرح تساعد في المحافظة و تحديث موقع الويب الآن ستربط كود الجافا سكربت لتسجيل التصرف بالزر Gift الذي يستهدف هذه الشريحة كمنطقة تتغير عند مرور المؤشر على الزر Gift حدد زراً من مراقب السلوك أختر Window ثم Behavors إذا لم تكن اللوحة ظاهرة من قبل، أنقر على زر علامة الزائد + واختر Swap Image من القائمة المنبثقة swap Image سيظهر صندوق حوار تأكد بأن text-slice هي المختارة من قائمة الشرائح على الجهة اليسرى من صندوق الحوار وأضغط ok . أنقر زر أخفاء النقاط الساخنة والشرائح في صندوق الأدوات ، أنقر عروة العرض Preview في مكان العمل وحرك المؤشر فوق الأزرار أوقف المؤشر فوق الأزرار، أوقف المؤشر على الزر Gift ولاحظ أن الرسالة في الجهة اليمنى قد تغيرت عروة العرض Preview تعرض الصور والأزرار وتصرفات الجافا سكربت كما ستظهر في مستعرض الويب اضغط العروة Original وأحفظ العمل. امنية طلعت omneya@albayan.co.ae http://pages.ivillage.com/omneya_talaat