الصفحة الرئيسية>دروس تصميم الويب>البرنامج التعليمي لبرنامج دريمويفر

برنامج Dreamweaver 4 التعليمي الموجز (8. إضافة تأثيرات تفاعلية إلى صفحات الويب 2)

الكاتب：Eve Cole وقت التحديث：2009-05-30 18:35:33
8. إضافة تأثيرات تفاعلية إلى صفحات الويب

 إنشاء تأثيرات تفاعلية أكثر تعقيدًا

في Dreamweaver، يتم تحقيق تأثيرات أكثر تعقيدًا من خلال وظيفة تسمى "السلوكيات" تعني حرفيًا "السلوك"، والتي نطلق عليها أيضًا استجابات الأحداث. من خلال التغييرات في عناصر صفحة الويب، مثل حركة الماوس والنقرات و"الأحداث" الأخرى (الأحداث)، وإطلاق النوافذ المنبثقة، وإغلاق الصفحة و"الاستجابات" الأخرى (الإجراءات)، فهي استجابة للحدث. ولحسن الحظ، فإن إعداد "القانون" يكاد يكون مضمونًا.


اضغط على Shift+F3 لفتح لوحة السلوك، كما هو موضح أدناه:



تتطلب إضافة سلوك إلى صفحة ويب الخطوات الثلاث التالية:

1. حدد العناصر التي تولد السلوك، مثل الصور والنصوص ذات الروابط والطبقات وما إلى ذلك. إذا كنت تريد أن يبدأ التأثير في الظهور بمجرد تحميل الصفحة، فيمكنك تحديد Label 2 على شريط الحالة والضغط على يحدد الزر استجابة (العناصر المختلفة لها استجابات مقابلة مختلفة) ويعين خصائص هذه الاستجابة في مربع الحوار التالي؛ وفيما يلي وصف للاستجابات التي يمكن تحديدها:



استدعاء JavaScript: استدعاء جزء من JavaScript؛

تغيير الخاصية: تغيير نمط CSS لعلامة Html؛

التحقق من المتصفح: أدخل صفحات مختلفة وفقًا للمتصفحات المختلفة؛

التحقق من المكونات الإضافية: التحقق مما إذا كان المتصفح يحتوي على المكونات الإضافية الضرورية؛

التحكم في Shockwave أو Flash: التحكم في تشغيل Shockwave أو Flash الرسوم المتحركة؛

طبقة السحب: تسمح للمشاهد بسحب العناصر الموجودة في الطبقة؛

Go To URL: رابط إلى عنوان URL المحدد؛

قائمة الانتقال السريع، قائمة الانتقال السريع: قائمة الانتقال السريع وزر الانتقال؛

فتح نافذة المتصفح: فتح نافذة متصفح جديدة؛

تشغيل الصوت: تشغيل الصوت؛

رسالة منبثقة: نافذة تحذير منبثقة؛

التحميل المسبق للصور: قراءة الصور مقدمًا؛

تعيين صورة شريط التنقل: قم بتعيين صورة شريط التنقل؛

تعيين النص: عرض النص في مكان محدد؛

إظهار إخفاء الطبقة: إظهار الطبقة أو إخفائها؛

تبديل الصور، تبديل استعادة الصور: تحويل الصور واستعادة الصور الأصلية؛

الجدول الزمني: التحكم في تشغيل الجدول الزمني.

التحقق من صحة النموذج: التحقق من صحة النموذج؛

احصل على المزيد من السلوكيات: قم بتنزيل المزيد من الأحداث السلوكية.


3. حدد الأحداث لتقرر تحت أي ظروف يتم تشغيل الاستجابة. تشمل الأحداث الشائعة ما يلي:

onMouseOver: يتحرك الماوس إلى الهدف؛

onMouseUp: عند الضغط على الماوس ثم تحرير الزر الأيسر؛

onMouseOut: عندما يتحرك الماوس بعيدًا؛

onMouseDown: عند الضغط على الماوس (لا حاجة لتحرير الزر الأيسر)؛

onClink: عند النقر عليه؛

onDblClick: عند النقر المزدوج عليه؛

onLoad: عند تحميل صفحة ويب؛

onUnload: عند مغادرة الصفحة؛

onResize: عندما يقوم العارض بتغيير حجم نافذة التصفح؛

onScroll: عندما يقوم العارض بسحب شريط التمرير.
مقالات ذات صلة