سواءً كنت في العمل أو المنزل، فإن موقع ويب يعتبر من أسهل الطرق لنشر المعلومات. على سبيل المثال، في الشركة الكبيرة، قد يكون لكل قسم موقع ويب خاص به على الشبكة الداخلية حتى يتيح لبقية الشركة معرفة ما يجري به. باستخدمMicrosoft® FrontPage® 2002 ، يستطيع أي شخص إنشاء صفحات ومواقع ويب عالية الجودة.
وأفضل طريقة للتعرف على Frontpage 2002 تكتسبها من خلال الممارسة.
في الدرسين التاليين، سوف تقوم بإنشاء موقع ويب يوفر معلومات حول متجر افتراضي للسلع الرياضية يسمى Championzone. وهناك مجلد جاهز يحتوي على ملفات لكي تتدرب عليها أثناء إنشاء موقع ويب هذا. تم تثبيت ملفات التدريب هذه في مجلد FPTutor2002 على القرص الثابت مع هذا البرنامج التعليمي.
توضح الصورة التالية موقع ويب الذي سوف تقوم بإنشائه باستخدام هذا البرنامج التعليمي.
تمهيد البدء
رؤية عامة
• تتطلب المهام الموجودة في هذا البرنامج التعليمي أن يتوفر بجهاز الكمبيوتر الخاص بك الحد الأدنى من متطلبات النظام لتشغيل Frontpage 2002. وللحصول على مزيد من المعلومات، الرجاء زيارة موقع ويب الخاص بـ FrontPage على http://www.microsoft.com/frontpage
• إذا لم يكن FrontPage مثبتًا بالفعل على جهاز الكمبيوتر الخاص بك، فسوف تحتاج إلى تثبيته قبل أن تبدأ هذا البرنامج التعليمي.
• سوف تتطابق الصفحات التي تقوم بإنشائها بشكل كبير مع الأمثلة التي تظهر على الشاشة في هذا البرنامج التعليمي إذا كنت تستخدم جهاز عرض قياسي مضبوط بحيث يكون الحد الأدني لدقة الشاشة 800x600. أما إذا كنت تستخدم دقة مختلفة، فسوف تبدو الصفحات التي تقوم بإنشائها مختلفة قليلاً عن الأمثلة التي تظهر في البرنامج التعليمي.
إذا كان هناك برنامج ملقم ويب مثبت على جهاز الكمبيوتر الخاص بك
سوف يتم حفظ موقع ويب الذي سوف تقوم بإنشائه أثناء ممارسة البرنامج التعليمي الخاص بـ Frontpage على مجلد على القرص الثابت الخاص بك. إذا كنت تستخدم برنامج ملقم ويب مثل Microsoft Internet Information Services، فيمكنك إما قبول الوجهة الافتراضية لموقع ويب الخاص بالبرنامج التعليمي أو اختيار حفظه مباشرة على ملقم ويب الخاص بك.
FrontPage وMicrosoft Internet Explorer
للحصول على أفضل إمكانيات Frontpage، يوصى بتثبيت Microsoft Internet Explorer. إذا كان Internet Explorer مثبتًا، فإن FrontPage يوفر معاينة محسنة للصفحات والسمات. لا تدعم ملقمات ويب الأخرى حاليًا هذه الميزات الإضافية.
تلميح يمكنك استخدام أكثر من مستعرض ويب واحد. إذا كان هناك مستعرض ويب آخر مثبت على جهاز الكمبيوتر الخاص بك، فيمكنك تثبيت Microsoft Internet Explorer أيضًا دون حدوث مشكلات. عند تصميم صفحات ويب، سوف تجد أنه من المفيد للغاية اختبار عملك في أكثر من نوع واحد من المستعرضات قبل نشره على موقع ويب الخاص بك.
إذا كنت تستخدم Windows NT® Workstation 4.0 أو Windows NT Server 4.0
تم إعداد الدرسين الموجودين في هذا البرنامج التعليمي بحيث يتم إنجازهما باستخدام FrontPage 2002 على كمبيوتر يعمل بنظام تشغيل Microsoft Windows 98 أو Microsoft Windows 2000 أوMicrosoft Windows Millennium Edition. إذا كنت تستخدم Windows NT، فقد تلاحظ اختلافات طفيفة في واجهة المستخدم وفي الطريقة التي يشار بها إلى المجلدات.
• فعلى سبيل المثال، مجلد مستندات في Windows 2000 يسمى شخصي في Windows NT. لا تؤثر هذه الاختلافات على عمل FrontPage كما أنها لا تمنعك من إنجاز هذا البرنامج التعليمي بنجاح.
ماذا ستتعلم
ينقسم هذا البرنامج التعليمي إلى درسين:
الدرس الأول: إنشاء صفحات ويب
يشرح لك هذا الدرس كيفية العمل مع النصوص والارتباطات، وإضافة الصور والحركات وclip art والملفات، وتنسيق القوائم ووضع الكائنات وتصميم نموذج للملاحظات وإنشاء معرض صور وتصميم بنية موقع ويب وإنشاء موقع ويب.
الدرس الثاني: تحسين ونشر موقع ويب
في هذا الدرس، سوف تتعلم كيفية إعداد التنقل وإضافة حدود مشتركة وأشرطة ارتباط إلى الصفحات وإدراج شعارات صفحات وتطبيق وتخصيص السمات الرسومية والتحقق من الإملاء واستبدال النصوص عبر موقع ويب وفرز وتنظيم الملفات والمجلدات وعرض تقارير موقع ويب ومعاينة ونشر موقع ويب النهائي.
تعلم المزيد عن FrontPage
استخدام معالج الإجابة
يشتمل FrontPage على نظام تعليمات شامل يحتوي على مفاهيم عامة للميزات الرئيسية وإجراءات خطوة بخطوة وتعليمات تتبع سياق كاملة. فهو يحتوي على معالج الإجابة الذي يمكنك استخدامه في طرح أسئلة حول الميزات بأسلوبك.
للوصول إلى معالج الإجابة بشكل سريع:
1. قم بتحديد موقع مربع طرح سؤال على شريط القوائم.
2. اكتب سؤالاً بأسلوبك.
3. على سبيل المثال، اكتب "كيف يمكنني التحقق من الإملاء على صفحتي؟"
4. اضغط إدخال.
ملاحظة لا تدعم كافة اللغات مربع طرح سؤال.
استخدام المصطلحات
أثناء ممارسة البرنامج التعليمي لـ FrontPage، قد تقابلك مصطلحات جديدة. وقد تظهر هذه المصطلحات في واجهة مستخدم FrontPage أو قد تكون مستخدمة في مجتمع الإنترنت. وللبحث عن تعريفات الكلمات التي لا تعرفها، استخدم المصطلحات الموجودة في نظام التعليمات الفورية في FrontPage 2002.
لتحديد موقع المصطلحات، قم بالإجراءات التالية:
1. في مربع طرح سؤال، اكتب كلمة FrontPage.
هام إذا لم تقم بكتابة كلمة أو عبارة خاصة بـ FrontPage، فقد يتم عرض نظام التعليمات الفورية لـ Microsoft Office XP بدلاً من نظام تعليمات FrontPage.
2. اضغط إدخال.
3. في قائمة العناصر المعروضة التي تطابق مصطلح البحث، انقر فوق المصطلح الأول.
4. انقر فوق رمز إظهار على شريط أدوات تعليمات.
5. يظهر الجزء المخفي الذي يُظهر علامات تبويب المحتويات ومعالج الإجابة وفهرس.
6. انقر فوق علامة تبويب المحتويات.
إذا كان هناك علامة (+) بجوار كتاب تعليمات Microsoft FrontPage، فإن ذلك يعني أن محتويات هذه القائمة "مطوية" أو مخفية. و«إذا رأيت علامة زائد، فيمكنك توسيع القائمة.
7. انقر فوق علامة زائد على يسار رمز الكتاب.
8. في أسفل قائمة الموضوعات التي تظهر، انقر فوق علامة زائد الموجودة بجوار عنصر القائمة الذي يسمى مصطلحات.
في القائمة الموسعة أسفل مصطلحات، يوجد موضوع واحد يسمى مصطلحات أيضًا.
9. انقر فوق الموضوع الذي يسمى مصطلحات .
في الجزء الأيمن، تظهر قائمة المصطلحات مرتبة أبجديًا.
10. قم بالتمرير خلال القائمة للعثور على المصطلح الذي ترغب في معرفته.
11. اضغط زر إغلاق عند الانتهاء.
الدرس الأول إنشاء صفحات ويب
في هذا الدرس، سوف تقوم بإنشاء موقع ويب يوفر معلومات حول افتراضي للسلع الرياضية يسمى Championzone. سوف يحتوي الموقع على معلومات خاصة بالبضائع ومعرض صور فوري وقائمة ارتباطات بمواقع أخرى.
هناك مجلد جاهز يحتوي على ملفات متنوعة لكي تتدرب عليها أثناء إنشاء موقع ويب هذا. يوجد هذا الملف في <drive>:\FPTutor2002 حيث يمثل <drive> القرص الثابت الذي قمت بتثبيت البرنامج التعليمي عليه. بعد إنجاز الدرسين، ستكون قد تعرفت على FrontPage وميزاته بشكل جيد.
رؤية عامة
سوف تتعلم كيفية:
• فتح FrontPage.
• إنشاء صفحات ويب.
• العمل مع النصوص والارتباطات التشعبية.
• إدراج صور وملفات.
• تنسيق قوائم.
• وضع الكائنات.
• إضافة نموذج ملاحظات.
• تصميم معرض صور.
• إنشاء بنية موقع ويب.
• حفظ عملك.
فتح FrontPage
لتشغيل Microsoft FrontPage، قم بالإجراءات التالية:
• على شريط مهام Windows، انقر فوق زر بدء ثم أشر إلى برامج ثم انقر فوق Microsoft FrontPage.
إذا كانت هذه أول مرة تستخدم فيها FrontPage، فسوف يتم فتح البرنامج الذي يعرض صفحة فارغة جاهزة للتحرير.
ملاحظات
o إذا كان قد تم استخدام FrontPage لتحرير موقع ويب آخر، فسوف يقوم تلقائيًا بفتح آخر موقع ويب.
o لإغلاق موقع ويب: من القائمة ملف، انقر فوق إغلاق موقع ويب.
عرض عام لمساحة العمل
يحتوي FrontPage 2002 على واجهة متكاملة تساعدك على إنشاء وتحرير صفحات ويب بالإضافة إلى إدارة مواقع ويب بالكامل من داخل تطبيق واحد. يتوافق سلوك جميع أشرطة الأدوات والقوائم مع برامج Microsoft Office XP، ولذلك يمكن تخصيص أشرطة الأدوات والقوائم بشكل كلي. يمكنك أيضًا استخدام اختصارات لوحة مفاتيح المناسبة لزيادة سرعة القيام بالمهام الشائعة مثل فتح مواقع وصفحات ويب والطباعة والعديد من الأوامر الشائعة الأخرى.
يوضح الرسم والجدول أدناه بعض العناصر شائعة الاستخدام في واجهة FrontPage 2002.
العنصر الوصف
علامة تبويب صفحة طريقة سهلة لتحديد الصفحة التي تريدها عندما يكون هناك العديد من الصفحات المفتوحة
شريط العنوان يعرض اسم الصفحة الحالية وموقعها في موقع ويب الخاص بك.
شريط القوائم يحتوي على قوائم مثل ملف وتحرير وعرض وإدراج وهو نقطة البدء للعديد من المهام الذي سوف تقوم بها في FrontPage.
مربع طرح سؤال للحصول على المزيد من المعلومات حول إجراء في FrontPage، اكتب سؤالاً في مربع طرح سؤال الذي لديه وصول إلى نظام التعليمات الفورية.
إغلاق صفحة يعمل هذا الزر على إغلاق الصفحة المعروضة حاليًا.
أشرطة التمرير تسمح لك أشرطة التمرير هذه بإزاحة الصفحة حتى يتم عرض جزء مختلف منها.
شريط المعلومات يمثل حالة المهمة الحالية. على سبيل المثال، قد يعرض شريط المعلومات النص" Retrieving Index.htm" عند فتح الصفحة الرئيسية أو يُظهر وجهة الارتباط التشعبي عند تحريك مؤشر الماوس فوق ارتباط في جزء عادي.
أجزاء معاينة الصفحة تمثل أجزاء معاينة الصفحة هذه الأجزاء المختلفة لمساحة العمل. على سبيل المثال، الجزء عادي هو المكان الذي سوف تقوم فيه بمعظم عملك في هذا البرنامج التعليمي. الجزآن الآخران هما جزء HTML وجزء معاينة.
مؤشر التقدم يوضح حالة الإجراء الحالي.
الزمن المقدر للتحميل يعطيك فكرة عن المدة التي سوف يستغرقها المستخدم في عرض صفحتك في مستعرض ويب.
جزء المهام هو جزء داخل برامج Office XP يوفر الأوامر شائعة الاستخدام. يسمح لك موقعه وحجمه الصغير باستخدام هذه الأوامر أثناء العمل في ملفاتك.
شريطا أدوات قياسي وتنسيق يتم عرضهما تلقائيًا. يوفر لك هذان الشريطان وصولاً سهلاً للأوامر التي سوف تستخدمها بشكل متكرر عند العمل في FrontPage.
شريط طرق عرض يعتمد ما تراه في إطار البرنامج الرئيسي على طريقة العرض المحددة حاليًا. توفر الرموز الموجودة على شريط طرق عرض طرقًا مختلفة لمشاهدة المعلومات على صفحتك أو على موقع ويب الخاص بك.
تلميح يمكنك تخصيص مساحة العمل الخاصة بك عن طريق عرض أشرطة أدوات إضافية أو تغيير الأزرار التي تحتوي عليها أشرطة الأدوات. من القائمة عرض، أشر إلى أشرطة أدوات ثم حدد أشرطة الأدوات التي ترغب في عرضها. لإضافة أو إزالة أزرار من أشرطة الأدوات، انقر فوق تخصيص.
البداية
في هذا البرنامج التعليمي، سوف تقوم بإنشاء موقع ويب به أربع صفحات لتخبر فيها زوار الموقع عن متجر افتراضي للسلع الرياضية. إذا بدت مهمة إنشاء موقع ويب كامل صعبة، فلا تنزعج. يمكنك تدريجيًا إضافة معلومات وصفحات أخرى إلى موقع ويب الخاص بك. وعلى العكس من الرسائل المطبوعة والمذكرات ومستندات معالجة النصوص، يمكن تغيير وتحديث مواقع ويب حتى بعد نشرها. حيث يمكنك إضافة وحذف وتعديل النصوص والصور والصفحات بالكامل في أي وقت.
باستخدام FrontPage، يمكنك أن تبدأ بكتابة نص في مستند فارغ توفره طريقة عرض صفحة. في هذا الدرس، سوف نبدأ بالصفحة الرئيسية – وهي المستند الافتراضي الذي يحيي زوار موقعك عندما ينتقلون إلى موقع ويب الخاص بك لأول مرة.
إنشاء صفحة رئيسية
الصفحة الرئيسية هي الباب الأمامي لموقع ويب الخاص بك. فهي توفر معلومات حول محتوى أو موضوع الموقع حتى تجعل موقع ويب شيقًا بالنسبة للزوار. تحتوي الصفحة الرئيسية أيضًا على ارتباطات بصفحات أخرى في موقع ويب الخاص بك.
1. في الصفحة الفارغة في طريقة عرض صفحة، اكتب Welcome to Championzone! ثم اضغط إدخال.
وكما في برامج معالجة النصوص، يؤدي الضغط على إدخال إلى وضع المؤشر فوق سطر جديد.
2. أكتب بعد ذلك الجملة Take a look around to learn more about our sporting goods, see pictures of our merchandise, and look at our Sports Photo Gallery.
3. اضغط إدخال.
لقد تم إنشاء معظم محتوى موقع Championzone. عندما تكون مستعدًا لإنشاء موقع ويب الخاص بك، فسوف يسمح لك FrontPage باستيراد أي مستندات موجودة لديك مباشرة في صفحات ويب الخاصة بك دون الحاجة إلى إعادة كتابتها.
والآن يجب أن تظهر صفحتك بالشكل التالي:
سوف تقوم بعد ذلك بإضافة صورة إلى صفحة ويب. قد تكون الصور تم مسحها ضوئيًا أو رسومات أو رسومات كمبيوتر تم إنشاؤها في برنامج رسم أو تحرير صور.
على سبيل المثال، الصورة التي سوف تقوم بإدراجها هي رسم شعار FrontPage:
إدراج رسم في الصفحة الرئيسية
1. من القائمة إدراج، أشر إلى صورة، ثم انقر فوق من الملف.
سوف يعرض FrontPage مربع حوار صورة.
ملاحظة يوجد ملف الصورة الذي سوف تقوم بإدراجه في مجلد البرنامج التعليمي الذي تم تثبيته مع ملفات برنامج FrontPage.
2. بجانب بحث في، حدد القرص الثابت الذي قمت بتثبيت البرنامج التعليمي عليه.
لقد قمت في الغالب بتثبيت البرنامج التعليمي إما في محرك الأقراص C أو D.
3. انتقل إلى المجلد الذي يسمى FPTutor2002 بالنقر المزدوج فوق كل مجلد في هذا المسار حتى يعرض مربع بحث في النص FPTutor2002.
سوف ترى العديد من الملفات في المجلد FPTutor2002. وبشكل افتراضي، يبحث FrontPage عن ملفات الصور عندما تقوم بإدراج صورة.
4. انقر فوق الملف الذي يسمى frontpage ثم انقر فوق إدراج.
يقوم FrontPage بإدراج ملف الصورة المحدد في الصفحة الحالية. وهذا عبارة عن رسم يستطيع زوار موقعك النقر فوقه لتعلم المزيد عن FrontPage 2002.
5. اضغط إدخال لإنشاء سطر جديد.
ولا يعني مجرد إدراج صورة زر أن شيئًا ما سوف يحدث عندما ينقر شخص فوقها في مستعرض ويب. فلجعل صورة أو كلمة تستجيب للنقر فوقها، يجب أن يكون هناك ارتباط تشعبي متصل بها.
والارتباط التشعبي هو مؤشر من نص أو صورة إلى صفحة أو ملف آخر على شبكة ويب العالمية أو على شبكة داخلية. وعلى شبكة ويب العالمية، تعتبر الارتباطات التشعبية هي الطريقة الرئيسية للانتقال بين الصفحات ومواقع ويب الأخرى.
في الخطوات التالية، سوف تقوم بإنشاء ارتباط تشعبي من الرسم الذي قمت بوضعه منذ قليل على الصفحة الرئيسية.
إنشاء ارتباط تشعبي من صورة
1. على الصفحة الرئيسية، انقر فوق صورة زر FrontPage 2002 التي قمت بإدراجها.
عند تحديد صورة، فإنها تظهر وبها مؤشرات الملف – وهي عبارة عن ثمانية مربعات حول حدود الصورة. يمكن استخدام هذه المربعات في تغيير حجم الصورة أو تغيير مظهرها. عند تحديد صورة، يعرض FrontPage أيضًا شريط أدوات صور. يوفر شريط أدوات صور أدوات تنسيق وتحرير الصورة والتي سوف تتعرف عليها لاحقًا.
ملاحظة إذا لم يظهر شريط أدوات صور تلقائيًا، فمن القائمة عرض، أشر إلى أشرطة أدوات، ثم انقر فوق صور.
2. من القائمة إدراج، انقر فوق ارتباط تشعبي.
يعرض FrontPage مربع حوار إدراج ارتباط تشعبي. وهنا يمكنك تحديد هدف الارتباط التشعبي الذي تقوم بإنشائه.
3. في مربع العنوان، اكتب www.microsoft.com/frontpage.
ملاحظات
o لاحظ أن FrontPage يضيف تلقائيًا البادئة HTTP. وترمز HTTP إلى بروتوكول نقل الارتباط التشعبي. وهذا هو بروتوكول الإنترنت الذي يسمح لمستعرضات شبكة ويب العالمية باسترداد المعلومات من ملقمات ويب.
o ونظرًا لأنك تقوم بإنشاء ارتباط تشعبي من زر يسمى Microsoft FrontPage، فسوف ترتبط بالصفحة الرئيسية لـ Frontpage على شبكة ويب العالمية. عندما ينقر زوار الموقع فوق الزر في مستعرض ويب الخاص بهم، سوف ينتقلون إلى الصفحة الرئيسية لـ Microsoft FrontPage.
4. انقر فوق موافق للانتهاء من إنشاء الارتباط التشعبي.
قد تلاحظ أن مظهر الزر نفسه قد تغير. وعلى العكس من الارتباطات التشعبية للنصوص، والتي تبدو باللون الأزرق ومسطرة، فإن الارتباطات التشعبية للصور لا تشير تلقائيًا إلى وجود ارتباط تشعبي. وهذا الإجراء مقصود لأن تغيير مظهر الصورة قد يخفي تصميم الصفحة المقصود في بعض الحالات.
يمكنك التحقق سريعًا من وجود ارتباط تشعبي من صورة عن طريق نقل مؤشر الماوس فوق الصورة. إذا كان هناك ارتباط تشعبي، فسوف يعرض FrontPage الـ URL الخاص بالارتباط التشعبي في شريط المعلومات.
سوف تقوم بعد ذلك بإدراج صورة شعار Championzone في أعلى الصفحة.
إدراج صورة في الصفحة الرئيسية
1. اضغط CTRL+HOME للانتقال سريعًا إلى بداية الصفحة الحالية.
تلميح يضع تركيب المفاتيح CTRL+HOME المؤشر في موضع البداية – وهو الهامش الأيسر العلوي للصفحة الحالية.
2. من القائمة إدراج، أشر إلى صورة، ثم انقر فوق من الملف.
يعرض FrontPage هذه المرة محتويات مجلد FPTutor2002 في الحال. وخلال مدة كل جلسة عمل، يتذكر FrontPage أسماء ومواقع المجلدات التي انتقلت إليها بالفعل.
3. انقر نقرًا مزدوجًا فوق الملف الذي يسمى czlogo.
يقوم FrontPage بإدراج الرسم في الصفحة الحالية.
4. اضغط إدخال لنقل نص الترحيب إلى السطر التالي.
للانتهاء من إنشاء الصفحة الرئيسية، يجب توسيط النصوص والصور عليها.
توسيط العناصر على صفحة
1. من القائمة تحرير، انقر فوق تحديد الكل.
يقوم FrontPage بتحديد جميع عناصر الصفحة الحالية.
2. من القائمة تنسيق، انقر فوق فقرة.
يعرض FrontPage مربع حوار فقرة. وهنا يمكنك تغيير محاذاة العناصر المحددة وتطبيق المسافة البادئة والتباعد المخصص للنصوص والرسومات.
3. من القائمة محاذاة، انقر فوق توسيط ثم موافق.
4. انقر في أي مكان من الصفحة لإلغاء تحديد جميع عناصر الصفحة.
ليست هناك تعليقات:
إرسال تعليق
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.