الدروس التعليمية
استخدام العناصر النشطة في فرونت بيج
التعرف على العناصر النشطة في فرونت بيج
تمثل العناصر النشطة active elements مجموعة من الأدوات التي تضيف قدراً من الإثارة إلى صفحة الويب ، وتعد الأزرار المتحركة hover buttons أكثر العناصر النشطة استخداماً في فرونت بيج ، يتيح لك بعض التأثيرات الخاصة إلى أزرار التحرك التي تريد إنشاءها داخل موقعك ، دعنا نفترض أنك أنشأت ارتباطات إلى الأقسام Support و Download و Personal داخل الموقع ( انظر الشكل 19-1 )
بإمكانك أن تجعل هذه الأزرار تتوهج عندما يقوم المستخدم بتمرير مؤشر الفأرة فوقها وأيضاً تستطيع تشغيل أصوات أو عرض صورة معينة .
1-19
بالإضافة إلى الأزرار المتحركة ، تستطيع استخدام عناصر أخرى نشطة مثل عداد الزيارة hit counter والنص المتحرك marquee . أما العنصر النشط الأول فهو عبارة عن وسيلة عرض تبين عدد الزوار لموقعك . والنص المتحرك هو عنوان نصي قابل للحركة .
إنشاء الأزرار المتحركة
في هذا المثال سترى كيفية إنشاء ارتباطات التجول باستخدام الأزرار المتحركة وستقوم بإنشاء هذه الارتباطات من إحدى الصفحات الرئيسية إلى ثلاث صفحات مختلفة باستخدام الأزرار المتحركة :
1- افتح صفحة جديدة
2- من قائمة Insert ، حدد أمر Component ثم Hover Button لتفتح مربع حوار Hover Button Properties ( انظر الشكل 19-2 ) .
3- في مربع نص Button text ، اكتب الاسم الذي تريده أن يظهر على الزر المتحرك ، في مثالنا هذا ، اكتب ساودينت . إذا أردت تغيير نمط الخط وحجمه الذي يظهر على الزر فانقر زر Font ثم حدد الخيارات المطلوبة .
4- في مربع نص Link to ، اكتب عنوان URL الخاص بالموقع أو الصفحة التي تريد أن يكون ارتباط هذا الزر إليها . في مثالنا اكتب http://www.saudint.com
5- إذا أردت تغيير اللون الافتراضي الذي سيظهر به الزر أو تغيير التأثير الافتراضي لهذا الزر ( تأثيرالتوهج ) فبإمكانك القيام بهذه التغييرات من خلال مربعات القوائم المنسدلة المختلفة .
6- إذا أردت إضافة تأثيرات صوتية إلى الزر المتحرك ، فانقر زر Custom ( انظر الشكل 19-3 ) يمكنك استخدام كافة الملفات الصوتية .
7- عندما تنتهي من الإعدادات الخاصة بالزر المتحرك داخل مربع حوار Hover Button Properties ، انقر زر ok لحفظ تلك الإعدادات وإغلاق مربع الحوار .
3-19
8- كرر الخطوات من 2 إلى 7 لتنشئ أزراراً متحركة تأخذ أسماء ساودينت و البداية سيكون ارتباطاً إلى http://www.saudint.com وزر سجل الزوار إلى صفحة الويب الشخصية الخاصة بك ينبغي أن تظهر الأزرار الثلاثة كما في ( الشكل 19-4 ) .
4-19
9- احفظ صفحتك وقم بنشرها على خادم الويب عند عرض صفحتك يجب أن تشبه تلك المبينة في ( الشكل 19-5 )
5-19
إنشاء النص المتحرك
يمكنك إضافة النص المتحرك إلى الويب باستخدام فرونت بيج .
لإنشاء نص متحرك في صفحة ويب :
1- افتح الصفحة التي تريد إدراج النص المتحرك بها .
2- من قائمة Insert ، حدد أمر Component ثم Marquee لتفتح مربع حوار Marquee Properties ( انظر الشكل 19-6 ) .
3- في مربع Text ، اكتب الرسالة التي تريد عرضها في النص المتحرك .
6-19
4- تستطيع أيضاً التحكم في عوامل أخرى خاصة بالنص المتحرك مثل سرعة واتجاه النص المتحرك .
5- بعد أن تنتهي من إدخال الإعدادات الخاصة بالنص المتحرك ، انقر زر ok لحفظ تلك الإعدادات وإغلاق مربع الحوار .
6- لمعاينة النص المتحرك انقر علامة تبويب Preview داخل النافذة الرئيسية لفرونت بيج .
عداد الزيارة
عداد الزيارة hit counters عبارة عن مقياس يظهر على الشاشة بهدف عرض عدد الأشخاص الذين قاموا بزيارة موقع الويب الخاص بك .
لإنشاء عداد الزيارة داخل صفحة الويب :
1- افتح الصفحة التي تريد أن تضع فيها عداد الزيارة .
2- ضع المؤشر في المكان الذي تريد أن تدرج فيه عداد الزيارة .
3- من قائمة Insert ، حدد خيار Component ثم Hit Counter لتفتح مربع حوار Hit Counter Properties ( انظر الشكل 19-8 ) .
8-19
4- حدد نوع عداد الزيارة الذي تريد إنشاءه ، وذلك بنقر أحد أزرار الخيارات الموجودة في جزء Counter Styles .
5- حدد إذا كنت تريد تحديد العداد برقم معين لعدد الزيارات خلاف رقم صفر ، وإذا أردت تحديد عدد خانات الأرقام في العداد ، فاكتب رقماً أعلى أو أقل من 5 في خانة Fixed number of digits .
6- انقر زر ok لحفظ إعداداتك وإغلاق مربع الحوار .
7- احفظ الصفحة وبداخلها عداد الزيارة ثم قم بنشرها على خادم الويب .
8- لمعاينة الصفحة بعد إنشاء عداد الزيارة بداخلها ، افتح الصفحة داخل المستعرض الخاص بك ( انظر الشكل 19-9
) .