[درس]صنع ازرار للموقع يتغير شكلها عند تمرير الماوس عليها

[Amir Aytaroun]

هو عبارة عن صنع ازار للمنتدى يتغير شكلها عن تمرير



1- اصنع ازرارك المناسبة في صفحة الموقع التي تريد اضافة هذا الرحكة عليها
وقمة انا بصنع هذه الازرار


http://www.members.lycos.co.uk/dgm13/aaa/1.jpg

- اعمل نسخ جديد لكل زر بحيث يكون لدينا نسختين لك زر
ولعمل نسخ اضغط على ctrl+j
او اضغط بزر الماوس الايمن على الطبقة واختار
نسخ الطبقة
(Duplicate Layer)

http://www.members.lycos.co.uk/dgm13/aaa/2.jpg

3- الان لون كل طبقة منسخوة بلون اخر وافضل طريقة لفعل ذلك هي اضغط على crtl+u
وغير نفاصيل الوضوع وينتج لديك لون اخر ...

http://www.members.lycos.co.uk/dgm13/aaa/3.jpg
4- نطبق ذلك على كل الازرار لينتج لنا هذا

http://www.members.lycos.co.uk/dgm13/aaa/4.jpg

5- ننتقل الي ImageReady بالضغط على

http://www.members.lycos.co.uk/dgm13/aaa/5.jpg

6- بعد ان تدخل على ال ImageReady من قائمة نافذة(windos) اشر على كل من شريحة (Slice) ومحتويات الويب (*** *******) وضعهما عن طريق السحب بالماوس
7- نختار الان المشرط (اداة للتقطيع)
http://www.members.lycos.co.uk/dgm13/aaa/6.jpg

- اختر الطبقة المنسخوة رقم 1 وقطع حدودها بشكل متقن كما هو مبين بالشكل

http://www.members.lycos.co.uk/dgm13/aaa/7.jpg

- بمجرد الانتهاء من التقطيع تظهر لك في محتويات الويب (*** *******) اضغط بالزر الايمن واختار اضافة حالة بديلة ((add rollover state

http://www.members.lycos.co.uk/dgm13/aaa/8.jpg

[Amir Aytaroun]

10-سيظهر لك هذا
http://www.members.lycos.co.uk/dgm13/aaa/9.jpg

- هنا انتبه .. قم فقط باخفاء الطبقة الاصلية وابقي على المنسوخه ، او العكس
اي ان الطبقة التي سوف تظهر في خانة فوق(over) هي التي سوف تظهر عند مرور الماوس

11- الان انتقل الى شريحة (slice) واملء بيانات الزر بالوصلة

http://www.members.lycos.co.uk/dgm13/aaa/15.jpg

12- ارجع الى محتويات الويب (*** *******) واعد تطبيق الخطوات من 8 -11 على باقي الازرار

عن الانتهاء اضغط على file اختر save Optimized As ومن ثم انته الى ان تختار html مع صور

http://www.members.lycos.co.uk/dgm13/aaa/10.jpg

مبروووك ...
الان انتهينا من والحمد لله ,, بقي بعض الاشياء الفنية التي تتعلق ب Front Page 2003
فالصفحة المستخرجه من ImagesReady تكون على اليسار وملتصقه بالسقف

الحل

افتح ال Front Page 2003 وقم باختيار العمل التي قمة بحفظه وقم بالتالي:

1- اضغط بزر الماوس الايمن على العمل واختر التالي :

http://www.members.lycos.co.uk/dgm13/aaa/11.jpg


2- من خلال هذا الامر اختر توسيط او محاذاه على اليمين واضغط OK

http://www.members.lycos.co.uk/dgm13/aaa/12.jpg

3-مرة اخرة اضغط بزر الماوس الايمن واختر التالي :

http://www.members.lycos.co.uk/dgm13/aaa/13.jpg

4-هذا الخيار لا يعرفه الا القليل والكثير يتمنى معرفته ، هنا تستطع اللعب بحدود العمل
تلصقه مباشرة بالاعلى او بالاسفل وهكذا ، رقم 0 معناه لصق ، امسحه بالمرة واجعل
المربعات فارغه تماما واختر OK .
http://www.members.lycos.co.uk/dgm13/aaa/14.jpg
منقول