كتاب تعليم الفرونت بيج

برنامجFront Page XP

إعداد اا الفاروق اا ... Officenaمنتدیات

icenaOff .. ib/com.officena.www://http ألى استفسار يرجى طرح الموضوع داخل منتديات

FrontPage

بشكل تلقائى بمجرد رسـم أو إضـافة HTMLهذا البرنامج عبارة عن بيئة لكتابة أكود ، مثل الجداول والـروابط وعنـاوين البريـد HTMLالعناصر المراد وضعها بصفحات الـ

...وغيرها .ويمتاز هذا البرنامج بالدعم الجيد للغة العربية بشكل كبير

.. Microsoft Office XPنامج على الجهاز مـع المجموعـة المكتبيـة يتم إعداد البر .Startويضاف رمز له تلقائياً للبرامج الموجودة بقائمة

Start فتح قائمة -١ All Programs فتح القائمة الفرعية -٢ .مرة واحدة بزر الفأرة األيسر " Microsoft FrontPage" النقر على -٣

:أنظر الشكل التالى




:وبعد ذلك تظهر النافذة الرئيسية للبرنامج وهى كما فى الشكل التالى

وكما هو معتاد فى برامج النوافذ فإن شاشة البرنامج الرئيسية تتكون من عدد من األجـزاء :وهى :Title barشريط العنوان -١

حالى ، ويمكن عن طريق هذا الشريط ويقوم هذا الشريط بعرض اسم البرنامج واسم الملف ال .أيضاً التحكم فى التكبير والتصغير لنافذة البرنامج وأيضا إمكانية اإلغالق له

.Control Boxومن هذا الشريط أيضا يمكن التعامل مع صندوق التحكم

:Menu barشريط القوائم -٢

..يقوم هذا الشريط بعرض قوائم البرنامج وعددها عشرة قوائم




:Toolbarsأشرطة األدوات -٣

هى األشرطة التى عن طريقها يمكن للمستخدم تنفيذ األوامر بشكل سريع وبسيط من خـالل .النقر على زر األمر الذى يريد تنفيذه

شـريط : وتوجد عديد من أشرطة األدوات يقوم البرنامج بعرض اثنين منها تلقائياً وهمـا

:لشكل التالى يوضحهما، وا "تنسيق" و " قياسى" أدوات

ويمكن التحكم بإظهار وإخفاء أشرطة األدوات بسرعة عن طريق النقر على أحد أشرطة .األدوات بالزر األيمن للفأرة

والشكل التالى يوضح شكل تلك القائمة، وبمجرد النقر على أحد األشرطة سيظهر أمام اسم

هاره ضمن أشرطة األدوات التى تم إظهارها لتدل على أن هذا الشريط تم إظ üالشريط عالمة مما يدل على أن هذا الشريط تـم إخفـاءه üسابقاً، وعند النقر عليه مرة أخرى تختفى العالمة

.مرة أخرى

.فيتم النقر بالزر األيسر على اسم الشريط المراد عرضه أو النقر مرة أخرى إلخفائه




:Work Areaمنطقة العمل -٤

التى يتم فيها التحكم الكامل فى التصميم المراد إنشاءه مـن تصـميم وتعـديل وهى المنطقة ، وفى أعلى هذه المنطقة يظهر اسم الملف ... وتحكم وتنسيق وغير ذلك من العمليات األخرى

حيث انه يمكن أن يقوم المستخدم .. الحالى بارزاً وامتداده ليدل على أى صفحة يتم التحكم فيها .. ر من صفحة فى نفس الوقت بالتعامل مع أكث

:والشكل التالى يوضح منطقة العمل قبل التعامل معها

فى نهايتـه عنـدما يقـوم " * " ويجب مالحظة أن اسم الصفحة يضاف إليه عالمة النجمة المستخدم بالتعديل فى هذه الصفحة بدون حفظ تلك التعديالت، وال تلبث أن تختفى تلك النجمـة

