السلام عليكم
كما وعدتكم بدرس الازرار التفاعلية ، قد انتهيت منه للتو ولله الحمد
دروس انصح بها لصنع الازرار . .
درس :::::: صنع ازرار لموقعك بطريقة مميزة درس :::::: صنع ازرار لموقعك بطريقة مميزة (2)
اشكر اخي البراك لمساعدتي في استرجاع صور الدرس*
---------------------------
الخطوات :
1- اصنع ازرارك المناسبه في صفحة موقعك واكتب ما تريد ، ولتكن مثلا
2- اعمل نسخه جديده لكل زر ، بحيث يكون عندنا زر ونسخته كما هو مبين
ولعمل النسخه تضغط بزر الماوس الايمن على الطبقة وتختار Duplicate Layer
3- من ثم نلون كل طبقة منسوخه بلون آخر ، وافضل طريقه لعمل ذلك تضغط
على كلمة Ctrl + وتضغط بزر الماوس الايسر على الطبقة المنسوخه سيظهر
لك تحديد منقط ، امسح ما بداخل هذا التحديد ولون على راحتك .
4- نحصل بعد ذلك على هذا الشكل تقريبا ، بعد ان كررنا الامر مع كل الطبقات المنسوخه
5- ننتقل الي ImageReady بالضغط على
6- بعد ان ندخل على ImageReady ، من قائمة Windows اشر على كلا من
Web Content و Slice وضعهما عن طريق السحب بالماوس هنا كما هو مبين
او اتركهما بهذا الشكل
او بهذا الشكل
المهم ..
7- نختار المشرط (اداة التقطيع)
8- إختار الطبقة المنسوخه رقم 1 وتقطع بحدودها بشكل متقن كما هو مبين بالشكل
9- بمجرد الانتهاء من تقطيعها تظهر لك في قائمة Web Content اضغط بزر
الماوس الايمن واختر كما هو مبين
10- سيظهر لك هذا
11- هنا انتبه .. قم فقط باخفاء الطبقة الاصلية وابقي على المنسوخه ، او العكس
اي ان الطبقة التي سوف تظهر في خانة Over هي التي سوف تظهر عند مرور الماوس
12- انتقل الي Slice ، واملء بيانات الزر بالوصلة ، blank تعني صفحة جديده
13- ارجع الي Web Content ، واستخدم المشرط (اداة التقطيع) وكرر العملية في الطبقة المنسوخه رقم 2
14- نكرر ما فعلنا في الاولى
15- نكرر العملية نفسها وهلم مجرة حتى ننتهي من كل الازرار . والبطل هنا ان يجعل
كل زر بلون او بحركة ما ، فالامر متروك لخيالك وابداعك ، فانا اعطيك المفتاح فقط
من قائمة File اختر save Optimized As ، من ثم انتبه ان تختار html مع الصور
- الان انتهينا ولله الحمد ،، بقى اشياء فنية تتعلق ببرنامج Front Page 2003
فالصفحة المستخرجه من ImagesReady تكون على اليسار وملتصقه بالسقف
1- اضغط بزر الماوس الايمن على العمل واختر التالي :
2- من خلال هذا الامر اختر توسيط او محاذاه على اليمين واضغط OK
3- مرة اخرة اضغط بزر الماوس الايمن واختر التالي :
4- هذا الخيار لا يعرفه الا القليل والكثير يتمنى معرفته ، هنا تستطع اللعب بحدود العمل
تلصقه مباشرة بالاعلى او بالاسفل وهكذا ، رقم 0 معناه لصق ، امسحه بالمرة واجعل
المربعات فارغه تماما واختر OK .
مثال الدرس هنا :
http://ayaam.cc/images/swalif/zer3.html
امثلة سابقة :
http://ayaam.cc/images/swalif/zer.html http://ayaam.cc/images/swalif/zer2.html
والحــــــمد للـــه رب العــالـمـيـن
للمعلومة :
99.9% من دروس من تصميمي واعدادي الخاص وليست مقتبس من
اي درس آخر . . ولله الحمد
للنقل ارجو ان يدرج هذا التوقيع مع الشكر:
(فقد علمت ان دروسي تنقل وتنسب الي كاتبها)
--------------------------------------------
اعداد / بو نوره
http://ayaam.cc
-------------------------------------------
