شرح برامج » دروس مهمه » الدرس الرابع في برنامج الفرنت بيج...بالصور والامثل

 الدرس الرابع في برنامج الفرنت بيج...بالصور والامثل  أضيف في: 27-8-1426هـ
الدرس الرابع

اضافة تاثيرات على الصور(تاثيرات DHTML)

اولا نعمل ادراج لصورة وبعدين نختار:

1-format

2-Dynamic HTML Effects

فاولا تاثير click(الضغط مرة واحدة بالماوس)

عندنا خياران في apply الاول وهو fly out(طيران الكلام او الصور)

وهو نفس التطبيق على الكلام كما شرحته سابقا

اما الخيار الثاني فهو swap picture(تغيير الصورة)

ولعمل هذا الخيار اتبع الشرح كما في الصور

http://members.lycos.co.uk/mrakkawi/images/DHTML-C-D-SP1.gif

نختار click

ومن ثم

http://members.lycos.co.uk/mrakkawi/images/DHTML-C-D-SP2.gif

اما choose settings فما فيه الا خيار واحد

choose picture

بعدين اختار الصورة التي تريد ان تتغير اليها الصورة الاولى عند الضغط عليها بالماوس

ثانيا تاثير double click

خيار واحد في apply وهو fly out وشرحه كالسابق

والثاتثر الثالث وهو mouse over عندنا خيار واحد وهو swap picture وشرحه كما في السابق

التاثير الرابع وهو page load فشرحه نفس الشرح على الكلام

http://server-uk.imrworldwide.com/cgi-bin/count?url=&rnd=1104052825567&cid=uk_lycos-uk_0&ref=http%3A//members.lycos.co.uk/mrakkawi/frontpage/dhtmlpic.htm&sr=sr800x600:cd32:lgar-lb:jey:cky:tz2:ctlan:hpn مثال

انتهى الدرس



الدرس

اضافة اضاءة على الازرار

اولا ندخل الى :

1-insert

2-web component

ومن ثم اتبع كما في الصور


http://members.lycos.co.uk/mrakkawi/images/H-B1.gif

http://members.lycos.co.uk/mrakkawi/images/H-B2.gif


ويمكن ان تغير لون اللاضاءة من خلال تغيير

Effect color الى اللون التي تريد

ويمكن اضافة تاثيرات اخرى وهي كالتالي:

color fill يتغير لون الزر كاملا

color average يتغير لون الزر كاملا ولكن بلون ابهت من التاثير السابق

Glow ليضيء الزر بالوسط

Reverse glow ليضيء من الاطراف

Light glow اضاءة خافتة

Bevel out حتى يميل الخط للخارج

Bevel in حتى يميل الخط للداخل

لا يمكنك ان ترى التاثير الا بعد ان تحفظ الملف وبعد ان اتحفظه سيتم اضافة ملفين,الاول اسم
fphover.class
والثاني باسم
fphoverx.class
هذين المفلين لازم ايضا ترفعهم الى موقعك بنفسم المسار للملف الموجود فيه الزر

مثال



الكاتب: عكاوي انقر هنا لمراسلة عكاوي أنقر هنا للإنتقال إلى موقع عكاوي إضافة للمفضلة إضافة لمفضلة Google إضافة لمفضلة Delicious إضافة لمفضلة Digg إضافة لمفضلة Facebook
 



 

المنتديات

الأذكار

ألعاب الأدعية الصحيحة
راديو وصفات طبخ
مواقع تسوق مكتبة القصص