المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : التأثير على الصور وتحريكها بمجرد المرور عليها بالماوس بـ FrontPage


الدمشقي
21-12-2009, 11:23 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

السلام عليكم ورحمة الله وبركاته

التأثير على الصور وتحريكها بمجرد المرور عليها بالماوس بـ FrontPage

في البداية سنستخدم في هذا الدرس فقط هاتين الصورتين الأولى هي الأساس والأخرى تظهر عند مرور الماوس فوقها

http://algunaini.googlepages.com/frontpage01.png



http://algunaini.googlepages.com/frontpage02.png


وبعد أن نستدعي البرنامج FrontPage نتوجه لعرض ثم أشرطة أدوات ثم تأثيرات DHTML

والتأكد من أنها معروضة ضمن اشرطة الأدوات الظاهرة أمامنا كما في الصورة


http://algunaini.googlepages.com/frontpage03.png


ليظهر أمامنا هذا الشريط

http://algunaini.googlepages.com/frontpage04.png


بعد ذلك يفضل سحبه إلى الأعلى أو الأسفل لتثبيته ضمن الأشرطة الأخرى كالتالي

http://algunaini.googlepages.com/frontpage05.png


وبعد أن اعددناه وأصبح جاهز للإستخدام بقي أن ندرج الصور التي سوف نؤثر عليها بهذه التأثيرات

ومن ادراج ثم صورة ثم من ملف كما في الصورة

http://algunaini.googlepages.com/frontpage06.png


نحدد الصورة الأولى من مكانها كالتالي

http://algunaini.googlepages.com/frontpage07.png


فتكون كالتالي

http://algunaini.googlepages.com/frontpage08.png


نحدد الصورة

http://algunaini.googlepages.com/frontpage09.png


ثم نتوجه إلى شريط تأثيرات DHTML ثم نختار كما في الصورة

http://algunaini.googlepages.com/frontpage10.png


لاحظ أن الأختيارات الأخرى غير نشطة ولكن بعد الأختيار السابق أنظر إلى هذه الصورة

http://algunaini.googlepages.com/frontpage11.png


أنظر إلى الخيار الثاني <اختر تأثيرا ً> أصبح مفعلا ً حدد منه تبادل صور كالتالي

http://algunaini.googlepages.com/frontpage12.png


وهنا ايضا ً الخيار الثالث

http://algunaini.googlepages.com/frontpage13.png

حدد منه اختيار الصورة

http://algunaini.googlepages.com/frontpage14.png


ثم حدد الصورة الثانية

http://algunaini.googlepages.com/frontpage07.png


الآن احفظ عملك وقم بالمعاينة حتى تتأكد من نجاح عملك

منقول للفائدة
مــ أجمل تحية للكاتب ــع

كينج نت
22-12-2009, 12:18 AM
السلام عليكم ورحمة الله وبركاته

مشكور اخي العزيز الدمشقي

شرح مهم ومفيد للجميع جزاك الله عنا كل خير

والشكر موصول لصاحب الموضوع

.

عادل نت
22-12-2009, 08:12 AM
بارك الله فيك اخي الكريم على تلبية الطلب وشكراً لك .

أبو فارس
22-12-2009, 03:09 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الدمشقي
22-12-2009, 03:12 PM
بارك الله فيك اخي الكريم على تلبية الطلب وشكراً لك .

العفو ياطيب
هذا أقل من الواجب
أشكرك على الدعاء الجميل ولك بالمثل إن شاء الله
والشكر موصول للأخوة كينج نت وأبو فارس على المرور العطر
لكم مني جميعاً أجمل تحية

أبو يوسف
22-12-2009, 03:52 PM
جزاك الله خيرا اخي ابو شام وبارك الله فيك

.

الدمشقي
22-12-2009, 04:44 PM
نورت الصفحة بإطلالتك الحلوة
أخي الغالي أبو يوسف
تحيتي لك

رائد ابو فيصل
22-12-2009, 05:54 PM
مشكور اخي العزيز الدمشقي

موفق بإذن الله ... لك مني أجمل تحية .

الدمشقي
22-12-2009, 10:51 PM
العفو أخي الغالي أبو فيصل
أشكرك على المرور الجميل
كل الود

abohmam
01-01-2010, 02:14 AM
جزاك الله خيرا أخى الدمشقي على هذا الدرس الرائع

لك التحية والشكر

الدمشقي
01-01-2010, 04:38 PM
وجزاك الله خيرا الجزاء
أشكرك على المرور أخي الغالي أبو همام

محمود عفيفى
02-01-2010, 03:52 PM
كنت بحاجه اليه
جزاك الله خيراً أخى المشقى :abc_152:

الدمشقي
02-01-2010, 07:07 PM
أتمنى لك وللجميع التوفيق
أخي الكريم محمود
بارك الله بك

ابو فاطمة
23-01-2010, 10:00 PM
عليكم السلام ورحمة الله وبركاته

جزاك الله خير اخوي ماقصرت

الدمشقي
23-01-2010, 11:00 PM
وإياكم إن شاء الله
أشكرك على المرور العطر أخي أبو فاطمة
سلامي لك

تركي الغامدي
08-06-2010, 08:30 PM
شرح ولآ أروع


يعطيكـ العآفيه

علاء رضوان
11-11-2013, 07:58 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . موفق بإذن الله ... لك مني أجمل تحية .