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

دروس&
الرئيسية سجل الزوار اسلاميات دليل المواقع تحميل البرامج دروس
 
درس العناصر النشطة فى فرونت بيدج
 
التعرف  على العناصر النشطة في فرونت بيج<?XML:NAMESPACE PREFIX = O /><O:P></O:P>


 

تمثل العناصر النشطة active elements مجموعة من الأدوات التي تضيف قدراً من الإثارة إلى صفحة الويب ، وتعد الأزرار المتحركة hover buttons أكثر العناصر النشطة استخداماً في فرونت بيج ، يتيح لك بعض التأثيرات الخاصة إلى أزرار التحرك التي تريد إنشاءها داخل موقعك ، دعنا نفترض أنك أنشأت ارتباطات إلى الأقسام Support و Download و Personal داخل الموقع .


 

بإمكانك أن تجعل هذه الأزرار تتوهج عندما يقوم المستخدم بتمرير مؤشر الفأرة فوقها وأيضاً تستطيع تشغيل أصوات أو عرض صورة معينة .<O:P></O:P><O:P></O:P><O:P></O:P>


 

<O:P></O:P>


 

1-19




<O:P></O:P>

بالإضافة إلى الأزرار المتحركة ، تستطيع استخدام عناصر أخرى نشطة مثل عداد الزيارة hit counter والنص المتحرك marquee . أما العنصر النشط الأول فهو عبارة عن وسيلة عرض تبين عدد الزوار لموقعك . والنص المتحرك هو عنوان نصي قابل للحركة .<O:P></O:P>


 



 

إنشاء الأزرار المتحركة<O:P></O:P>


 

في هذا المثال سترى كيفية إنشاء ارتباطات التجول باستخدام الأزرار المتحركة وستقوم بإنشاء هذه الارتباطات من إحدى الصفحات الرئيسية إلى ثلاث صفحات مختلفة باستخدام الأزرار المتحركة :<O:P></O:P>


 

1- افتح صفحة جديدة<O:P></O:P>


 

2- من قائمة Insert ، حدد أمر Component ثم Hover Button لتفتح مربع حوار Hover Button Properties ( انظر الشكل 19-2 ) .<O:P></O:P>




<O:P></O:P>

<O:P></O:P>


 



 

2-19<O:P></O:P>


 

3- في مربع نص Button text ، اكتب الاسم الذي تريده أن يظهر على الزر المتحرك ، في مثالنا هذا ، اكتب ساودينت . إذا أردت تغيير نمط الخط وحجمه الذي يظهر على الزر فانقر زر Font ثم حدد الخيارات المطلوبة .<O:P></O:P>


 

4- في مربع نص Link to ، اكتب عنوان URL الخاص بالموقع أو الصفحة التي تريد أن يكون ارتباط هذا الزر إليها . في مثالنا اكتب .


 

5- إذا أردت تغيير اللون الافتراضي الذي سيظهر به الزر أو تغيير التأثير الافتراضي لهذا الزر ( تأثيرالتوهج ) فبإمكانك القيام بهذه التغييرات من خلال مربعات القوائم المنسدلة المختلفة .<O:P></O:P>


 

6- إذا أردت إضافة تأثيرات صوتية إلى الزر المتحرك ، فانقر زر Custom ( انظر الشكل 19-3 ) يمكنك استخدام كافة الملفات الصوتية .<O:P></O:P>


 

7- عندما تنتهي من الإعدادات الخاصة بالزر المتحرك داخل مربع حوار Hover Button Properties ، انقر زر ok لحفظ تلك الإعدادات وإغلاق مربع الحوار .<O:P></O:P>




<O:P></O:P>

<O:P></O:P>


 



 

3-19


 

8- كرر الخطوات من 2 إلى 7 لتنشئ أزراراً متحركة تأخذ أسماء ساودينت و البداية سيكون ارتباطاً إلى وزر سجل الزوار إلى صفحة الويب الشخصية الخاصة بك ينبغي أن تظهر الأزرار الثلاثة كما في ( الشكل 19-4 ) .<O:P></O:P>


 

<O:P></O:P>


 

4-19<O:P></O:P>


 

9- احفظ صفحتك وقم بنشرها على خادم الويب عند عرض صفحتك يجب أن تشبه تلك المبينة في ( الشكل 19-5 )<O:P></O:P>




<O:P></O:P>

<O:P></O:P>


 



 

5-19<O:P></O:P>


 

إنشاء النص المتحرك<O:P></O:P>


 

يمكنك إضافة النص المتحرك إلى الويب باستخدام فرونت بيج .<O:P></O:P>


 

لإنشاء نص متحرك في صفحة ويب :<O:P></O:P>


 

1- افتح الصفحة التي تريد إدراج النص المتحرك بها .<O:P></O:P>


 

2- من قائمة Insert ، حدد أمر Component ثم Marquee لتفتح مربع حوار Marquee Properties ( انظر الشكل 19-6 ) .<O:P></O:P>


 

3- في مربع Text ، اكتب الرسالة التي تريد عرضها في النص المتحرك .<O:P></O:P><O:P></O:P>




<O:P></O:P>

<O:P></O:P>


 



 

6-19<O:P></O:P>


 

4- تستطيع أيضاً التحكم في عوامل أخرى خاصة بالنص المتحرك مثل سرعة واتجاه النص المتحرك .<O:P></O:P>


 

5- بعد أن تنتهي من إدخال الإعدادات الخاصة بالنص المتحرك ، انقر زر ok لحفظ تلك الإعدادات وإغلاق مربع الحوار .<O:P></O:P>


 

6- لمعاينة النص المتحرك انقر علامة تبويب Preview داخل النافذة الرئيسية لفرونت بيج .<O:P></O:P>


 

عداد الزيارة<O:P></O:P>


 

عداد الزيارة hit counters عبارة عن مقياس يظهر على الشاشة بهدف عرض عدد الأشخاص الذين قاموا بزيارة موقع الويب الخاص بك .<O:P></O:P>


 

لإنشاء عداد الزيارة داخل صفحة الويب :<O:P></O:P>


 

1- افتح الصفحة التي تريد أن تضع فيها عداد الزيارة .<O:P></O:P>


 

2- ضع المؤشر في المكان الذي تريد أن تدرج فيه عداد الزيارة .<O:P></O:P>


 

3- من قائمة Insert ، حدد خيار Component ثم Hit Counter لتفتح مربع حوار Hit Counter Properties ( انظر الشكل 19-8 ) .<O:P></O:P>


 

<O:P></O:P>


 

8-19<O:P></O:P>


 

4- حدد نوع عداد الزيارة الذي تريد إنشاءه ، وذلك بنقر أحد أزرار الخيارات الموجودة في جزء Counter Styles .<O:P></O:P>


 

5- حدد إذا كنت تريد تحديد العداد برقم معين لعدد الزيارات خلاف رقم صفر ، وإذا أردت تحديد عدد خانات الأرقام في العداد ، فاكتب رقماً أعلى أو أقل من 5 في خانة Fixed number of digits .<O:P></O:P>


 

6- انقر زر ok لحفظ إعداداتك وإغلاق مربع الحوار .<O:P></O:P>


 

7- احفظ الصفحة وبداخلها عداد الزيارة ثم قم بنشرها على خادم الويب .<O:P></O:P>


 

8- لمعاينة الصفحة بعد إنشاء عداد الزيارة بداخلها ، افتح الصفحة داخل المستعرض الخاص بك .

عودة للصفحة الرئيسية