التعرف على صفحات الأنماط
هي عبارة عن وسيلة تتيح التحكم في سمات معينة داخل موقع الويب بأكمله . بعبارة أخرى ، تتيح لك صفحات الأنماط التحكم في سمات معينة داخل موقع الويب بأكمله . أي أنها تتيح لك التحكم في كافة مظاهر النص الذي يظهر داخل صفحات الويب . أما ما يتعلق بمواصفات صفحات الأنماط ، فبإمكانك أن تقرأها بأكملها وترى مثالاً على استخدامها بانتقالك إلى http://w3c.org/style/ ( انظر الشكل 20-1 )



شكل 20-1


أيضاً توجد طريقة أسهل للحصول على نفس النتائج . حيث يتيح لك فرونت بيج استخدام ما يسمى بـ " الفكرة العامة " theme لتغيير هيئة وشكل مواقع الويب الخاصة بك . كما تبين الأشكال 20-2 و 20-3 أمثلة على بعض الأفكار التي يمكنك تطبيقها على مواقع الويب باستخدام فرونت بيج



شكل 20-2




شكل20-3


تطبيق الأفكار العامة على موقع الويب إن أردت تطبيق إحدى الأفكار العامة الجاهزة على موقع الويب يمكنك القيام بذلك بسهولة بتطبيق إحدى أو كل الأفكار العامة ولكن إن أردت تطبيقها جميعاً مرة واحدة لتطبيق فكرة عامة على موقع الويب الخاص بك
حدد الموقع الذي تريد أن تطبق عليه الفكرة العامة ثم افتح هذا الموقع داخل فرونت بيج من قائمة Format . اختر أمر Theme لتفتح مربع حوار Themes ( انظر الشكل 20-5 )



شكل 20-5


لتطبيق الفكرة العامة على موقع الويب بأكمله ، حدد زر الخيار All Pages الذي يوجد في جزء Apply Theme To لكن لتطبيقها على صفحات معينة ، فانقر زر الخيار (s)Selected Page
في مربع Theme ، استخدم شريط التمرير إلى أسفل حتى تصل إلى الفكرة العامة التي تريدها . عند نقر كل فكرة عامة موجودة سترى تمثيلاً لها داخل نافذة Sample of Theme الموجودة في يمين مربع الحوار
عندما ترى الفكرة العامة التي تريدها ، انقر زر ok ، سيبدأ فرونت بيج بتطبيق الفكرة العامة على الصفحات التي حددتها أو على الموقع بأكمله
عندما ينتهي فرونت بيج من تطبيق الفكرة العامة الجديدة ، ستظهر الصفحة التي حددتها لتطبيق الفكرة العامة عليها ( انظر الشكل 20-6 )



شكل 20-6

تعديل الفكرة العامة في فرونت بيج
لتحديد فكرة وتبدأ في تعديلها ، لعمل ذلك ، اتبع الخطوات التالية اختر أمر Themes من قائمة Format لتفتح مربع Themes (شكل 20-7 )



شكل 20-7


