|
الدرس السادس عشر : إدراج عناصر نشطة ومتحركة
في هذا الدرس .. سنتناول الحديث عن
العناصر النشطة والمتحرة في صفحة الويب .. وطبعا هناك العديد من
هذه العناصر .. والعناصر النشطة والمتحركة .. تحمل معاني كثيرة
.. من الصعب تحديدها .. لكن في هذا الدرس .. سنتناول بعض منها :
لإضافة نص متحرك داخل
صفحة الويب .. أتبع الخطوات التالية :
تستطيع أن تضيف ميزة تعطي انطباعا جيدا
على صفحة الويب وهي محيط منقط للتمرير يعرض نصا ويتحرك ببطء عبر
الشاشة .. إن هذا يجلب الانتباه لعرض رسالة دعاية لزوار الموقع
..
يمكنك أن تتحكم بأمور كثيرة في هذا المحيط
حيث يمكنك أن تضبظ سرعة حركة واتجاه نص المحيط المنقط بالإضافة
إلى الخط واللون وحجم الخط وأسلوب النص .. أتبع الخطوات
التالية :
 |
اشر على صفحة الويب .. وأختر المكان الذي
تريد وضع المحيط المنقط وأذهب إلى قائمة الأوامر الرئيسية ..
وأشر على insert ثم اذهب إلى
web component كما في الشكل
التالي :
|
|
|
ستفتح لك نافذة أختر منها
marquee كما في الشكل
التالي :
|
|
|
الآن أنقر finish
ستظهر لك نافذة أخرى marquee
properties كما في الشكل التالي :
|
الآن في خلال هذه النافذة يمكنك التحكم
بخصائص المحيط المنقط
|
text من
خلال مربع النص هذا يمكنك ادخال النص الذي تريده |
|
direction
يمكنك من تحديد اتجاه حركة النص
|
|
speed
يمكنك من التحكم بسرعة حركة النص
|
|
behavior
من هنا تحدد نوع الحركة التي تريدها |
|
size
تحدد أبعاد المكان المخصص للنص
المتحرك ..
ويعتمد أيضا على حجم الخط |
|
background
color يمكنك من تحديد لون خلفية النص
|
|
style
لمزيد من التخصيص من ناحية الخط وحجمه ولونه
|
|
|
الآن أنقر على ok
ولن تشاهد المحيط المنقط إلى في برنامج استعراض
صفحات الويب .. اذهب إلى القائمة الرئيسية .. وأنقر على
file وبعدها اذهب إلى
preview in browser ثم
أنقر ok
|
ولمشاهدة مثال على المحيط المنقر
أزرار الأرجحة
هو عبارة عن أزرار يتغير مظهره إذا قام زائر الويب بالتأشير
عليه بالماوس .. وهو فعليا عبارة عن برنامج جافا ينشئه الفرونت
بيج .. ويمكنك أستخدامه للربط مع صفحة ويب أخرى ..
ولعمل أزرار أرجحة .. أتبع الخطوات التالية :
|
|
بعد فتح صفحة الويب .. أشر على أي مكان
داخل الصفحة تريد وضع الأزرار فيه .. ثم أذهب إلى
insert بعدها أشر على
web component تفتح لك نافذة
سبق أن تعرفت عليها .. كما في الشكل التالي :
|
|
|
أشر على Hover button
ثم أنقر على finish تفتح لك
نافذة خصائص الأزرار كما في الشكل التالي :
|
من خلال هذه النافذة تحدد خصائص الأزرار
.. وسنشرح أهم الأوامر بالتفصيل
|
button text
تكتب اسم الأزرار الذي تريده أن يظهر
|
|
link to
مربع نص تكتب فيه الهدف أو صفحة الويب
التي تريد ربطها |
|
browser
لإختيار صفحة الويب الهدف
|
|
button color
تختار لون الأزرار |
|
background
color تحدد لون خلفية النص |
|
effect color
تحدد لون التأثير |
|
effect
تحدد نوع التأثير المطلوب ظهوره عند التأشير
على الأزرار |
|
width
تحديد عرض الأزرار |
|
height
تحدد إرتفاع الأزرار |
|
custom
إذا أردت استخدام صورة للأزرار بدلا من النص
|
|
|
الآن إذا أردت استخدام صورة بدلا من
الكتابة .. ما عليك سوي الضغط فب النافذة السابقة على
custom وستظهر لك نافذة أخرى
كما في الشكل التالي :
|
الآن يمكنك اختيار موسيقى .. تعمل عند
النقر على الأزرار أو عند التأشير .. وكذلك اختيار صورة الأزرار
في الحالة العادية أو عند التأشير .. فقط أضغط على
browser وأختر الصورة
التي تريدها ثم أنقر ok
ولمشاهد مثال على أزرار الأرجحة
|
