الدروس التعليمية

استخدام العناصر النشطة في فرونت بيج

مرات المشاهدة : 750

التعرف على العناصر النشطة في فرونت بيج

تمثل العناصر النشطة 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

) .