.فور حفظ الصفحة !.وبالطبع يفيد هذا فى تنبيه المستخدم هل تم حفظ الصفحات أم ال

:والشكل التالى يوضح منطقة العمل بعد اإلضافة إليها وقبل الحفظ

.. التى ظهرت بجانب اسم الملف( * ) الحظ العالمة النجمية .. الذى تم كتابته تلقائيا دون تدخل من المستخدم HTMLويتم فيه أيضا عرض كود التصميم

.من أسفل هذه المنطقة" HTML" ، ويتم العرض بعد النقر على الزر




" وأيضا يتم فيها عرض ناتج التصميم النهائى الذى تم التوصل إليه بالنقر علـى الـزر :من أسفل هذه المنطقة أيضا، أنظر الشكل التالى " معاينة

. الموجود أقصى يمين اسم الصفحةX الصفحة الحالية بالنقر على الزر ويمكن إغالق

:أنظر الشكل التالى




:Views barشريط العرض -٥

، فبالتعديل فيه يتم "منطقة العمل "يقوم هذا الشريط بالتحكم فى طريقة العرض للمنطقة السابقة ة عادية لصفحة تعرض المجلدات الموجودة داخل دليل العمـل أو تحويل منطقة العمل من صفح

...تعرض شجرة الروابط بالصفحات أو غير ذلك .والغرض من ذلك إعطاء تحكم كامل للمستخدم بالموقع الذى يقوم بتصميمه

وال تظهر أهمية التنقل عبر هذا الشريط إال بعد االنتهاء من تصميم أكثر من صفحة فى

.احدالموقع الو

:والجزء األيمن من الشكل التالى يوضح شريط العرض

شريط العرضViews bar

جزء المهامTask Pane




:Task Paneجزء المهام -٦

يفيد هذا الجزء بعرض عديد من األوامر كثيرة االستخدام والتى يمكن تنفيذها بمجرد النقـر ديـدة ذات قوالـب عليها بالفأرة ، مثل فتح أو إنشاء صفحات جديـدة عاديـة أو صـفحات ج

.مخصصة .على الجانب األيسر منه" جزء المهام " والشكل السابق يظهر فيه

:Scroll barأشرطة التمرير -٧

.وهى المسئولة عن إظهار األجزاء المخفية من الصفحات يمينا ويساراً وأعلى وأسفل :ويوجد من هذه األشرطة شريط أفقى وأخر رأسى، أنظر الشكل التالى

:Moving Buttonsأزرار التنقل بين صفحات التصميم -٨

هذه األزرار هى من األزرار الهامة بالبرنامج، حيث عن طريقها يتمكن المستخدم من التنقل

، )HTML(، وبين الكود الذى قام البرنامج بكتابتـه )عادى( بين التصميم الذى قام بإنشائه ).معاينة( النهائى الذى سيظهر عليه العرض للصفحة الحالية وبين الشكل

:والشكل التالى يوضح أزرار التنقل

Status Barشريط الحالة -٩

يعرض هذا الشريط معلومات عن الوضع الحالى للتصميم، فمنها عرض للسرعة االفتراضية

ديلها بالنقر بزر الفارة عليها الذى يقوم البرنامج باعتبارها سرعة التحميل للصفحات ، ويمكن تع .لتظهر قائمة يتم من خاللها التعديل لتلك السرعة

:والشكل التالى يوضح شكل ذلك الشريط باإلضافة لشكل قائمة السرعات




رقـم العمـود ) HTML(ويعرض أيضا هذا الشريط فى حالة الوقوف داخل كود الصفحة ...لذى تقف عليه الفأرة والصف الحالى ا

:رقم صف وعمودوشريط الحالة التالى يوضح شكل وال

**************

مع تحياتى Officenaمنتديات

-------------

كتاب تعليم الفرونت بيج

Documents