رائد ابو فيصل
04-02-2010, 08:22 PM
السلام عليكم ورحمة الله وبركاته
طريقة عمل صور متغيره Rollover
وهي عباره عن صورة تتأثر بمجرد مرور السهم عليها لتغير شكلها لصوره اخرى
اذهب الى Common ثم اضغط الزر Rollover Image http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/31.jpg
أوأذهب الى قائمة Insert> Interactive Images> Rollover Image
ستظهر نافذة جديدة بها عدة اختيارات كما بالشكل التالي:
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/32.jpg
1- Image name: وهو ما ستكتبه عن اسم الصورة
2- Original Image: وهيا الصورة الاصليه التى ستظهر بالبداية
3- Rollover Image: وهي الصورة التى بمجرد مرور السهم عليها ستظهر مباشرة
4- اما Preload rollover image تلاحظ وضع عليها علامة صح والمقصد منها عند فتح الصفحه سيتم تحميل الصورة الثانيه قبل ظهورها فبمجرد
مرور السهم على الصورة الاولى ستظهر الصورة الثانية مباشرة .
5- Alternate text: لكتابة نص او تعليق حول الصوره بمجرد مرور السهم عليها سيظهر التعليق
6- When clicked ,Go to Url : وهيا لعمل ارتباط تشعيبي بمجرد الضغط على الصوره تلقائيا سينتقل لمسار الصفحة المختارة
طريقة عمل أكثر من صورة
أما لكيفية عمل أكثر من صورة بمجرد مرور السهم او بمجرد النقر او بمجرد خروج السهم من اطار الصورة
أذهب لـ Common وأختر زر Navigation Bar http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/33.jpg
Insert> Interactive Images> Navigation Bar
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/34.jpg
1- Nav Bar Elements: بإمكانك وضع أكثر من شريط بإستخدام +للزيادة و - للحذف اما بالأسهم فتمكنك من التنقل بين الأشرطة
2- Element Name: أسم للشريط
3- Up Image: الصورة الأولى التى ستظهر بصفحتك
4- Over Image: الصورة الثانية ستظهر بمجرد مرور السهم على الصورة الأولى
5- Down Image: بمجرد النقر عليها ستظهر الصورة الثالثة
6- Over While Down Image: بمجرد مرور السهم على الصورة الثالثه ستظهر الصورة الرابعة
7- Alternate Text: لكتابة نص او تعليق حول الصوره بمجرد مرور السهم عليها سيظهر التعليق
8- When clicked ,Go to Url : وهيا لعمل ارتباط تشعيبي بمجرد الضغط على الصوره تلقائيا سينتقل لمسار الصفحة المختارة
9- In Main Window: وهو الذي سيتم فتح فيه المتصفح الجديد
10-Options:
-Preload Image * لتحميل الصور كلها عند فتح المتصفح مباشرة حتى يسهل عملية مرور السهم لتسريع اظهار الصور
-Show" Down image "Initially * لوضع الصورة الثالثه تظهر بالمقدمه حين فتح الصفحة
11- Insert:بجانبها قائمة منسدلة لإختيار بين ظهور شريط الصور بالشكل العمودي ام الأفقي
12- Use Table: لإرفاق الصورة داخل جدول وعند اختيارك لهذا الأمر ستلاحظ ظهور خصائص الجدول اسفل البرنامج
ولا تنسونا من صالح دعائكم
الى هنا انتهى النقل
طريقة عمل صور متغيره Rollover
وهي عباره عن صورة تتأثر بمجرد مرور السهم عليها لتغير شكلها لصوره اخرى
اذهب الى Common ثم اضغط الزر Rollover Image http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/31.jpg
أوأذهب الى قائمة Insert> Interactive Images> Rollover Image
ستظهر نافذة جديدة بها عدة اختيارات كما بالشكل التالي:
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/32.jpg
1- Image name: وهو ما ستكتبه عن اسم الصورة
2- Original Image: وهيا الصورة الاصليه التى ستظهر بالبداية
3- Rollover Image: وهي الصورة التى بمجرد مرور السهم عليها ستظهر مباشرة
4- اما Preload rollover image تلاحظ وضع عليها علامة صح والمقصد منها عند فتح الصفحه سيتم تحميل الصورة الثانيه قبل ظهورها فبمجرد
مرور السهم على الصورة الاولى ستظهر الصورة الثانية مباشرة .
5- Alternate text: لكتابة نص او تعليق حول الصوره بمجرد مرور السهم عليها سيظهر التعليق
6- When clicked ,Go to Url : وهيا لعمل ارتباط تشعيبي بمجرد الضغط على الصوره تلقائيا سينتقل لمسار الصفحة المختارة
طريقة عمل أكثر من صورة
أما لكيفية عمل أكثر من صورة بمجرد مرور السهم او بمجرد النقر او بمجرد خروج السهم من اطار الصورة
أذهب لـ Common وأختر زر Navigation Bar http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/33.jpg
Insert> Interactive Images> Navigation Bar
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/34.jpg
1- Nav Bar Elements: بإمكانك وضع أكثر من شريط بإستخدام +للزيادة و - للحذف اما بالأسهم فتمكنك من التنقل بين الأشرطة
2- Element Name: أسم للشريط
3- Up Image: الصورة الأولى التى ستظهر بصفحتك
4- Over Image: الصورة الثانية ستظهر بمجرد مرور السهم على الصورة الأولى
5- Down Image: بمجرد النقر عليها ستظهر الصورة الثالثة
6- Over While Down Image: بمجرد مرور السهم على الصورة الثالثه ستظهر الصورة الرابعة
7- Alternate Text: لكتابة نص او تعليق حول الصوره بمجرد مرور السهم عليها سيظهر التعليق
8- When clicked ,Go to Url : وهيا لعمل ارتباط تشعيبي بمجرد الضغط على الصوره تلقائيا سينتقل لمسار الصفحة المختارة
9- In Main Window: وهو الذي سيتم فتح فيه المتصفح الجديد
10-Options:
-Preload Image * لتحميل الصور كلها عند فتح المتصفح مباشرة حتى يسهل عملية مرور السهم لتسريع اظهار الصور
-Show" Down image "Initially * لوضع الصورة الثالثه تظهر بالمقدمه حين فتح الصفحة
11- Insert:بجانبها قائمة منسدلة لإختيار بين ظهور شريط الصور بالشكل العمودي ام الأفقي
12- Use Table: لإرفاق الصورة داخل جدول وعند اختيارك لهذا الأمر ستلاحظ ظهور خصائص الجدول اسفل البرنامج
ولا تنسونا من صالح دعائكم
الى هنا انتهى النقل