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

الكاتب：Eve Cole وقت التحديث：2009-05-30 18:35:37

8. إضافة تأثيرات تفاعلية إلى صفحات الويب

إنشاء تأثيرات تفاعلية بسيطة

غالبًا ما نرى هذا التأثير على صفحات الويب، عندما يتحرك الماوس فوق صورة، تتحول الصورة الأصلية إلى صورة أخرى، وبعد إبعاد الماوس، تعود إلى مظهرها الأصلي. في البداية، ذكرت أن إحدى مميزات Dreamweaver عن Frontpage هي أن Dreamweaver يمكنه إنشاء صفحات ويب تفاعلية. الآن، سوف نستخدم Dreamweaver لإنشاء أبسط تأثير تفاعلي - وهو تغيير الصور.

قم بإعداد صورتين بنفس الحجم، إحداهما قبل تحريك الماوس لأعلى، والأخرى هي الصورة بعد تحريك الماوس لأعلى، على سبيل المثال، في الصورتين التاليتين، الصورة اليسرى عبارة عن زر مرفوع، والصورة اليمنى الصورة عبارة عن زر مقعر:

انقر فوق لوحة الكائنات

، سيظهر لك مربع الحوار التالي:

① اسم الصورة: اسم العلامة لتأثير الصورة المحولة، سيقوم Dreamweaver بتعيينه تلقائيًا؛

② الصورة الأصلية: حدد الصورة الأصلية (على سبيل المثال، هذه صورة بارزة)

③ صورة التمرير: حدد الصورة بعد تحريك الماوس لأعلى (على سبيل المثال، هذه صورة مقعرة)؛

④ عنوان URL: عنوان URL لرابط الصورة؛

على سبيل المثال، بعد إكمال الإعدادات كما هو موضح أعلاه، اضغط على OK، ثم اضغط على F12 لمعاينة التأثير.