J O K E R
04-11-2004, 02:05 PM
التعرف على العناصر النشطة في فرونت بيج<?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>http://www.almozaina.com/images/1-19.gif
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>
http://www.almozaina.com/images/3-19.gif<O:P></O:P>
3-19
8- كرر الخطوات من 2 إلى 7 لتنشئ أزراراً متحركة تأخذ أسماء ساودينت و البداية سيكون ارتباطاً إلى وزر سجل الزوار إلى صفحة الويب الشخصية الخاصة بك ينبغي أن تظهر الأزرار الثلاثة كما في ( الشكل 19-4 ) .<O:P></O:P>
http://www.almozaina.com/images/4-19.gif<O:P></O:P>
4-19<O:P></O:P>
9- احفظ صفحتك وقم بنشرها على خادم الويب عند عرض صفحتك يجب أن تشبه تلك المبينة في ( الشكل 19-5 )<O:P></O:P>
<O:P></O:P>
http://www.almozaina.com/images/5-19.gif<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>
http://www.almozaina.com/images/6-19.gif<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>
http://www.almozaina.com/images/8-19.gif<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- لمعاينة الصفحة بعد إنشاء عداد الزيارة بداخلها ، افتح الصفحة داخل المستعرض الخاص بك
تمثل العناصر النشطة active elements مجموعة من الأدوات التي تضيف قدراً من الإثارة إلى صفحة الويب ، وتعد الأزرار المتحركة hover buttons أكثر العناصر النشطة استخداماً في فرونت بيج ، يتيح لك بعض التأثيرات الخاصة إلى أزرار التحرك التي تريد إنشاءها داخل موقعك ، دعنا نفترض أنك أنشأت ارتباطات إلى الأقسام Support و Download و Personal داخل الموقع .
بإمكانك أن تجعل هذه الأزرار تتوهج عندما يقوم المستخدم بتمرير مؤشر الفأرة فوقها وأيضاً تستطيع تشغيل أصوات أو عرض صورة معينة .<O:P></O:P><O:P></O:P><O:P></O:P>
<O:P></O:P>http://www.almozaina.com/images/1-19.gif
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>
http://www.almozaina.com/images/3-19.gif<O:P></O:P>
3-19
8- كرر الخطوات من 2 إلى 7 لتنشئ أزراراً متحركة تأخذ أسماء ساودينت و البداية سيكون ارتباطاً إلى وزر سجل الزوار إلى صفحة الويب الشخصية الخاصة بك ينبغي أن تظهر الأزرار الثلاثة كما في ( الشكل 19-4 ) .<O:P></O:P>
http://www.almozaina.com/images/4-19.gif<O:P></O:P>
4-19<O:P></O:P>
9- احفظ صفحتك وقم بنشرها على خادم الويب عند عرض صفحتك يجب أن تشبه تلك المبينة في ( الشكل 19-5 )<O:P></O:P>
<O:P></O:P>
http://www.almozaina.com/images/5-19.gif<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>
http://www.almozaina.com/images/6-19.gif<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>
http://www.almozaina.com/images/8-19.gif<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- لمعاينة الصفحة بعد إنشاء عداد الزيارة بداخلها ، افتح الصفحة داخل المستعرض الخاص بك