حدد الفكرة العامة التي تريد تعديلها من بين الأفكار العامة المتاحة . ستظهر الفكرة العامة داخل نافذة Sample of Theme
انقر زر Modify وستظهر في مربع الحوار ثلاثة أزرار إضافية ، وهي Colors و Text و Graphics . انقر أحد الأزرار الثلاثة بحسب العنصر الذي تريد تعديله في الفكرة العامة . إذا أردت تعديل أكثر من عنصر في النص ، فانقر زر Text . سيظهر لك مربع حوار Theme Modify ليعرض عناصر النص التي يمكن تعديلها ( انظر الشكل 20-8 )
من قائمة Item ، حدد العنصر الذي تريد تغييره . فمثلاً ، حدد Heading1 لتعرض الخط المستخدم في عناوين Heading1 ( انظر الشكل 20-9



شكل 20-8



شكل 20-9


حدد خطاً مختلفاً يستخدم في Heading1 ، وسيحدد هذا الخط الجديد الشكل الذي ستظهر به كافة رؤوس Heading1 ( انظر الشكل 9-20 )
إذا أردت تغيير أي إعدادات خاصة بحجم بقية الرؤوس الأخرى ، فقم بهذه التغييرات مثلما فعلت في الخطوات من 4 إلى 6 ثم انقر بعد ذلك زر ok
كي تتأكد من أنك لم تحذف الفكرة العامة الموجودة لديك ، انقر زر Save As لتحفظ التغييرات باسم جديد في الوضع الافتراضي سيقدم فرونت بيج اسماً للفكرة العامة الجديدة هو Copy of theme .
تستطيع أن تقبل هذا الإسم أو تقوم بتغييره ، انقر ok مرة أخرى لإغلاق مربع حوار Themes

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

التعرف على العناصر النشطة في فرونت بيج
تمثل العناصر النشطة active elements مجموعة من الأدوات التي تضيف قدراً من الإثارة إلى صفحة الويب ، وتعد الأزرار المتحركة hover buttons أكثر العناصر النشطة استخداماً في فرونت بيج ، يتيح لك بعض التأثيرات الخاصة إلى أزرار التحرك التي تريد إنشاءها داخل موقعك ، دعنا نفترض أنك أنشأت ارتباطات إلى الأقسام Support و Download و Personal داخل الموقع ( انظر الشكل 19-1 )
بإمكانك أن تجعل هذه الأزرار تتوهج عندما يقوم المستخدم بتمرير مؤشر الفأرة فوقها وأيضاً تستطيع تشغيل أصوات أو عرض صورة معينة



شكل 19-1


بالإضافة إلى الأزرار المتحركة ، تستطيع استخدام عناصر أخرى نشطة مثل عداد الزيارة hit counter والنص المتحرك marquee . أما العنصر النشط الأول فهو عبارة عن وسيلة عرض تبين عدد الزوار لموقعك . والنص المتحرك هو عنوان نصي قابل للحركة
إنشاء الأزرار المتحركة
في هذا المثال سترى كيفية إنشاء ارتباطات التجول باستخدام الأزرار المتحركة وستقوم بإنشاء هذه الارتباطات من إحدى الصفحات الرئيسية إلى ثلاث صفحات مختلفة باستخدام الأزرار المتحركة افتح صفحة جديدة
من قائمة Insert ، حدد أمر Component ثم Hover Button لتفتح مربع حوار Hover Button Properties ( انظر الشكل 19-2 )



شكل 19-2


في مربع نص Button text ، اكتب الاسم الذي تريده أن يظهر على الزر المتحرك ، في مثالنا هذا ، اكتب ساودينت .
إذا أردت تغيير نمط الخط وحجمه الذي يظهر على الزر فانقر زر Font ثم حدد الخيارات المطلوبة في مربع نص Link to ، اكتب عنوان URL الخاص بالموقع أو الصفحة التي تريد أن يكون ارتباط هذا الزر إليها في مثالنا اكتب http://www.alhoosam.jeeran.com
إذا أردت تغيير اللون الافتراضي الذي سيظهر به الزر أو تغيير التأثير الافتراضي لهذا الزر ( تأثيرالتوهج ) فبإمكانك القيام بهذه التغييرات من خلال مربعات القوائم المنسدلة المختلفة
إذا أردت إضافة تأثيرات صوتية إلى الزر المتحرك ، فانقر زر Custom ( انظر الشكل 19-3 ) يمكنك استخدام كافة الملفات الصوتية
عندما تنتهي من الإعدادات الخاصة بالزر المتحرك داخل مربع حوار Hover Button Properties ، انقر زر ok لحفظ تلك الإعدادات وإغلاق مربع الحوار



شكل 19-3


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



شكل 19-4


احفظ صفحتك وقم بنشرها على خادم الويب عند عرض صفحتك يجب أن تشبه تلك المبينة في الشكل 19-5



شكل 19-5


إنشاء النص المتحرك يمكنك إضافة النص المتحرك إلى الويب باستخدام فرونت بيج
لإنشاء نص متحرك في صفحة ويب افتح الصفحة التي تريد إدراج النص المتحرك بها من قائمة Insert ، حدد أمر Component ثم Marquee لتفتح مربع حوار Marquee Properties ( انظر الشكل 19-6 ) في مربع Text ، اكتب الرسالة التي تريد عرضها في النص المتحرك



شكل 19-6


تستطيع أيضاً التحكم في عوامل أخرى خاصة بالنص المتحرك مثل سرعة واتجاه النص المتحرك
بعد أن تنتهي من إدخال الإعدادات الخاصة بالنص المتحرك ، انقر زر ok لحفظ تلك الإعدادات وإغلاق مربع الحوار لمعاينة النص المتحرك انقر علامة تبويب Preview داخل النافذة الرئيسية لفرونت بيج
عداد الزيارة
عداد الزيارة hit counters عبارة عن مقياس يظهر على الشاشة بهدف عرض عدد الأشخاص الذين قاموا بزيارة موقع الويب الخاص بك
لإنشاء عداد الزيارة داخل صفحة الويب
افتح الصفحة التي تريد أن تضع فيها عداد الزيارة ضع المؤشر في المكان الذي تريد أن تدرج فيه عداد الزيارة
من قائمة Insert ، حدد خيار Component ثم Hit Counter لتفتح مربع حوار Hit Counter Properties ( انظر الشكل 19-8 )



شكل 19-8


حدد نوع عداد الزيارة الذي تريد إنشاءه ، وذلك بنقر أحد أزرار الخيارات الموجودة في جزء Counter Styles
حدد إذا كنت تريد تحديد العداد برقم معين لعدد الزيارات خلاف رقم صفر ، وإذا أردت تحديد عدد خانات الأرقام في العداد ، فاكتب رقماً أعلى أو أقل من 5 في خانة Fixed number of digits انقر زر ok لحفظ إعداداتك وإغلاق مربع الحوار احفظ الصفحة وبداخلها عداد الزيارة ثم قم بنشرها على خادم الويب
لمعاينة الصفحة بعد إنشاء عداد الزيارة بداخلها ، افتح الصفحة داخل المستعرض الخاص بك انظر الشكل 19-9



شكل 19-9

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

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

إضافة الصوت إلى صفحات الويب
إضافة الصوت إلى موقعك أمر في غاية السهولة غير أنه ستواجهك مشكلة تحديد موقع أو إنشاء ملفات الصوت التي تريد استخدامها . لرؤية ( أو لسماع ) كيف يمكن استخدام الصوت كأحد التحسينات ونظراً لأن ملفات MIDI صغيرة نسبياً ، فإن تشغيلها
يبدو كأنه يتم تلقائياً . إذا ألقيت نظرة على مجلد ملفات الإنترنت المؤقتة على جهازك ستجد ملفاً أو أكثر يحمل امتداد الملف MIDI وهذه الملفات هي ملفات MIDIالتي تستطيع استخدامها في سماع الصوت على جهازك لإضافة أحد ملفات MIDI – أو أي نوع آخر من ملفات الصوت – إلى موقع الويب الخاص بك
حدد وافتح الصفحة التي تريد أن تضيف إليها ملف الصوت من قائمة File ، اختر أمر Properties لتفتح مربع حوار Page Properties ( انظر الشكل 18-1)



شكل 18-1


في جزء Background Sound ، اكتب اسم الملف الصوتي في مربع نص Location ، استخدم زر Browse .
إذا لم تستطع تذكر الموقع المحفوظ فيه الملف في جزء Loop ، حدد عدد المرات التي تريدها لتشغيل الملف الصوتي تستطيع تحديد خانة Forever ، مما يعني أن تشغيل الملف الصوتي سيدوم طيلة عرض الصفحة التي تضم هذا الملف انقر زر ok لتحفظ الإعدادات التي حددتها وتغلق مربع الحوار
لمعاينة الصفحة مع الخلفية الصوتية الخاصة بها ، انقر علامة تبويب preview داخل النافذة الرئيسية لفرونت بيج إضافة لقطات الفيديو إلى صفحات الويب استخدام لقطات الفيديو يكلف مقابلاً مادياً .
واعلم أن لقطات الفيديو تميل إلى استخدام ملفات كبيرة الحجم وتستلزم تحميلها بالكامل قبل أن يتمكن المستخدمون من مشاهدتها لإضافة إحدى لقطات الفيديو إلى موقع الويب حدد وافتح الصفحة التي تريد أن تضيف إليها لقطة الفيديو من قائمة Insert ، حدد أمر Picture ثم Video لتفتح مربع Video وبالتالي يمكنك تحديد ملف لقطة الفيديو المراد إلى الموقع ( شكل 18-2 )



شكل 18-2


في الوضع الافتراضي ، يجعل فرونت بيج كافة لقطات الفيديو تبدأ التشغيل تلقائياً عندما يتم إدراجها في الصفحة المحددة . إذا لم ترغب في أن تبدأ لقطات الفيديو التشغيل تلقائياً عندما تكون صفحة الويب التي تضم تلك اللقطات مفتوحة ، قم بعد ذلك بتحديد أمر Properties من قائمة Format لتفتح مربع Picture Properties إذا لم تكن علامة تبويب video محددة ، قم بتحديدها لتعرض اللوحة الخاصة بها ( انظر الشكل 18-3 )



شكل 18-3  


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

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

التعرف على الإطارات
إن بعض القوالب في فرونت بيج يتيح لك سهولة إنشاء صفحات الويب باستخدام الإطارات Frames انظر الشكل 16-1



شكل 16-1


والإطارات أاساً عبارة عن صفحات ويب منفصلة أو مستقلة يتم عرضها داخل شاشة واحدة ( انظر الشكل 16-2



شكل 16-2


هل يجب استخدام الإطارات ؟
يرى البعض أنه لافائدة من استخدامها كما يقبل البعض على استخدامها وأيضاً البعض الآخر لا يوليها أي أهمية ومن المشاكل التي تبرز لنا عند الحديث عن الإطارات على عرضها بصورة جيدة نظراً لاختلاف درجة وضوح الشاشة الخاصة بكل موقع إنشاء الإطارات باستخدام قوالب فرونت بيج
بعد أن تنتهي من عملية التخطيط لاستخدام الإطارات إبدأ باستعراض الإطارات الموجودة وابحث عن قالب يشبه الذي خططة له بدرجة كبيرة دعنا نقوم بتأسيس موقع ويب في غاية البساطة مع الاستعانة بالإطارات من قائمة File ، اختر أمر New ثم Page لتفتح مربع حوار New
انقر علامة تبويب Frames Page لتعرض اللوحة الخاصة بها ( انظر الشكل 16-3 )



شكل 16-3


- حدد الإطار الذي تريد استخدامه في صفحتك ، في مثالنا حدد قالب Contents الذي يتيح لك إنشاء صفحة بداخلها إطاران
okانقر لإغلاق مربع الحوار وإنشاء صفحة الويب باستخدام القالب الذي حددته ( انظر الشكل 16-4 )



شكل 16-4


ينبغي أن تحدد المحتوى الذي ستضعه في الإطارين ، كأن تدرج صفحات موجودة لديك أو تنشئ صفحات جديدة من فراغ سنقوم بإنشاء قائمة بسيطة في الإطار الصغير الموجود في يسار الصفحة كما يلي في الإطار الأيسر ، انقر زر New Page وسيتم إنشاء صفحة جديدة في الإطار اكتب النص التالي في الصفحة المؤطرة Page1
صفحة 1 حدد نص Page1 من قائمة Insert ، حدد أمر Hyperlink لتفتح مربع الحوار Create Hyperlink في مربع URL ، اكتب اسم إحدى الصفحات التي أنشأتها من قبل في الدروس السابقة في مربع حوار Create Hyperlink ، انقر زر Change Target Frame الموجود بجوار مربع نص Target Frame لتفتح مربع حوار Target Frame ( انظر الشكل 16-5 )



شكل 16-5


يعرض مربع حوار Target Frame شكلاً تمثيلياً للإطارين الموجودين في الصفحة ، حدد الإطار الأيمن بالنقر داخله ، هذا الإطار هو المكان الذي ستظهر فيه الصفحة التي أنشأت لها إطاراً ، حيث تم عرضها عندما تحدد الإطار الذي أنشأته
انقر زر ok لإغلاق مربع الحوار Target Frame . انقر زر ok مرة أخرى لإغلاق مربع حوار Create Hyperlink كرر الخطوات من 3 إلى 7 مع نصي صفحة 1و مع تحديد صفحتين مختلفتين لعرضهما في هذين الارتباطين تم الانتهاء من إنشاء صفحتك المؤطرة تقريباً
الآن تحتاج إلى إلى تحديد الصفحة التي سيتم عرضها وغالباً ما تكون نفس الصفحة التي تمت تسميتها بواسطة ارتباط Page1 انقر زر Set Initial Page الموجود في اللوحة اليمنى لتفتح مربع حوار Create Hyperlink اكتب اسم الملف الذي يحتوي على ارتباط إلى Page1 الذي أنشأته في الخطوة 4
okانقر زر لإغلاق مربع الحوار
من قائمة File ، حدد أمر Save لحفظ ملفاتك . سيطلب منك حفظ كل الملفات التي أنشأتها . ونظراً لأنك أنشأت الملف الظاهر في الإطار الأيسر ، سيطلب منك حفظه إلى جانب حفظ الملف المسمى بـ " مجموعة الإطارات " frameset file وهو الملف الذي يتحكم في الصفحة المؤطرة
بعد الانتهاء من حفظ ملفاتك ، حدد علامة تبويب Preview لعرض الصفحات المؤطرة ( انظر الشكل 16-6 ) واختبر أدوات التحكم في الإطارات
ما تزال الإطارات مثيرة للجدل رغم ظهورها من بضع سنوات ، لكن لا تنس ألا تبالغ باستخدامها



شكل 16-6

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

التعرف على الخرائط المصورة
عندما تنشئ عدة ارتباطات في صورة واحدة ، فإنك تنشئ ما يسمى بالخريطة المصورة .
وللخرائط المصورة فائدة عظيمة في صفحات الويب حيث أنها تمثل تصويراً رسومياً يمكن للمستعرضين استخدامه في التنقل داخل موقع الويب
إنشاء الخرائط المصورة باستخدام فرونت بيج
أول خطوة في عملية إنشاء الخريطة المصورة هي تحديد الصورة التي تنوي استخدامها ، إذاً عليك أن تختار ملفاً بإحدى هاتين الصيغتين GIF أو JPEG عليك حفظ تلك الصور بصيغة GIF أو JPG .
ثم انتقل إلى خطوات تحويلها إلى خريطة مصورة وإليك هذه الخطوات قم بإدراج ملف الصورة في صفحة الويب التي ستضم الخريطة المصورة ( انظر الشكل 15-1 )



شكل 1-15  


- حدد الصورة التي قمت بإدراجها في الصفحة تأكد من ظهور شريط أدوات الصورة في في النافذة الرئيسية لفرونت بيج من شريط أدوات الصورة ، انقر رمز Polygonal Hotspot .
يجب أن يظهر المؤشر على شكل قلم رصاص ستستخدم المؤشر في تتبع الحواف الخارجية لأحد الكائنات في الصورة كل كائن تقوم بتحديده سيكون واحدة من البقاع الساخنة التي تعينها داخل الخريطة المصورة .
انقر في أحد اركان الكائن وستظهر نقطة إرساء ( مربعة )
حرك المؤشر إلى الركن الثاني في الخط الذي يوجد حول الكائن وسترى البقعة الساخنة وهي محيطة بالكائن ( 15-2 )
استمر في تتبع الكائن وإنشاء نقاط الإرساء إلى أن تصل إلى النقطة التي بدأت منها .
انقر نقطة الإرساء الأولى مرة أخرى لتنهي عملية تتبع الكائن ، وسيظهر على الفور مربع حوار Create Hyperlink ( انظر الشكل 15-3 )
في مربع نص URL ، اكتب عنوان الصفحة التي تريد أن تنشئ الارتباط إليها .
انقر زر OK لتحفظ الارتباط وتغلق مربع الحوار
كرر الخطوات من 3 إلى 6 مع عدة كائنات أخرى تريد أن تحولها إلى نقاط ساخنة داخل الخريطة المصورة ( انظر الشكل 15-4 )



شكل 2-15



شكل 3-15



شكل 4-15


أنقر أداة البقعة التي تريد استخدامها مع تحديد المناطق التي تريد تحويلها إلى بقاع ساخنة داخل الصورة ( انظر الشكل 15-5 )
معاينة الخريطة المصورة
ينبغي أن تستخدم علامة تبويب PREVIEW التي توجد في النافذة الرئيسية لفرونت بيج ( في الجانب الأيسر السفلي ) لتختبر الخريطة المصورة التي أنشأتها



شكل 5-15

لمعاينة الخريطة المصورة
تأكد من أنك مازلت تعرض الصفحة التي قمت بإنشائها
تأكد من تحديد علامة تبويب Normal الموجودة في الجزء السفلي من نافذة الصفحة
لمعاينة الصفحة والخريطة المصورة اللتين انتهيت من إنشائهما ، انقر علامة تبويب PREVIEW وسترى الصفحة بنفس هيئتها عند استعراضها بواسطة أحد مستعرضات الويب
ضع المؤشر فوق المناطق التي حولتها إلى مناطق ساخنة داخل الصورة .
إذا كانت الارتباطات الموجودة لديك تعمل ، فلابد أن يتحول المؤشر إلى شكل يد صغيرة بمجرد أن يمر فوق أحد الارتباطات ( انظر الشكل 15-6 )



شكل 15-6

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

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



شكل 3-1


في الجانب الأيسر ستجد شريط العرض Views Bar . هذا الشريط يتيح لك سرعة تغيير طرق العرض الخاصة بصفحات الويب فضلاً عن تغيير الخصائص المتنوعة في البرنامج .
ومن طرق العرض Navigation والذي يتعلق بإنشاء أشرطة التحرك ، وأيضاً عرض المهام Tasks
نظراً لأنك ستقضي معظم وقتك في استخدام فرونت بيج كمحرر لصفحات الويب ، فمن المفضل أن تقوم بإزالة شريط العرض ، كما يلي Viewافتح قائمة
قم بإلغاء تحديد خيار Views Bar لإزالة علامة الاختيار من أمامه ( أنظر الشكل 3-2 ) ، سيختفي بذلك شريط العرض



شكل 3-2


بعد إخفائك شريط العرض يمكنك أيضاً الوصول إلى خيارات العرض الأخرى الخاصة بالموقع الذي أنشأته , وذلك Viewمن خلال قائمة في فرونت بيج يمكنك الوصول إلى أكثر الخصائص استخداماً من خلال أشرطة الأدوات القياسية التسعة .يعرض شريط الأدوات القياسي Standard وشريط التنسيق Formatting
يعرض عليك الشكل 3-3 النافذة الرئيسية وبداخلها شريط الأدوات القياسي وشريط التنسيق ، بينما يعرض الشكل 3-4 كافة اجزاء العرض وبعض اشرطة الأدوات التسعة



شكل 3-3



شكل 3-4

كيفية إنشاء موقع ويب
عندما تقوم بإنشاء مجموعة صفحات للويب لوضعها في موقع على الويب .
فإن فرونت بيج يتيح لك تجميع تلك الصفحات في وحدة واحدة ليطلق عليها في النهاية " ويب " Web . رغم أننا نستخدم فرونت بيج إنشاء وتعديل الصفحات الفردية دون القيام بإنشاء موقع ويب ، فإنك ستجد تحفيزاً قوياً على إنشاء موقع ويب يجمع الصفحات التي أنشأتها .
وذلك للأسباب التالية
يحتوي فرونت بيج على عدة خصائص لفحص سلامة الصفحات التي تقوم بإنشائها وسلامة الارتباطات في تلك الصفحات فرونت بيج مصمم ليتيح لك إرسال الصفحات التي تنشئها إلى أحد أجهزة خادم الويب وذلك كوحدة واحدة
عند إنشاء أحد المواقع يمكنك استخدام أداة التحرك التلقائية في فرونت بيج لإنشاء أشرطة تحرك خاصة بموقعك الاحتفاظ بصفحات الويب التي تنشئها داخل موقع واحد يتيح لك استخدام المجلدات Folders لتنظيم الملفات أيضاً يتيح لك ذلك استخدام التقارير Reports لتسهيل فحص موقعك
إذا قمت بإنشاء موقع ويب جديد ، ينشئ فرونت بيج مجلد جديد مستخدماً اسم الموقع ثم تستطيع تخزين ملفاتك أو إضافتها إلى موقعك داخل هذا المجلد أو مجلدات فرعية أخرى
قم بإنشاء أول موقع ويب خاص بك
من قائمة File ، حدد خيار New ثم Web لتفتح مربع حوار New ( انظر الشكل 3-5 )
من بين القوالب اختر الموقع الذي تريد إنشائه ومبدئياً حدد خيار One Page Web
حدد موقع مجلد الويب وضع اسماً لموقع الويب الذي تقوم بإنشائه
إنقر زر OK في حالة عدم وجود مجلد الويب ، سيطلب منك إنشاؤه في هذه الحالة انقر زر yes لإنشاء المجلد والموقع . ( انظر الشكل 3-6 )



شكل 3-5




شكل 3-6


HTMLكيفية إنشاء ملف
بعد أن تعلمت كيفية إنشاء موقع الويب الخاص بك ستتعلم الآن كيفية إنشاء صفحات داخل موقعك حيث أن للموقع أن يحوي عدد من الصفحات
لإضافة صفحة جديدة في موقعك ، قم بما يلي
من قائمةFile حدد خيار New ثم Page حتى تفتح مربع حوار New ثم انقر علامة تبويب General ( انظر الشكل 3-7 )



شكل 3-7


- سوف يعرض لك المربع New قوالب متنوعة لصفحات ويب . قم بتحديد خيار Normal Page ثم انقر زر OK ستظهر لك صفحة فارغة عندما تقوم بإنشاء الصفحات ستأخذ هذه الصفحات الأسماء الافتراضية للملفات مثل new page1.htm و new page2.htm لذا احفظ الصفحات بأسماء أخرى أكثر وضوحاً حتى يمكنك التعرف عليها بسهولة تعلمت في هذا الدرس بعض الأساسيات في فرونت بيج عن كيفية إنشاء المواقع وإضافة الصفحات إلى هذا الموقع . في الدرس القادم ستتعلم كيفية استخدام قوالب وصفحات الويب

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

بدء استخدام القوالب في فرونت بيج
ما القوالب ؟
القوالب templates عبارة عن هياكل جاهزة يمكنك استخدامها في إنشاء أنواع مختلفة من مواقع وصفحات الويب . وإلى جانب كونها هياكل جاهزة ، تأتي القوالب في شكل هياكل فارغة
إن طبيعة القالب يمكنك تخيلها في أنك تريد بناء بيت صغير ، هل الأفضل لك أن تبدأ في بنائه من فراغ ، أو أن تشتري هيكلاً جاهزاً له ؟ بالتأكيد من الأسهل شراء هيكل جاهز بأعمدة وأساسات ثم تبدأ في بنائه , المقصود – أن الهيكل أو ( القالب ) يعمل بمثابة الأساس الذي ينبني عليه موقع أو صفحة الويب ، الأمر الذي يتيح لك إظهار العمل بالشكل الذي تريد
أنواع القوالب المتاحة في فرونت بيج
القوالب نوعان هما قوالب الصفحات page templates وقوالب المواقع web templates
قوالب المواقع
هناك تشكيلة مكونة من ثمانية قوالب للمواقع يمكنك اختيار ما تريد منها حسب ما يناسبك انظر الشكل 4-1



شكل 4-1


وتكون هذه القوالب على شكل هياكل فارغة يمكنك من إنشاء أنواع معينة من مواقع الويب ، كما يحتوي فرونت بيج على المعالجات Wizards ، هذه المعالجات عبارة عن قوالب تلقائية تستفيد منها في إنشاء مواقع ويب أكثر تعقيداً
هذا وصف لقوالب ومعالجات مواقع الويب في فرونت بيج
Corporate Presence Wizard : هذا المعالج يرشدك إلى خطوات إنشاء موقع ويب خاص بأعمالك التجارية
Customer Support Web : يمكنك هذا المعالج من إنشاء موقع ويب خاص بدعم المستهلكين ، يصلح هذا القالب لشركات البرامج التي تقوم بإنشاء مواقع دعم المستهلكين
Discussion Web Wizard : يرشدك هذا المعالج إلى عملية إنشاء موقع مناقشة يشبه مجموعات الأخبار
Import Web Wizard : يمكنك هذا المعالج من إنشاء أرشيف على الويب يحتوي على ملفات من كمبيوترك الخاص بك . كما يمكنك من استيراد أحد مواقع الويب إلى موقع آخر داخل فرونت بيج
Project Web : يقوم هذا المعالج بإنشاء موقع ويب يتم تأسيسه وفق مشروع معين يحوي الجدول الخاص بهذا المشروع وحالته وعدده وملفات الأرشيف والمناقشات
Personal Web : يكنك من إنشاء موقع ويب شخصي يعكس أنشطتك واهتماماتك الخاصة
One Page Web : يحوي هذا القالب صفحة ويب واحدة
Empty Web : لا يحوي أي صفحة ويب بداخله

استخدام قالب معالج الويب
لاستخدام قالب بسيط في إنشاء موقع ويب ، قم بما يلي
من قائمة File ، حدد الخيار New ثم Web حتى تفتح مربع حوار New وبداخله علامة تبويبWeb Site محددة حدد نوع القالب الذي تريد استخدامه ، كأن تختار قالب Customer Support Web مثالاً حدد المجلد أو الدليل الذي تريد أن تنشئ فيه موقع الويب ثم انقر زر ok
في حالة عدم وجود هذا المجلد بالفعل ، سيسألك البرنامج إن كنت تريد إنشاءه .
في هذه الحالة انقر زر yes وسيقوم فرونت بيج بعد ذلك بإنشاء القالب طالما انتهيت من إنشاء المجلد الخاص به بعد بضع ثوان ، سيتم إنشاء القالب
يقوم فرونت بيج بإضافة صفحة آو أكثر إلى موقع الويب بعد تحديد أي قالب من القوالب ما عدا قالب Empty Web استخدام القوالب لإنشاء أنواع مختلفة من صفحات الويب على غرار قوالب المواقع ، تمثل قوالب الصفحات أيضاً هياكل فارغة يمكنك استخدامها لإنشاء صفحات الويب داخل موقعك ، أيضاً يمكنك إنشاء أي عدد من صفحات الويب باستخدام القوالب الخاصة بها



شكل 4-3


رغم أن عدد القوالب ثمانية فقط إلا أنه يحتوي على 36 قالباً للصفحات . ويبين الشكل 4-4 معظم قوالب الصفحات التي يمكنك اختيار ما يناسب احتياجك منها
كما يعرض فرونت بيج نموذجاً بسيطاً لكل قالب صفحة قبل أن تقوم بإنشائها على عكس قوالب المواقع
لإنشاء صفحة ويب باستخدام أحد القوالب قم بما يلي من قائمة File حدد خيار New ثم خيار Page لتفتح مربع حوار New حدد علامة تبويب General إذا لم تكن محددة



شكل 4-4


حدد نوع القالب الذي تريد استخدامه ، كأن تختار قالب – Left ، Narrow aligned Body مثلاً ( انظر الشكل 4-5 )



شكل 4-5


سيقوم القالب الذي حددته بعرض نموذج مصغر له في مربع المعاينة انقر زر ok بعد ثوان معدودة ، سيتم إنشاء الصفحة الجديدة من القالب الذي حددته ( انظر الشكل 4-6 )



شكل 4-6


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

الصفحة التالية