ANGEL7
05-16-2006, 07:28 PM
من مميزات مصمم الويب عند إنشاء موقعه هو العمل على مستويين أساسيين وهما: تصميم الويب وتصميم الصفحة. إذا لم يكن موقع الويب صفحة واحدة، سيتوفر لديك وظيفتين مترابطتين هما حاجتك إلى تصميم بنية ويب يمكن للزائرين استخدامها للتنقل من صفحة إلى صفحة بالإضافة إلى تصميم صفحات الويب نفسها.
FrontPage Webs ومواقع الويب
أصبح الإنترنت معروفاً بأنه World Wide Web كما تعرف المواقع الموجودة في شبكة الاتصال بمواقع ويب، إن معظم مواقع الويب تتكون من العديد من صفحات الويب. لزيارة موقع ويب، ادخل URL أو Uniform Resource Locator (وهو عنوان موقع ويب) في المستعرض وسيتم تعيين موقع هذا الويب بواسطة المستعرض.
صفحات الويب
تختلف صفحات الويب عن المستندات الأخرى حيث يتم تصميمها ليتم تفسيرها بواسطة مستعرض الويب، يقوم مستعرض الويب بتفسير وعرض محتويات صفحة الويب بقراءة لغة البرمجة Hypertext Markup Language (HTML) حيث يجنكFrontPage دراسة HTML من خلال ترجمة خيارات القائمة التي قمت بتحديدها في لغة HTML .
نظرة شاملة وسريعة على FrontPage
عند فتح FrontPage سوف تشاهد قائمة Views على يسار الشاشة، كما تشاهد مساحة كبيرة مفتوحة على يمين الشاشة تعرف بمساحة العمل.
قبل بدء إنشاء صفحات الويب وتنظميها في موقع ويب، يجب الاطلاع على مختلف طرق العرض في FrontPage2000 :
Page إذا كنت مسئولا عن محتوى موقع ويب، سوف تقضي معظم وقتك في عرض Page ، حيث تقوم بتحرير صفحات فردية. يمكنك عرض أو إخفاء قائمة بملفاتك وذلك بتحديد View ç Folder List من القائمة.
http://www.Q8YeeN.Com/ups/uploads/818a027e9d.bmp
Folders هو دليل بالملفات التي تقوم بإنشائها في FrontPage الذي يقوم بإنشاء مجلدين فارغين وهما (Image, Private) عند فتح موقع ويب جديد. وعندما تقوم بحفظ صفحة ويب أو أي عنصر آخر لموقع الويب، سوف تشاهد سرد الملفات هنا.
Report يمكن أن يقوم FrontPage بتكوين تقارير عن تقييم حالة موقع الويب. وتقوم طريقة العرض الافتراضية التي تظهر عند نقر رمز Reports في شريطView بعرض تلخيص لمختلف التقارير المتاحة. كما يمكنك عرض أي تقرير معين بنقره نقراً مزدوجاً في جدول بيانات Site Summary أو بتحديده من القائمة الفرعية View Reports.
Navigation: يمكنك من تنظيم جميع ملفات صفحات ويب المختلفة في موقع ويب متكامل ومن تعريف ارتباطات التنقل بين الصفحات.
Hyperlinks: تعرف الارتباطات التشعبية بالنصوص أو الرسوم التي تتيح للزائر الاتصال بصفحة ويب أخرى عند نقرها. يمكن أن تصبح الارتباطات تالفة أو قديمة عند تغيير صفحات الويب ولذلك يقوم أسلوب العرض هذا بفحصها.
http://www.Q8YeeN.Com/ups/uploads/2ff365682c.bmp
Tasks: يسمح FrontPage للعديد من أعضاء فريق تصميم ويب (أو لمصمم ويب واحد) بإنشاء قوائم بالمهام التي يجب إنجازها. يمكن أن يتم تعيين المهام لمختلف أعضاء الفريق الذين يمكنهم التحقق من تقدمهم بمجرد انتهاء الويب.
إنشاء موقع ويب:
نظراً لأن مواقع الويب عبارة عن مجموعة من صفحات الويب، فيمكنك البدء بتصميم بنية الموقع ومن ثم إنشاء محتوى الصفحة.
عندما تقوم بتحديد File ç New ستشاهد خيار القائمة Page Web اختر Web وسوف تشاهد مربع حوار New، ومن مربع حوار New يجب تحديد قالب لتوفير تصميم لموقعك وتحديد موقع للويب الخاص بك.
كيفية حفظ الويب الجديد
يمكن إنشاء ويب على خادم الويب المتصل بالإنترنت أو إنشاء الويب على محرك أقراص جهاز كمبيوتر محلي. لا تحتوي معظم صفحات الويب التي تم حفظها إلى محرك الأقراص الثابت على الخصائص المتقدمة المتاحة في FrontPage مثل إمكانية تجميع البيانات من نماذج الإدخال، وبالتالي لا يمكن لأي شخص آخر بزيارتها. ولكن يمكنك استخدام محرك الأقراص الثابت لتصميم ويب ثم نشره إلى خادم الويب عند إتاحته.
إنشاء صفحة رئيسية
إذا قمت باستخدام قالب ويب Personal Web أو One Page Web سوف تظهر One Page بصفحة رئيسية.
http://www.Q8YeeN.Com/ups/uploads/88d2bdc232.bmp
إضافة الصفحات إلى موقع ويب:
يمكنك إضافة صفحات ويب إلى موقع الويب الخاص بك في عرض Navigation بواسطة نقر زر New Page في شريط الأدوات. وسوف تظهر صفحات جديدة كصفحات تابعة للصفحة الرئيسية بعد نقر هذا الزر.
عناوين الصفحات وأسماء الملفات
تحتوي صفحات الويب على كل من العناوين وأسماء الملفات. يتم استخدام Filename داخليا ليتمكن FrontPage من تنظيم الويب.
لتغير عنوان الصفحة في عرض Navigation انقر بزر الماوس الأيمن صفحة تقع في التخطيط الانسيابي ثم قم بتحديد Rename من قائمة السياق. ادخل اسم جديد واضغط Enter.
عرض صفحاتك
لمشاهدة كيفية تطور شكل موقع الويب يمكنك فحصة بالأربعة طرق التالية:
عرض Page وعلامات تبويب Normal
عرض Page وعلامات تبويب HTML
عرض Page وعلامات تبويب Preview
مستعرض ويب (مثل Microsoft Internet Explorer أو Netscape)
علامة تبويب Normal: تعرض علامة تبويب Normal في عرض Page صفحات ويب مشابهة لمظهرها في مستعرض ويب، وتعرض أيضاً علامة تبويب Normal عناصر الصفحات التي لا تظهر في مستعرض مثل Comment وخطوط منقطة لتعيين حدود مشتركة وعلامات تحرير أخرى.
علامة تبويب HTML: يمكنك مشاهدة لغة HTML التي يتم إنشاؤها بواسطة FrontPage لصفحة الويب من خلال نقر علامة تبويب HTML في عرض Page كما يحق لك تحرير لغة HTML في هذا العرض إذا كنت مبرمج HTML.
علامة تبويب Preview: تعرض علامة تبويب Preview في عرض Page صفحة الويب بشكل أقرب إلى ما سوف تظهر علية في المستعرض.
المعانية في المستعرض: لمعاينة صفحة الويب في المستعرض حدد File ç Preview in Browser يتيح لك مربع حوار الاختيار بين أي مستعرض تم تثبيته على الكمبيوتر وأي دقة شاشة مدعمة بواسطة النظام.
تعريف الارتباطات التنقلية
فيما يلي طريقتين أساسيتين لتصميم وتخطيط موقع الويب الخاص بك:
التصميم الخطي: الذي يصاحب زائريك في موقعك الشخصي في خط مستقيم.
التصميم الهيكلي: يقوم بإمداد زائريك بالعديد من الخيارات.
تعريف أشرطة التنقل في حدود مشتركة
http://www.Q8YeeN.Com/ups/uploads/8abe4d6ad6.bmp
يمكن إدراج أشرطة التنقل في أي موقع من صفحة الويب ولكن عادة يتم إدراجها في الحدود المشتركة التي هي نوع خاص من صفحات الويب التي تظهر على صفحة للويب والحدود المشتركة هي ما يمكن توصيله بقمة الصفحة أو أسفل الصفحة أو يسار الصفحة أو يمين الصفحة
إضافة الحدود المشتركة
لتطبيق الحدود المشتركة على موقع الويب، اتبع ما يلي:
حدد Format ç Shared Borders
حدد زر خيار All Pages لتطبيق الحدود المشتركة على الويب بأكمله أو حدد زر خيار Selected Pages لتطبيق الحدود المشتركة على الصفحات المحددة فقط.
حدد أي مجموعة من الحدود المشتركة العلوية والسفلية الشائعة الاستخدام.
دمج شريط التنقل بالحدود المشتركة
اختر Insert ç Navigation Bar
http://www.Q8YeeN.Com/ups/uploads/edbe278b11.bmp
في مربع حوار Navigation Bar Properties اختر واحد من أزرار الخيار الستة في منطقة Hyperlinks to Add to Page وهي:
ارتباطات Parent Level: تعرض فقط ارتباطا إلى الصفحة في مخطط عرض Navigation الذي يظهر فوق الصفحة المعروضة تماما.
ارتباطات Same Level: تعرض صفحات ويب أخرى على نفس مستوى مخطط موقع عرض Navigation.
Back and Next: تعرض ارتباطات مستوى Parent و Child من الصفحة الحالية.
تقوم ارتباطات Child Level فقط بتكوين ارتباطات إلى الصفحات الموجودة أسفل الصفحة الحالية في مخطط عرض Navigation
ارتباطات Top Level تعرض ارتباطات لكل الصفحات التي توجد في أعلى مستوى من المخطط.
حذف صفحة
http://www.Q8YeeN.Com/ups/uploads/ad96137b7c.bmp
يمكن حذف صفحة من تكوين التنقل بنقر الصفحة في عرض التنقل والضغط على مفتاح Delete وسوف يظهر مربع حوار صفحة Delete حيث يوجد خيارين:
قم بإزالة هذه الصفحة من كل أشرطة التنقل: وذلك لا يحذف الصفحة من موقع الويب ولكنه يزيل أي ارتباط بهذه الصفحة من أشرطة التنقل آلية التشعب.
حذف هذه الصفحة من الويب: يحذف الصفحة ومحتوياتها من صفحة الويب.
إنشاء محتوى صفحة ويب
بعد القيام بتخطيط الهيكل الأساسي للويب الخاص بك يمكن الاستعداد لملء الصفحة بالمحتويات التي تتضمن نص وعناصر أخرى مثل الصور.
هناك تعليمات للتحرير هي:
Format Painter: حدد النص وانقر أداة Format Painter ثم انقر على نص جديد لتطبيق تنسيق النص الأصلي على النص الهدف.
Thesaurus: حدد الكلمة ثم قم باختيار Tools ç Thesaurus لإيجاد قائمة المرادفات وقم بإيجاد قائمة في Replace بقائمة Synonym وانقر زر Replace.
Edit ç Find and Edit ç Replace: قم بإيجاد سلاسل النص بخيار تعيين النص المستبدل ليس لدى مربعات Find و Replace خيارات البحث عن أو تغيير أحرف معينة كإرجاع السطور يدويا أو الجدولة أو الفقرات.
Tab Key: يمكن استخدامه (أو استخدام مفتاح المسافات) لإدخال مسافات إضافية بين الكلمات.
التدقيق الإملائي في الموقع الخاص بك بأكمله
http://www.Q8YeeN.Com/ups/uploads/5d6aac8140.bmp
قم بتحديد Tools ç Spelling في عرض الصفحة أو انقر أداة Spelling في شريط أدوات Standard وقم بالتدقيق الإملائي فقط بالصفحة المفتوحة الخاصة بك، يوجد في مربع الحوار خيارين أحدهم للتأكد من Selected Page والآخر للتأكد من Entire Web وللتدقيق الإملائي لموقع الويب بأكمله يجب استخدام خيارEntire Web.
ويقوم برنامج FrontPage بالتدقيق الإملائي في جميع صفحاتك وإنشاء قائمة في مربع حوار Spelling .
تخصيص موضوعات FrontPage
تنقسم عناصر الموضوعات بوجه عام إلى ثلاث فئات:
الألوان: تتضمن الألوان المخصصة لها والألوان المخصصة لعناصر رسومات مثل الأزرار والخطوط الأفقية.
http://www.Q8YeeN.Com/ups/uploads/3fbb266a48.bmp
الرسومات: تتضمن الصور المستخدمة للأزرار وخلفية الصفحة والخطوط الأفقية والرموز النقطية.
الأنماط: تتضمن إنشاء أنماط خطوط خاصة في مربع الحوار Themes وتعمل هذه الأنماط مثل الأنماط المستخدمة في برنامج نشر الشاشة الرئيسية ومعالجة النصوص ذات سمات محدودة مثل نوع الخط وحجمه ولونه.
تحديد خصائص الصفحة
تقوم خصائص صفحة ويب بتحديد شكل صفحتك بما في ذلك ألوان الخلفية أو خصائص أخرى يتم تطبيقها على صفحة ويب كاملة تتوفر السمات في مربع الحوار Page Properties
http://www.Q8YeeN.Com/ups/uploads/20f7a479a5.bmp
ولفتح صندوق حوار خواص الصفحة اختر الأمر Properties من القائمة Fill أو أنقر بزر الفأرة الأيمن فوق أي مكان من نافذة محرر البرنامج ومن اختر الأمر Page Properties من القائمة المنبثقة
الخصائص الرئيسية لعلامة التبويب General
1) Location: وهو عنوان URL الخاص بالموقع المفتوح حاليا.
2) Title: وهي عبارة عن عنوان الصفحة.
3) Base Location: يتم تحديد المسار الأساسي لعنوان URL لهذا الموقع. Default Target Farme إذا قمت بتقسيم نافذة المستعرض إلى عدة نوافذ عندها يفيدك هذا الحقل في تحديد الروابط التشعبية التي ستظهر بشكل افتراضي في هذه الأقسام عند تشغيل الموقع.
4) Background Sound: ويحتوي على ثلاث حقول نتحكم من خلالها بالملف الصوتي المحدد.
5) Style: هذا الزر يؤدي إلى فتح صندوق حوار آخر نحدد من خلاله الشكل العام لتسلسل المعلومات في الصفحة الحالية.
http://www.Q8YeeN.Com/ups/uploads/9a737691d9.bmp
تحديد خلفية الصفحة
يمكن التحكم في الصفحة بأكمله من خلال علامة التبويب Background التابعة لمربع الحوار Page Properties
Background Picture: سيكون للصفحة خلفية هي عبارة عن صورة.
Watermark: أن تفعيل هذا الخيار يؤدي إلى جعل الصورة ثابتة حتى ولو استخدمنا أشرطة الإنزلاق لاستعراض باقي الصفحة.
Properties: يفيد في تعديل خواص الصورة التي اعتمدناها كخلفية للصفحة.
Background: نختار من الصندوق اللوني اللون الذي نرغب بأن يكون هو لون الخلفية.
Text: نحدد اللون الذي نريد أن تظهر به النصوص المكتوبة.
Hyperlink: نستطيع أن نحدد اللون الذي نريد أن تظهر به العبارات التي تملك ارتباطاً تشعبياُ مع صفحات أخرى أو موقع أخرى
Visited Hyperlink: نحدد اللون الذي نريد أن تظهر فيه عبارات الربط التشعبي عند وضع مشيرة الفأرة عليها.
http://www.Q8YeeN.Com/ups/uploads/43c481133b.bmp
Active Hyperlink: نحدد اللون الذي ستظهر به عبارات الربط التشعبي عند النقر عليها بواسطة الفأرة.
تحديد الهوامش
تحتوي علامة التبويب Margins على مربعي اختيار مربعي زيادة ونقصان حيث يمكنك مربع الاختيار Specify Top Margin من تحرير مساحة فارغة في أعلى الصفحة.
يمكنك مربع الاختيار Specify Left Margin من تحرير هامش أيسر.
تنسيق الخطوط
http://www.Q8YeeN.Com/ups/uploads/5b88f7201a.bmp
تقوم علامة التبويب Font التابعة لمربع الحوار Font بتوفير خيارات لتعديل الخط ونمط الخط وحجم الخط ولون الخط، تعمل خيارات القائمة هذه مثل الأزرار الموجودة في شريط التنسيق Formatting كما يسمح لك مربع الحوار بتطبيق العديد من هذه التأثيرات التي هي عبارة عن خصائص مقترنة بأوامر HTML.
تنسيق تباعد الأحرف
http://www.Q8YeeN.Com/ups/uploads/9ed35a15f7.bmp
تمكنك علامة التبويب Character Spacing التابعة لمربع الحوار Font من تخصيص تباعد المسافة بين الأحرف أو لتحديد التباعد الرأسي التي تخص Superscript و Subscript .
تمكنك القائمة المنسدلة Spacing من الاختيار بين التباعد Normal أو Expanded أو Condensed وتمكنك القائمة المنسدلة By من تحديد مقدار ما تريد توسيعه أو تكثيفه من تباعد، كما تمكنك القائمة المنسدلة Position من الاختيار بين Normal أو Raised أو Lowered الرأسي لأحرف محددة، يمكنك تحديد مقدار ما تريد رفعه أو خفضه من أحرف في المربع By.
تنسيق الفقرات
يمكنك تطبيق الفقرات على فقرة (فقرات) محددة بتحديد Format Paragraph أو بالنقر بزر الأيمن للماوس على فقرة محددة واختيار Paragraph Spacing من قائمة السياق يوفر مربع الحوار Paragraph إمكانية التحكم في تباعد الأسطر وتباعد الفقرات تقوم ناحية Preview بتوضيح تأثير التنسيق الذي تقوم بتطبيقه.
تنسيق الفقرات ذات التعداد الرقمي والنقطي
http://www.Q8YeeN.Com/ups/uploads/37abe80b6a.bmp
يتم الوصول إلى هذه القائمة عن طريق تحديد الفقرات ثم اختيار Format ç Bullets and Numbering يحتوي مربع الحوارList Properties على علامات التبويب التالية:
Image Bullets: تمكنك من تحديد صور لاستخدامها كأزرار يقوم زر الاختيار Use Image Form Current Theme بتخصيص رموز نقطية من موضوع تم تخصيصه لصفحة ويب يمكنك زر الاختيار Specify Image من تحديد أي رسم لاستخدامه كرمز نقطي ويمكنك الانتقال إلى ملف الرسم باستخدام زر Browse.
Plain Bullets: تمكنك من الاختيار بين ثلاثة أنواع من الرموز النقطية. : Numberتمكنك من الاختيار بين خمسة أنظمة للترقيم. يمكنك مربع الزيادة والنقصانStart at من بدء قائمة مرقمة برقم غير رقم (1).
Other: تمكنك من تخصيص أنماط قائمة HTML للفقرات المحددة.
إبدال نص بآخر في أي موضع على الويب
http://www.Q8YeeN.Com/ups/uploads/67474c1311.bmp
ولإبدال نص بآخر في موضع بأكمله يجب تحديد Edit ç Replace في مربع حوار Replace قم بإدخال النص لإيجاد مربع Find What وخاصة نص الإبدال في مربع Replace With .
إذا أردت إبدال الويب بأكمله انقر زر Find in Web وسوف ينشئ برنامج FrontPage قائمة بالصفحات أسفل مربع حوار Replace مع إبدال النص.
إدراج الفواصل
http://www.Q8YeeN.Com/ups/uploads/67912c259c.bmp
يتيح مربع حوار Break Properties إدراج فواصل سطور إجبارية (بوضع معاكس لفواصل الفقرات) ولإنشاء فاصل سطور إجباري حدد Insert ç Break وعند ذلك سيظهر مربع حوار Break Properties
ولإنشاء فاصل السطر الإجباري يجب النقر على زر خيار Normal Line Break ، تعمل أزرار خيار Clear Left Margin أو Clear Right Margin أو Clear Both Margin على تحريك السطر التالي ومنع تصادمه بأي صور .
إضافة خطوط أفقية
http://www.Q8YeeN.Com/ups/uploads/7e20674f8b.bmp
يمكن إدخال خطوط كفواصل بين النص والرسم. حدد Insert ç Horizontal Line لوضع خط عرضي عند نقطة المؤشر.
يمكننا من خلال النقر بزر الفأرة الأيمن فوق المستقيم الذي تم رسمة واختيار الأمر Horizontal Line Properties من اللائحة السريعة المنبثقة من تعديل مواصفات هذا الخط من صندوق الحوار الناتج.
حيث يمكن التعديل في امتداد الخط بالإضافة إلى سماكة الخط ولونه ومحاذاته أما محاذاة إلى اليمن أو اليسار أو توسيط.
استخدام التاريخ والوقت
http://www.Q8YeeN.Com/ups/uploads/b48e274461.bmp
تعرض Date and Time Component تعديلات وقت وتاريخ صفحة الويب حيث تمكن الزائر من إعلام الزائرين بأخر وقت تم تغيير الصفحة فيه، وبالتالي يمكنهم سريعاً تحديد إذا كانت المادة المتوفرة حاليا في موقع الويب تكفي احتياجاتهم.
لإضافة تعليمات Date and Time برمجية قم بوضع المؤشر في الموقع المراد إظهار Component فيه حدد Insert ç Date and Time سيظهر مربع حوار Date and Time Properties
وضع التعليقات
يمكن رؤية نص Comment في أسلوب عرض الصفحة بدون الظهور في إطار المستعرض وذلك يمكنك من الاستفادة منها بوضع ملاحظات لاستخدام المشاريع. ولإدراج نص Comment :
قم بتحديد مكان ظهور نص Comment ثم حدد Insert ç Comment وقم بكتابة النص في إطار Comment
إدراج الرموز
تتضمن الرموز أحرف والتي لا توجد في لوحة المفاتيح العادية ويمكن ترجمة هذه الرموز بمعظم أنواع المستعرضات. ولإدراج رمز نقوم بتحديد موقع الرمز ومن قائمة Insert نختار الأمر Symbol
إدراج الإشارات المرجعية
الإشارات المرجعية عبارة عن محددات في صفحة الويب والتي يمكن أن تكون هدف للارتباطات التشعبية، فهذه الإشارات يمكن استخدامها للتنقل في الصفحات أو كمحدد لارتباط بصفحة.
http://www.Q8YeeN.Com/ups/uploads/8332d1667a.bmp
ولإدراج الإشارات المرجعية في صفحة اتبع هذه الخطوات:
قم بالنقر لوضع نقطة الإدراج الخاصة بك على الصفحة أو حدد نص.
حدد çInsert Bookmark من القائمة.
يمكنك تحرير الإشارات المرجعية أو إلغائها وذلك بالقيام بنقر الجانب الأيمن من الإشارة المرجعية لتحديد Bookmark Properties وعند ذلك يتم تحرير الخصائص في مربع حوار Bookmark.
ولإنشاء ارتباط بإشارة مرجعية اتبع الخطوات التالية:
حدد النص أو الصورة التي سوف يتم ربطها بالإشارة المرجعية.
انقر أزرار Hyperlinks
إذا كنت تقوم بالارتباط بإشارة مرجعية أو صفحة ويب أخرى فعليك بإدخال هذه الصفحة في مربع URL وإذا كنت تقوم بالارتباط بإشارة مرجعية في صفحة مفتوحة فيمكنك ترك هذا المربع فارغ.
حدد الإشارة المرجعية المستهدفة الارتباط من قائمة Bookmark المنسدلة.
سوف يظهر هدف ارتباط الإشارة المرجعية في مربع URL بإشارة مرجعية تسبقها هذه العلامة #
إضافة صورة
فيما يلي عدة طرق لإضافة صور سريعا إلى صفحة ويب في عرض Page :
انسخ والصق من خلال Clipboard.
ادرج صورة من ملف على محرك الأقراص المحلي أو الإنترنت.( انقر زر Insert Picture من زر File في شريط الأدوات القياسي. ( ثم اختيار From File)
استخدام مجموعة FrontPage المتميزة من Clip art. في شريط الأدوات القياسي (انقر Insert Picture من زر File ومن ثم اختيار Clip Art)
قم بعمل مسح ضوئي مباشرة في FrontPage
تنسيق النص حول الصورة
لتنسيق نص حول رسم انقر الرسم بزر الماوس الأيمن وحدد Picture Properties من قائمة السياق، انقر علامة تبويب Appearance في مربع الحوار وحدد Right أو Left من قائمة Alignment المنسدلة.
حفظ الصور
بعد وضع رسم في صفحة الويب يمكنك حفظ هذا الرسم كصورة مضمنة من خلال حفظ الصفحة. كما تقوم بحفظ صفحة تحتوي على ملف صورة جديد (أو محرر) يتم أيضاً مطالبتك بحفظ الصورة.
التنسيق باستخدام الجداول
http://www.Q8YeeN.Com/ups/uploads/4fe11e4ab8.bmp
قد أصبحت الجداول Tables من المكونات الأساسية لصفحات الوب، تتيح لنا الجداول إمكانية ترتيب المعلومات والبيانات بشكل أنيق بالإضافة إلى إمكانية تخطيط الصفحة بشكل كامل عن طريق الجداول.
ويمكن الوصول إلى مربع حوار Insert Table من قائمة Table ç Insert حيث أن المواصفات التي يحتويها صندوق الحوار تسمح لنا بالتحكم بكافة أجزاء الجدول.
Size: تتحكم بأبعاد الجدول بأكمله من خلال إدخال عدد الأسطر والأعمدة.
Layout: تتحكم بطريقة ظهور الجدول على الصفحة.
Alignment: نحدد محاذاة الجدول بالنسبة للصفحة بشكل كامل.
Border Size: نحدد سماكة الإطار الذي يحيط بالجدول بشكل كامل.
Cell Padding: نحدد المسافة التي ستفصل بين حدود الخلية وبين النص الذي بداخلها.
Cell Spacing: نحدد المسافات التي تفصل خلايا الجدول عن بعضها البعض.
مربع حوار Table Properties
يحتوي صندوق الحوار Table Properties على العديد من الخيارات التي يمكن أن تؤثر على المظهر العام للجدول.
يوجد العديد من خيارات التحكم بالجدول نوضحها فيما يلي:
http://www.Q8YeeN.Com/ups/uploads/6e1bbfcbbf.bmp
Layout: نتحكم بموقع الجدول في الصفحة ويحتوي على عدة خيارات:
Alignment: ويفيدنا في تحديد محاذاة الجدول الأفقية وتملك عدة قيم.
Float: يتحكم بموقع الجدول .
Cell Padding: ومن هنا نحدد المسافة التي ستفصل بين حدود الخلية وبين النص الموجود داخل هذه الخلية.
Cell Spacing: يشير إلى المسافة التي ستفصل خلايا الجدول عن بعضها
Background : يتحكم بخلفية الجدول فإما أن تكون صورة ما، أو أن نغير لونه بشكل طبيعي:
Use Background Picture: عند تفعيل هذا الخيار علينا أن نختار ملف لصورة ما، يمكن التعديل بمواصفات هذه الصورة بالنقر على الزر Properties.
Color: يمكننا أن نختار لون خلفية الجدول.
إضافة تعليق جدول
لإضافة تعليق إلى جدول ننقر في أي مكان داخل الجدول ثم نختار الأمر Insert من القائمة Table ومنه نختار Caption سيقوم البرنامج FrontPage بإضافة خلية تعليق فارغة في أعلى الجدول ووضع مشيرة الكتابة ضمنها، اكتب التعليق الذي تريده.
مربع حوار Cell Properties
http://www.Q8YeeN.Com/ups/uploads/4ccbc6297b.bmp
ضع مشيرة الكتابة في الخلية، ثم حدد المحتويات لخلية أو أكثر، اختر الأمر Properties من القائمة Table ثم اختر Cell أو انقر بزر الفأرة الأيمن فوق الخلية ثم اختر الأمر Cell Properties من القائمة المنبثقة.
Layout: يحتوي على عدة عناصر تحكم يتم من خلالها تحديد مظهر الخلية المحددة.
Horizontal Alignment: نحدد محاذاة النص المكتوب ضمن الخلية.
Vertical Alignment: نحدد محاذاة النص في الخلية بشكل عمودي.
Headed Cell: عند تفعيل هذا الخيار فإن محتويات الخلية ستكتب بالنمط Bold
No Warp: في حال تفعيل هذا الخيار فإن المستعرض لن يسمح بالتفاف النص داخل الخلية.
Specify Width: قبل البدء بإدخال القيم لا بد من تفعيل هذا الخيار ومن ثم ندخل القيم التي نريدها.
Specify Height: هو نفس عمل الخيار السابق، ولكن تأثيره هو على طول الخلية.
Background: نتحكم بخلفية الخلية فقد تكون صورة ما أو قد تكون لون نختاره بأنفسنا.
Use Background Picture: يعني أننا نريد أن نضع صورة ما نختارها نحن كخلفية لهذه الخلية.
Color: نستطيع التحكم بلون الخلية الحالية.
Borders: نحدد اللون الذي ستظهر به حدود الخلية.
Light Border: نحدد لون إطار الخلية من الأعلى واليسار.
Dark Border: نحدد لون إطار الخلية من الأسفل واليمين.
Color: نختار لون الإطار ويجب الانتباه إلى أن مفعول هذا الخيار لن يظهر إلى إذا تم تحديد القيمة Automatic في الخيارين السابقين.
تحويل الجدول إلى نص والنص إلى جدول
من المهم معرفة أنه من الممكن تحول جدول إلى نص ولن يتم فقد أي من العناصر (النص، الرسوم البيانية، …) في الجدول وهذه العناصر تتحول إلى الصفحة بشكل عادي في فقرات، ولتحويل أحد الجداول إلى نص يتم النقر في أي مكان على الجدول ويتم اختيار Table ç Convert ç Table To Text وعند القيام بالعملية العكسية يتم اختيار النص ثم اختيار Table ç Convert ç Text To Table وسوف يطلب منك إدخال فقرات أو جدولات أو فواصل أو رموز في الخلايا.
استكشاف مكونات FrontPage
لإعداد هذه المكونات ضمن صفحة ويب معينة علينا أولاً إنشاء أو فتح صفحة ويب عن طريق محرر البرنامج وهذه المكونات هي:
Banner Ad Manager
يفيد هذا المكون في عرض سلسلة من الصور وترتبط الفترة الزمنية التي سيستمر بها هذا المكون بعرض الصور بالإعدادات التي تحددها، وللوصول إلى هذا المكون من قائمة Insert نختار Component ومن القائمة المتفرعة نختار Banner Ad Manager:
http://www.Q8YeeN.Com/ups/uploads/fce4007e0f.bmp
يحتوي هذا الصندوق على العديد من الخيارات:
Width and Height: يتم التحكم بالمساحة التي ستشغلها الصورة من الموقع.
Transition Effect: نحدد طرق الانتقال من صورة إلى أخرى.
Show Each Picture For (seconds): نحدد الزمن الذي ستبقى به الصورة معروضة على الشاشة إلى حين الانتقال إلى الصورة الأخرى وهذا الزمن بالثانية.
Link To: نحدد المكان الذي سينقلنا إليه المستعرض في حال الضغط على أحد الصور
Picture To Display: يحتوي على لائحة الصور التي سيتم عرضها من خلال هذا المكون.
Hit Counter
http://www.Q8YeeN.Com/ups/uploads/c9637dde45.bmp
بشكل عام إن مقياس نجاح أي موقع يتحدد بمدى إقبال الزوار عليه، فكان لا بد من طريقه لمعرفة عدد الزوار الذين يدخلون إلى الموقع أن العنصر النشط Hit Counter عبارة عن عدد يزيد بمقدار (1) كلما دخل شخص ما إلى الموقع.
لإضافة عداد زوار (Hit Counter) اختر الأمر Components من القائمة Insert ثم اختر الأمر Hit Counter
Counter Style: يمكننا من التحكم بشكل العداد علماً أن مبدأ العدادات هو نفسه.
Reset Counter To: يفيد في تحديد قيمة بداية عمل العداد.
Fixed Number of Digits: تفعيل هذا الخيار يساعد على تحديد عدد الخانات التي يجب أن تظهر الأرقام بها.
Hover Button
http://www.Q8YeeN.Com/ups/uploads/495aa9bfe2.bmp
وهي عبارة عن أزرار رسومية تغير هذه الأزرار مظهرها العام بمجرد مرور مشيرة الفأرة فوقها، وإذا تم النقر عليها فسيتم تنفيذ عملية انتقال إلى مكان آخر في الصفحة أو في الموقع وذلك حسب الارتباط التشعبي المحدد ضمنها.
لإنشاء مكون Hover Button من قائمة Insert اختر الأمر Component ومن ثم اختر الأمر Hover Button فيظهر لنا صندوق حوار:
Button Text: نتحكم من خلاله بالنص الذي سيظهر على سطح الزر.
Link To: نتحكم بالمكان الذي سننتقل إليه عند النقر على الزر.
Button Color: من خلاله نختار اللون الابتدائي الذي سيظهر به الزر وذلك قبل تطبيق التأثير عليه.
Effect: من خلاله نحدد السلوك الذي سيتبعه الزر عند مرور مشيرة الفأرة.
http://www.Q8YeeN.Com/ups/uploads/a8b14f0a4e.bmp
Effect Color: نحدد اللون الذي سيشترك مع اللون الأساسي المحدد في الخيار Hover Button
Width and Hight: نحدد من خلاله أبعاد الزر الطول والعرض.
أما عند الضغط على الخيار Custom فيظهر صندوق الحوار الذي يحتوي على الخيارات:
Play Sound: نحدد الملف الصوتي الذي نريده أن يرافق عمل الزر.
Custom Picture: في هذا القسم نحدد ملف صورة ما، تظهر على سطح الزر.
Marquee
يستطيع هذا المكون جعل عبارة نصية مؤلفة من سطر واحد تتحرك إلى اليسار واليمن عبر نافذة المستعرض. للوصول إلى هذا المكون من قائمة Insert نختار Component ومن ثم نختار Marquee
http://www.Q8YeeN.Com/ups/uploads/2853b69bf4.bmp
Text: منه نحدد العبارة التي نريدها أن تظهر كشعار متحرك بكتابتها من لوحة المفاتيح.
Direction: نتحكم باتجاه الحركة التي سيسلكها النص فإما أن تكون إلى اليمن أو اليسار.
Speed: نتحكم بسرعة حركة الشعار.
Behavior: نحدد من هذا الجزء نوع الحركة فإما أن نختار Scroll وفيها تتكرر الحركة من البداية كلما وصل نهاية النص إلى الحافة الأخيرة من الشعار. أو أن نختار Slide وفيها تتكرر الحركة كلمة وصل نهاية النص إلى الحافة الأولى من منطقة الشعار، أو أن نختار Alternate وفيها يتحرك النص إلى الخلف والأمام ضمن المنطقة المتاحة له فقط دون أن يخفي أي جزء من النص.
Align With Text: نحدد من هذا الجزء طبيعة المحاذاة بين النص والمنطقة المحجوزة من أجل الشعار.
Size: نحدد عرض وارتفاع المنطقة المخصصة للشعار.
Repeat: يمكننا جعل الشعار متحرك بشكل دائم بتفعيل الخيار Continuously أو أن نلغي تفعيل هذا الخيار لنحدد عدد مرات تحريك الشعار من خلال الصندوق المسمى Times.
Background Color: يستخدم لإعطاء أرضية الشعار لون مختلف عن لون الصفحة.
Include Page
http://www.Q8YeeN.Com/ups/uploads/f0b6b2376a.bmp
يساعدنا هذا المكون على تضمين (استعراض) ويب داخل صفحة ويب أخرى من نفس الموقع أو في موقع أخر.
Scheduled Include Page
يستخدم هذا المكون لنفس الهدف الذي يمكن استخدام المكون Include Page من أجله. ولكن في هذا المكون يتم عرض الصفحة أو المعلومات الضمنة ضمن الفترة زمنية محدودة نحددها من صندوق الحوار الخاص به.
During The Scheduled: ويحتوي عل المسار الكامل للملف المراد إظهاره في فترة محددة.
Before or After the Scheduled Time (optional): من خلاله نحدد الملف الذي سيظهر قبل بدء الفترة الزمنية الخاصة بالملف السابق أو بعد انقضاء الفترة الزمنية المخصصة له.
Starting: من خلال هذا القسم نحدد تاريخ البدء بالسنة والشهر واليوم وكذلك .
Ending: من خلال هذا القسم نحدد تاريخ توقف عرض هذا الملف.
Scheduled Picture
إن الهدف من هذا المكون هو نفسه في المكون Scheduled Include Page ولكن هنا سوف نحدد التاريخ والفترة الزمنية من أجل عرض صورة ما بدلاً من ملف HTML ويمكن الوصول إلى هذا المكون من قائمة Insert نختار الأمر Component ثم نختار الكائن Scheduled Picture .
النماذج Form
تستخدم النماذج من أجل عدة أهداف في مواقع الإنترنت ومن أهمها:
تسجيل اشتراك بإحدى خدمات المعلومات ونتيجة هذا الاشتراك يصبح للمستخدم عضوية يملك اسم وكلمة مرور يدخل دائماً بهما للحصول على معلومات من هذه الخدمات (بيانات البريد المجاني).
لإرسال بيانات شراء لمادة معينة يتم تحديدها من خلال النموذج ويتم بيان طريقة الدفع سواء كان شيك أو بطاقة ائتمان ......
تستخدم النماذج لهدف إحصائي أو استفتائي حول موضوع معين تؤخذ آراء المستخدمين من النماذج وتعالج من قبل برامج مخزنه في مخدم موقع الإنترنت ليتم تخزينها في قاعدة بيانات تهم المؤسسات في اتخاذ القرار
تستخدم النماذج في المواقع الشخصية للتسجيل في كتاب الزوار Guest Book حيث يسجل المستخدم كافة تعليقاته وملاحظاته.
وللوصول إلى عناصر النموذج نختار من قائمة Insert Form ç
النموذج Form ) ) هذا العنصر أساسي في كل النماذج، يحتوي على إطار يضم عناصر النماذج الأخرى التي سيتم ذكرها، بالإضافة إلى زرين هما Submit و Reset
Submit: إرسال بيانات النموذج إلى مخدم الويب server
Reset:إعادة وضع البيانات على القيم الافتراضية.
One Line Text Box (مربع نص لسطر واحد): يمكن المستخدم من كتابة البيانات النصية داخل المربع ولكن لسطر واحد فقط مثل الاسم وعنوان والبريد الإلكتروني و.....
Check Box (خانة الأخيار) عندما يكون المستخدم حر في تحديد ميوله أو اهتماماته بإمكانه أن يحدد أي خانة اختيار.
Radio Button: يكون المستخدم مجبر على اختيار أحد الاحتمالات فقط ولا يمكن له أن يجمع بين اختيارين.
Drop Down Menu (القائمة المنسدلة): هي مجموعة من البنود المكتوبة الجاهزة بإمكانك اختيار أحدها كجواب على سؤال مطروح في نموذج.
كيفية إدخال بنود القائمة المنسدلة:
حدد العنصر Drop Down Menu انقر الزر الأيمن واختر الأمر Form Field Properties (خصائص حقل النموذج).
http://www.Q8YeeN.Com/ups/uploads/975db203b9.bmp
ننقر على زر Add نكتب عند Choice (الخيار) نص البند الأول من القائمة المنسدلة.
ملاحظة: بتحديد Selected يكون البند المختار هو القيمة الافتراضية للقائمة المنسدلة الظاهرة في القائمة.
نكرر الخطوة 2 حتى الانتهاء من كافة بنود القائمة ومن ثم نختار OK
Bush Button عبارة عن زر تنفيذ وللوصول إلى خصائص هذا الزر يكفي النقر علية مرتين
مصير البيانات المرسلة عبر النماذج
لا تعمل النماذج المنشأة بواسطة برنامج FrontPage إلا إذا كان المخدم الذي نشرنا عليه صفحاتنا يدعم ما يسمى FrontPage Server Extension مخدم توسيعات فرونت بيج، ففي حال لم يدعم FrontPage Server Extension نستخدم أحد خدمات استضافة المواقع المجانية Web Hosting Serves وسوف تشاهد معلومات عن كيفية إرسال البيانات من النموذج الذي أنشأته عبر تزويدك بكود ( شفرة ) HTML تقوم بإدراجها حسب المطلوب في صفحاتك.
نشر موقع ويب
قبل البدء بعملية نشر الموقع يجب القيام ببعض المهام حتى نضمن أن الموقع خالي من الأخطاء ومن هذه المهام:
التدقيق الإملائي في مضمون موقع الويب.
التدقيق في الصفحات الوحيدة.
التحقق من الارتباطات.
التحقق من المكونات.
نشر الموقع باستخدام HTTL
يمكن استخدام (HTML (Hyper Text Transfer Protocol وهو بروتوكول الويب القياسي في نشر الصفحات إلى خادم الويب. وذلك إذا كان المخدم مثبت به FrontPage Server Extension ولنشر الويب نقوم باتباع الخطوات التالية:
حدد File ç Publish Web لفتح مربع حوار الخاص بنشر الموقع.
http://www.Q8YeeN.Com/ups/uploads/9f31eea33f.bmp
قم بتعين الموقع الذي تقوم بالنشر إليه.
حدد إذا كنت تريد نشر كل الصفحات أم الصفحات التي تم تغييرها في أخر نشر لك فقط.
إذا كنت تريد نشر صفحات ويب فرعية وموقع الويب الرئيسي فحدد خانة اختيار Include Subwebs
إذا قمت باستخدام اتصال مؤمن (ssl) في نشر صفحات إلى خادم الويب الخاص بك فحدد خانة خيار Secure Connection Required.
انقر Publish وسيقوم البرنامج بإجراء التحديث ثم عرض URL الخاص بالموقع ويمكن نقر هذا الارتباط للتأكد من إتمام تحديث الصفحات بنجاح.
FrontPage Webs ومواقع الويب
أصبح الإنترنت معروفاً بأنه World Wide Web كما تعرف المواقع الموجودة في شبكة الاتصال بمواقع ويب، إن معظم مواقع الويب تتكون من العديد من صفحات الويب. لزيارة موقع ويب، ادخل URL أو Uniform Resource Locator (وهو عنوان موقع ويب) في المستعرض وسيتم تعيين موقع هذا الويب بواسطة المستعرض.
صفحات الويب
تختلف صفحات الويب عن المستندات الأخرى حيث يتم تصميمها ليتم تفسيرها بواسطة مستعرض الويب، يقوم مستعرض الويب بتفسير وعرض محتويات صفحة الويب بقراءة لغة البرمجة Hypertext Markup Language (HTML) حيث يجنكFrontPage دراسة HTML من خلال ترجمة خيارات القائمة التي قمت بتحديدها في لغة HTML .
نظرة شاملة وسريعة على FrontPage
عند فتح FrontPage سوف تشاهد قائمة Views على يسار الشاشة، كما تشاهد مساحة كبيرة مفتوحة على يمين الشاشة تعرف بمساحة العمل.
قبل بدء إنشاء صفحات الويب وتنظميها في موقع ويب، يجب الاطلاع على مختلف طرق العرض في FrontPage2000 :
Page إذا كنت مسئولا عن محتوى موقع ويب، سوف تقضي معظم وقتك في عرض Page ، حيث تقوم بتحرير صفحات فردية. يمكنك عرض أو إخفاء قائمة بملفاتك وذلك بتحديد View ç Folder List من القائمة.
http://www.Q8YeeN.Com/ups/uploads/818a027e9d.bmp
Folders هو دليل بالملفات التي تقوم بإنشائها في FrontPage الذي يقوم بإنشاء مجلدين فارغين وهما (Image, Private) عند فتح موقع ويب جديد. وعندما تقوم بحفظ صفحة ويب أو أي عنصر آخر لموقع الويب، سوف تشاهد سرد الملفات هنا.
Report يمكن أن يقوم FrontPage بتكوين تقارير عن تقييم حالة موقع الويب. وتقوم طريقة العرض الافتراضية التي تظهر عند نقر رمز Reports في شريطView بعرض تلخيص لمختلف التقارير المتاحة. كما يمكنك عرض أي تقرير معين بنقره نقراً مزدوجاً في جدول بيانات Site Summary أو بتحديده من القائمة الفرعية View Reports.
Navigation: يمكنك من تنظيم جميع ملفات صفحات ويب المختلفة في موقع ويب متكامل ومن تعريف ارتباطات التنقل بين الصفحات.
Hyperlinks: تعرف الارتباطات التشعبية بالنصوص أو الرسوم التي تتيح للزائر الاتصال بصفحة ويب أخرى عند نقرها. يمكن أن تصبح الارتباطات تالفة أو قديمة عند تغيير صفحات الويب ولذلك يقوم أسلوب العرض هذا بفحصها.
http://www.Q8YeeN.Com/ups/uploads/2ff365682c.bmp
Tasks: يسمح FrontPage للعديد من أعضاء فريق تصميم ويب (أو لمصمم ويب واحد) بإنشاء قوائم بالمهام التي يجب إنجازها. يمكن أن يتم تعيين المهام لمختلف أعضاء الفريق الذين يمكنهم التحقق من تقدمهم بمجرد انتهاء الويب.
إنشاء موقع ويب:
نظراً لأن مواقع الويب عبارة عن مجموعة من صفحات الويب، فيمكنك البدء بتصميم بنية الموقع ومن ثم إنشاء محتوى الصفحة.
عندما تقوم بتحديد File ç New ستشاهد خيار القائمة Page Web اختر Web وسوف تشاهد مربع حوار New، ومن مربع حوار New يجب تحديد قالب لتوفير تصميم لموقعك وتحديد موقع للويب الخاص بك.
كيفية حفظ الويب الجديد
يمكن إنشاء ويب على خادم الويب المتصل بالإنترنت أو إنشاء الويب على محرك أقراص جهاز كمبيوتر محلي. لا تحتوي معظم صفحات الويب التي تم حفظها إلى محرك الأقراص الثابت على الخصائص المتقدمة المتاحة في FrontPage مثل إمكانية تجميع البيانات من نماذج الإدخال، وبالتالي لا يمكن لأي شخص آخر بزيارتها. ولكن يمكنك استخدام محرك الأقراص الثابت لتصميم ويب ثم نشره إلى خادم الويب عند إتاحته.
إنشاء صفحة رئيسية
إذا قمت باستخدام قالب ويب Personal Web أو One Page Web سوف تظهر One Page بصفحة رئيسية.
http://www.Q8YeeN.Com/ups/uploads/88d2bdc232.bmp
إضافة الصفحات إلى موقع ويب:
يمكنك إضافة صفحات ويب إلى موقع الويب الخاص بك في عرض Navigation بواسطة نقر زر New Page في شريط الأدوات. وسوف تظهر صفحات جديدة كصفحات تابعة للصفحة الرئيسية بعد نقر هذا الزر.
عناوين الصفحات وأسماء الملفات
تحتوي صفحات الويب على كل من العناوين وأسماء الملفات. يتم استخدام Filename داخليا ليتمكن FrontPage من تنظيم الويب.
لتغير عنوان الصفحة في عرض Navigation انقر بزر الماوس الأيمن صفحة تقع في التخطيط الانسيابي ثم قم بتحديد Rename من قائمة السياق. ادخل اسم جديد واضغط Enter.
عرض صفحاتك
لمشاهدة كيفية تطور شكل موقع الويب يمكنك فحصة بالأربعة طرق التالية:
عرض Page وعلامات تبويب Normal
عرض Page وعلامات تبويب HTML
عرض Page وعلامات تبويب Preview
مستعرض ويب (مثل Microsoft Internet Explorer أو Netscape)
علامة تبويب Normal: تعرض علامة تبويب Normal في عرض Page صفحات ويب مشابهة لمظهرها في مستعرض ويب، وتعرض أيضاً علامة تبويب Normal عناصر الصفحات التي لا تظهر في مستعرض مثل Comment وخطوط منقطة لتعيين حدود مشتركة وعلامات تحرير أخرى.
علامة تبويب HTML: يمكنك مشاهدة لغة HTML التي يتم إنشاؤها بواسطة FrontPage لصفحة الويب من خلال نقر علامة تبويب HTML في عرض Page كما يحق لك تحرير لغة HTML في هذا العرض إذا كنت مبرمج HTML.
علامة تبويب Preview: تعرض علامة تبويب Preview في عرض Page صفحة الويب بشكل أقرب إلى ما سوف تظهر علية في المستعرض.
المعانية في المستعرض: لمعاينة صفحة الويب في المستعرض حدد File ç Preview in Browser يتيح لك مربع حوار الاختيار بين أي مستعرض تم تثبيته على الكمبيوتر وأي دقة شاشة مدعمة بواسطة النظام.
تعريف الارتباطات التنقلية
فيما يلي طريقتين أساسيتين لتصميم وتخطيط موقع الويب الخاص بك:
التصميم الخطي: الذي يصاحب زائريك في موقعك الشخصي في خط مستقيم.
التصميم الهيكلي: يقوم بإمداد زائريك بالعديد من الخيارات.
تعريف أشرطة التنقل في حدود مشتركة
http://www.Q8YeeN.Com/ups/uploads/8abe4d6ad6.bmp
يمكن إدراج أشرطة التنقل في أي موقع من صفحة الويب ولكن عادة يتم إدراجها في الحدود المشتركة التي هي نوع خاص من صفحات الويب التي تظهر على صفحة للويب والحدود المشتركة هي ما يمكن توصيله بقمة الصفحة أو أسفل الصفحة أو يسار الصفحة أو يمين الصفحة
إضافة الحدود المشتركة
لتطبيق الحدود المشتركة على موقع الويب، اتبع ما يلي:
حدد Format ç Shared Borders
حدد زر خيار All Pages لتطبيق الحدود المشتركة على الويب بأكمله أو حدد زر خيار Selected Pages لتطبيق الحدود المشتركة على الصفحات المحددة فقط.
حدد أي مجموعة من الحدود المشتركة العلوية والسفلية الشائعة الاستخدام.
دمج شريط التنقل بالحدود المشتركة
اختر Insert ç Navigation Bar
http://www.Q8YeeN.Com/ups/uploads/edbe278b11.bmp
في مربع حوار Navigation Bar Properties اختر واحد من أزرار الخيار الستة في منطقة Hyperlinks to Add to Page وهي:
ارتباطات Parent Level: تعرض فقط ارتباطا إلى الصفحة في مخطط عرض Navigation الذي يظهر فوق الصفحة المعروضة تماما.
ارتباطات Same Level: تعرض صفحات ويب أخرى على نفس مستوى مخطط موقع عرض Navigation.
Back and Next: تعرض ارتباطات مستوى Parent و Child من الصفحة الحالية.
تقوم ارتباطات Child Level فقط بتكوين ارتباطات إلى الصفحات الموجودة أسفل الصفحة الحالية في مخطط عرض Navigation
ارتباطات Top Level تعرض ارتباطات لكل الصفحات التي توجد في أعلى مستوى من المخطط.
حذف صفحة
http://www.Q8YeeN.Com/ups/uploads/ad96137b7c.bmp
يمكن حذف صفحة من تكوين التنقل بنقر الصفحة في عرض التنقل والضغط على مفتاح Delete وسوف يظهر مربع حوار صفحة Delete حيث يوجد خيارين:
قم بإزالة هذه الصفحة من كل أشرطة التنقل: وذلك لا يحذف الصفحة من موقع الويب ولكنه يزيل أي ارتباط بهذه الصفحة من أشرطة التنقل آلية التشعب.
حذف هذه الصفحة من الويب: يحذف الصفحة ومحتوياتها من صفحة الويب.
إنشاء محتوى صفحة ويب
بعد القيام بتخطيط الهيكل الأساسي للويب الخاص بك يمكن الاستعداد لملء الصفحة بالمحتويات التي تتضمن نص وعناصر أخرى مثل الصور.
هناك تعليمات للتحرير هي:
Format Painter: حدد النص وانقر أداة Format Painter ثم انقر على نص جديد لتطبيق تنسيق النص الأصلي على النص الهدف.
Thesaurus: حدد الكلمة ثم قم باختيار Tools ç Thesaurus لإيجاد قائمة المرادفات وقم بإيجاد قائمة في Replace بقائمة Synonym وانقر زر Replace.
Edit ç Find and Edit ç Replace: قم بإيجاد سلاسل النص بخيار تعيين النص المستبدل ليس لدى مربعات Find و Replace خيارات البحث عن أو تغيير أحرف معينة كإرجاع السطور يدويا أو الجدولة أو الفقرات.
Tab Key: يمكن استخدامه (أو استخدام مفتاح المسافات) لإدخال مسافات إضافية بين الكلمات.
التدقيق الإملائي في الموقع الخاص بك بأكمله
http://www.Q8YeeN.Com/ups/uploads/5d6aac8140.bmp
قم بتحديد Tools ç Spelling في عرض الصفحة أو انقر أداة Spelling في شريط أدوات Standard وقم بالتدقيق الإملائي فقط بالصفحة المفتوحة الخاصة بك، يوجد في مربع الحوار خيارين أحدهم للتأكد من Selected Page والآخر للتأكد من Entire Web وللتدقيق الإملائي لموقع الويب بأكمله يجب استخدام خيارEntire Web.
ويقوم برنامج FrontPage بالتدقيق الإملائي في جميع صفحاتك وإنشاء قائمة في مربع حوار Spelling .
تخصيص موضوعات FrontPage
تنقسم عناصر الموضوعات بوجه عام إلى ثلاث فئات:
الألوان: تتضمن الألوان المخصصة لها والألوان المخصصة لعناصر رسومات مثل الأزرار والخطوط الأفقية.
http://www.Q8YeeN.Com/ups/uploads/3fbb266a48.bmp
الرسومات: تتضمن الصور المستخدمة للأزرار وخلفية الصفحة والخطوط الأفقية والرموز النقطية.
الأنماط: تتضمن إنشاء أنماط خطوط خاصة في مربع الحوار Themes وتعمل هذه الأنماط مثل الأنماط المستخدمة في برنامج نشر الشاشة الرئيسية ومعالجة النصوص ذات سمات محدودة مثل نوع الخط وحجمه ولونه.
تحديد خصائص الصفحة
تقوم خصائص صفحة ويب بتحديد شكل صفحتك بما في ذلك ألوان الخلفية أو خصائص أخرى يتم تطبيقها على صفحة ويب كاملة تتوفر السمات في مربع الحوار Page Properties
http://www.Q8YeeN.Com/ups/uploads/20f7a479a5.bmp
ولفتح صندوق حوار خواص الصفحة اختر الأمر Properties من القائمة Fill أو أنقر بزر الفأرة الأيمن فوق أي مكان من نافذة محرر البرنامج ومن اختر الأمر Page Properties من القائمة المنبثقة
الخصائص الرئيسية لعلامة التبويب General
1) Location: وهو عنوان URL الخاص بالموقع المفتوح حاليا.
2) Title: وهي عبارة عن عنوان الصفحة.
3) Base Location: يتم تحديد المسار الأساسي لعنوان URL لهذا الموقع. Default Target Farme إذا قمت بتقسيم نافذة المستعرض إلى عدة نوافذ عندها يفيدك هذا الحقل في تحديد الروابط التشعبية التي ستظهر بشكل افتراضي في هذه الأقسام عند تشغيل الموقع.
4) Background Sound: ويحتوي على ثلاث حقول نتحكم من خلالها بالملف الصوتي المحدد.
5) Style: هذا الزر يؤدي إلى فتح صندوق حوار آخر نحدد من خلاله الشكل العام لتسلسل المعلومات في الصفحة الحالية.
http://www.Q8YeeN.Com/ups/uploads/9a737691d9.bmp
تحديد خلفية الصفحة
يمكن التحكم في الصفحة بأكمله من خلال علامة التبويب Background التابعة لمربع الحوار Page Properties
Background Picture: سيكون للصفحة خلفية هي عبارة عن صورة.
Watermark: أن تفعيل هذا الخيار يؤدي إلى جعل الصورة ثابتة حتى ولو استخدمنا أشرطة الإنزلاق لاستعراض باقي الصفحة.
Properties: يفيد في تعديل خواص الصورة التي اعتمدناها كخلفية للصفحة.
Background: نختار من الصندوق اللوني اللون الذي نرغب بأن يكون هو لون الخلفية.
Text: نحدد اللون الذي نريد أن تظهر به النصوص المكتوبة.
Hyperlink: نستطيع أن نحدد اللون الذي نريد أن تظهر به العبارات التي تملك ارتباطاً تشعبياُ مع صفحات أخرى أو موقع أخرى
Visited Hyperlink: نحدد اللون الذي نريد أن تظهر فيه عبارات الربط التشعبي عند وضع مشيرة الفأرة عليها.
http://www.Q8YeeN.Com/ups/uploads/43c481133b.bmp
Active Hyperlink: نحدد اللون الذي ستظهر به عبارات الربط التشعبي عند النقر عليها بواسطة الفأرة.
تحديد الهوامش
تحتوي علامة التبويب Margins على مربعي اختيار مربعي زيادة ونقصان حيث يمكنك مربع الاختيار Specify Top Margin من تحرير مساحة فارغة في أعلى الصفحة.
يمكنك مربع الاختيار Specify Left Margin من تحرير هامش أيسر.
تنسيق الخطوط
http://www.Q8YeeN.Com/ups/uploads/5b88f7201a.bmp
تقوم علامة التبويب Font التابعة لمربع الحوار Font بتوفير خيارات لتعديل الخط ونمط الخط وحجم الخط ولون الخط، تعمل خيارات القائمة هذه مثل الأزرار الموجودة في شريط التنسيق Formatting كما يسمح لك مربع الحوار بتطبيق العديد من هذه التأثيرات التي هي عبارة عن خصائص مقترنة بأوامر HTML.
تنسيق تباعد الأحرف
http://www.Q8YeeN.Com/ups/uploads/9ed35a15f7.bmp
تمكنك علامة التبويب Character Spacing التابعة لمربع الحوار Font من تخصيص تباعد المسافة بين الأحرف أو لتحديد التباعد الرأسي التي تخص Superscript و Subscript .
تمكنك القائمة المنسدلة Spacing من الاختيار بين التباعد Normal أو Expanded أو Condensed وتمكنك القائمة المنسدلة By من تحديد مقدار ما تريد توسيعه أو تكثيفه من تباعد، كما تمكنك القائمة المنسدلة Position من الاختيار بين Normal أو Raised أو Lowered الرأسي لأحرف محددة، يمكنك تحديد مقدار ما تريد رفعه أو خفضه من أحرف في المربع By.
تنسيق الفقرات
يمكنك تطبيق الفقرات على فقرة (فقرات) محددة بتحديد Format Paragraph أو بالنقر بزر الأيمن للماوس على فقرة محددة واختيار Paragraph Spacing من قائمة السياق يوفر مربع الحوار Paragraph إمكانية التحكم في تباعد الأسطر وتباعد الفقرات تقوم ناحية Preview بتوضيح تأثير التنسيق الذي تقوم بتطبيقه.
تنسيق الفقرات ذات التعداد الرقمي والنقطي
http://www.Q8YeeN.Com/ups/uploads/37abe80b6a.bmp
يتم الوصول إلى هذه القائمة عن طريق تحديد الفقرات ثم اختيار Format ç Bullets and Numbering يحتوي مربع الحوارList Properties على علامات التبويب التالية:
Image Bullets: تمكنك من تحديد صور لاستخدامها كأزرار يقوم زر الاختيار Use Image Form Current Theme بتخصيص رموز نقطية من موضوع تم تخصيصه لصفحة ويب يمكنك زر الاختيار Specify Image من تحديد أي رسم لاستخدامه كرمز نقطي ويمكنك الانتقال إلى ملف الرسم باستخدام زر Browse.
Plain Bullets: تمكنك من الاختيار بين ثلاثة أنواع من الرموز النقطية. : Numberتمكنك من الاختيار بين خمسة أنظمة للترقيم. يمكنك مربع الزيادة والنقصانStart at من بدء قائمة مرقمة برقم غير رقم (1).
Other: تمكنك من تخصيص أنماط قائمة HTML للفقرات المحددة.
إبدال نص بآخر في أي موضع على الويب
http://www.Q8YeeN.Com/ups/uploads/67474c1311.bmp
ولإبدال نص بآخر في موضع بأكمله يجب تحديد Edit ç Replace في مربع حوار Replace قم بإدخال النص لإيجاد مربع Find What وخاصة نص الإبدال في مربع Replace With .
إذا أردت إبدال الويب بأكمله انقر زر Find in Web وسوف ينشئ برنامج FrontPage قائمة بالصفحات أسفل مربع حوار Replace مع إبدال النص.
إدراج الفواصل
http://www.Q8YeeN.Com/ups/uploads/67912c259c.bmp
يتيح مربع حوار Break Properties إدراج فواصل سطور إجبارية (بوضع معاكس لفواصل الفقرات) ولإنشاء فاصل سطور إجباري حدد Insert ç Break وعند ذلك سيظهر مربع حوار Break Properties
ولإنشاء فاصل السطر الإجباري يجب النقر على زر خيار Normal Line Break ، تعمل أزرار خيار Clear Left Margin أو Clear Right Margin أو Clear Both Margin على تحريك السطر التالي ومنع تصادمه بأي صور .
إضافة خطوط أفقية
http://www.Q8YeeN.Com/ups/uploads/7e20674f8b.bmp
يمكن إدخال خطوط كفواصل بين النص والرسم. حدد Insert ç Horizontal Line لوضع خط عرضي عند نقطة المؤشر.
يمكننا من خلال النقر بزر الفأرة الأيمن فوق المستقيم الذي تم رسمة واختيار الأمر Horizontal Line Properties من اللائحة السريعة المنبثقة من تعديل مواصفات هذا الخط من صندوق الحوار الناتج.
حيث يمكن التعديل في امتداد الخط بالإضافة إلى سماكة الخط ولونه ومحاذاته أما محاذاة إلى اليمن أو اليسار أو توسيط.
استخدام التاريخ والوقت
http://www.Q8YeeN.Com/ups/uploads/b48e274461.bmp
تعرض Date and Time Component تعديلات وقت وتاريخ صفحة الويب حيث تمكن الزائر من إعلام الزائرين بأخر وقت تم تغيير الصفحة فيه، وبالتالي يمكنهم سريعاً تحديد إذا كانت المادة المتوفرة حاليا في موقع الويب تكفي احتياجاتهم.
لإضافة تعليمات Date and Time برمجية قم بوضع المؤشر في الموقع المراد إظهار Component فيه حدد Insert ç Date and Time سيظهر مربع حوار Date and Time Properties
وضع التعليقات
يمكن رؤية نص Comment في أسلوب عرض الصفحة بدون الظهور في إطار المستعرض وذلك يمكنك من الاستفادة منها بوضع ملاحظات لاستخدام المشاريع. ولإدراج نص Comment :
قم بتحديد مكان ظهور نص Comment ثم حدد Insert ç Comment وقم بكتابة النص في إطار Comment
إدراج الرموز
تتضمن الرموز أحرف والتي لا توجد في لوحة المفاتيح العادية ويمكن ترجمة هذه الرموز بمعظم أنواع المستعرضات. ولإدراج رمز نقوم بتحديد موقع الرمز ومن قائمة Insert نختار الأمر Symbol
إدراج الإشارات المرجعية
الإشارات المرجعية عبارة عن محددات في صفحة الويب والتي يمكن أن تكون هدف للارتباطات التشعبية، فهذه الإشارات يمكن استخدامها للتنقل في الصفحات أو كمحدد لارتباط بصفحة.
http://www.Q8YeeN.Com/ups/uploads/8332d1667a.bmp
ولإدراج الإشارات المرجعية في صفحة اتبع هذه الخطوات:
قم بالنقر لوضع نقطة الإدراج الخاصة بك على الصفحة أو حدد نص.
حدد çInsert Bookmark من القائمة.
يمكنك تحرير الإشارات المرجعية أو إلغائها وذلك بالقيام بنقر الجانب الأيمن من الإشارة المرجعية لتحديد Bookmark Properties وعند ذلك يتم تحرير الخصائص في مربع حوار Bookmark.
ولإنشاء ارتباط بإشارة مرجعية اتبع الخطوات التالية:
حدد النص أو الصورة التي سوف يتم ربطها بالإشارة المرجعية.
انقر أزرار Hyperlinks
إذا كنت تقوم بالارتباط بإشارة مرجعية أو صفحة ويب أخرى فعليك بإدخال هذه الصفحة في مربع URL وإذا كنت تقوم بالارتباط بإشارة مرجعية في صفحة مفتوحة فيمكنك ترك هذا المربع فارغ.
حدد الإشارة المرجعية المستهدفة الارتباط من قائمة Bookmark المنسدلة.
سوف يظهر هدف ارتباط الإشارة المرجعية في مربع URL بإشارة مرجعية تسبقها هذه العلامة #
إضافة صورة
فيما يلي عدة طرق لإضافة صور سريعا إلى صفحة ويب في عرض Page :
انسخ والصق من خلال Clipboard.
ادرج صورة من ملف على محرك الأقراص المحلي أو الإنترنت.( انقر زر Insert Picture من زر File في شريط الأدوات القياسي. ( ثم اختيار From File)
استخدام مجموعة FrontPage المتميزة من Clip art. في شريط الأدوات القياسي (انقر Insert Picture من زر File ومن ثم اختيار Clip Art)
قم بعمل مسح ضوئي مباشرة في FrontPage
تنسيق النص حول الصورة
لتنسيق نص حول رسم انقر الرسم بزر الماوس الأيمن وحدد Picture Properties من قائمة السياق، انقر علامة تبويب Appearance في مربع الحوار وحدد Right أو Left من قائمة Alignment المنسدلة.
حفظ الصور
بعد وضع رسم في صفحة الويب يمكنك حفظ هذا الرسم كصورة مضمنة من خلال حفظ الصفحة. كما تقوم بحفظ صفحة تحتوي على ملف صورة جديد (أو محرر) يتم أيضاً مطالبتك بحفظ الصورة.
التنسيق باستخدام الجداول
http://www.Q8YeeN.Com/ups/uploads/4fe11e4ab8.bmp
قد أصبحت الجداول Tables من المكونات الأساسية لصفحات الوب، تتيح لنا الجداول إمكانية ترتيب المعلومات والبيانات بشكل أنيق بالإضافة إلى إمكانية تخطيط الصفحة بشكل كامل عن طريق الجداول.
ويمكن الوصول إلى مربع حوار Insert Table من قائمة Table ç Insert حيث أن المواصفات التي يحتويها صندوق الحوار تسمح لنا بالتحكم بكافة أجزاء الجدول.
Size: تتحكم بأبعاد الجدول بأكمله من خلال إدخال عدد الأسطر والأعمدة.
Layout: تتحكم بطريقة ظهور الجدول على الصفحة.
Alignment: نحدد محاذاة الجدول بالنسبة للصفحة بشكل كامل.
Border Size: نحدد سماكة الإطار الذي يحيط بالجدول بشكل كامل.
Cell Padding: نحدد المسافة التي ستفصل بين حدود الخلية وبين النص الذي بداخلها.
Cell Spacing: نحدد المسافات التي تفصل خلايا الجدول عن بعضها البعض.
مربع حوار Table Properties
يحتوي صندوق الحوار Table Properties على العديد من الخيارات التي يمكن أن تؤثر على المظهر العام للجدول.
يوجد العديد من خيارات التحكم بالجدول نوضحها فيما يلي:
http://www.Q8YeeN.Com/ups/uploads/6e1bbfcbbf.bmp
Layout: نتحكم بموقع الجدول في الصفحة ويحتوي على عدة خيارات:
Alignment: ويفيدنا في تحديد محاذاة الجدول الأفقية وتملك عدة قيم.
Float: يتحكم بموقع الجدول .
Cell Padding: ومن هنا نحدد المسافة التي ستفصل بين حدود الخلية وبين النص الموجود داخل هذه الخلية.
Cell Spacing: يشير إلى المسافة التي ستفصل خلايا الجدول عن بعضها
Background : يتحكم بخلفية الجدول فإما أن تكون صورة ما، أو أن نغير لونه بشكل طبيعي:
Use Background Picture: عند تفعيل هذا الخيار علينا أن نختار ملف لصورة ما، يمكن التعديل بمواصفات هذه الصورة بالنقر على الزر Properties.
Color: يمكننا أن نختار لون خلفية الجدول.
إضافة تعليق جدول
لإضافة تعليق إلى جدول ننقر في أي مكان داخل الجدول ثم نختار الأمر Insert من القائمة Table ومنه نختار Caption سيقوم البرنامج FrontPage بإضافة خلية تعليق فارغة في أعلى الجدول ووضع مشيرة الكتابة ضمنها، اكتب التعليق الذي تريده.
مربع حوار Cell Properties
http://www.Q8YeeN.Com/ups/uploads/4ccbc6297b.bmp
ضع مشيرة الكتابة في الخلية، ثم حدد المحتويات لخلية أو أكثر، اختر الأمر Properties من القائمة Table ثم اختر Cell أو انقر بزر الفأرة الأيمن فوق الخلية ثم اختر الأمر Cell Properties من القائمة المنبثقة.
Layout: يحتوي على عدة عناصر تحكم يتم من خلالها تحديد مظهر الخلية المحددة.
Horizontal Alignment: نحدد محاذاة النص المكتوب ضمن الخلية.
Vertical Alignment: نحدد محاذاة النص في الخلية بشكل عمودي.
Headed Cell: عند تفعيل هذا الخيار فإن محتويات الخلية ستكتب بالنمط Bold
No Warp: في حال تفعيل هذا الخيار فإن المستعرض لن يسمح بالتفاف النص داخل الخلية.
Specify Width: قبل البدء بإدخال القيم لا بد من تفعيل هذا الخيار ومن ثم ندخل القيم التي نريدها.
Specify Height: هو نفس عمل الخيار السابق، ولكن تأثيره هو على طول الخلية.
Background: نتحكم بخلفية الخلية فقد تكون صورة ما أو قد تكون لون نختاره بأنفسنا.
Use Background Picture: يعني أننا نريد أن نضع صورة ما نختارها نحن كخلفية لهذه الخلية.
Color: نستطيع التحكم بلون الخلية الحالية.
Borders: نحدد اللون الذي ستظهر به حدود الخلية.
Light Border: نحدد لون إطار الخلية من الأعلى واليسار.
Dark Border: نحدد لون إطار الخلية من الأسفل واليمين.
Color: نختار لون الإطار ويجب الانتباه إلى أن مفعول هذا الخيار لن يظهر إلى إذا تم تحديد القيمة Automatic في الخيارين السابقين.
تحويل الجدول إلى نص والنص إلى جدول
من المهم معرفة أنه من الممكن تحول جدول إلى نص ولن يتم فقد أي من العناصر (النص، الرسوم البيانية، …) في الجدول وهذه العناصر تتحول إلى الصفحة بشكل عادي في فقرات، ولتحويل أحد الجداول إلى نص يتم النقر في أي مكان على الجدول ويتم اختيار Table ç Convert ç Table To Text وعند القيام بالعملية العكسية يتم اختيار النص ثم اختيار Table ç Convert ç Text To Table وسوف يطلب منك إدخال فقرات أو جدولات أو فواصل أو رموز في الخلايا.
استكشاف مكونات FrontPage
لإعداد هذه المكونات ضمن صفحة ويب معينة علينا أولاً إنشاء أو فتح صفحة ويب عن طريق محرر البرنامج وهذه المكونات هي:
Banner Ad Manager
يفيد هذا المكون في عرض سلسلة من الصور وترتبط الفترة الزمنية التي سيستمر بها هذا المكون بعرض الصور بالإعدادات التي تحددها، وللوصول إلى هذا المكون من قائمة Insert نختار Component ومن القائمة المتفرعة نختار Banner Ad Manager:
http://www.Q8YeeN.Com/ups/uploads/fce4007e0f.bmp
يحتوي هذا الصندوق على العديد من الخيارات:
Width and Height: يتم التحكم بالمساحة التي ستشغلها الصورة من الموقع.
Transition Effect: نحدد طرق الانتقال من صورة إلى أخرى.
Show Each Picture For (seconds): نحدد الزمن الذي ستبقى به الصورة معروضة على الشاشة إلى حين الانتقال إلى الصورة الأخرى وهذا الزمن بالثانية.
Link To: نحدد المكان الذي سينقلنا إليه المستعرض في حال الضغط على أحد الصور
Picture To Display: يحتوي على لائحة الصور التي سيتم عرضها من خلال هذا المكون.
Hit Counter
http://www.Q8YeeN.Com/ups/uploads/c9637dde45.bmp
بشكل عام إن مقياس نجاح أي موقع يتحدد بمدى إقبال الزوار عليه، فكان لا بد من طريقه لمعرفة عدد الزوار الذين يدخلون إلى الموقع أن العنصر النشط Hit Counter عبارة عن عدد يزيد بمقدار (1) كلما دخل شخص ما إلى الموقع.
لإضافة عداد زوار (Hit Counter) اختر الأمر Components من القائمة Insert ثم اختر الأمر Hit Counter
Counter Style: يمكننا من التحكم بشكل العداد علماً أن مبدأ العدادات هو نفسه.
Reset Counter To: يفيد في تحديد قيمة بداية عمل العداد.
Fixed Number of Digits: تفعيل هذا الخيار يساعد على تحديد عدد الخانات التي يجب أن تظهر الأرقام بها.
Hover Button
http://www.Q8YeeN.Com/ups/uploads/495aa9bfe2.bmp
وهي عبارة عن أزرار رسومية تغير هذه الأزرار مظهرها العام بمجرد مرور مشيرة الفأرة فوقها، وإذا تم النقر عليها فسيتم تنفيذ عملية انتقال إلى مكان آخر في الصفحة أو في الموقع وذلك حسب الارتباط التشعبي المحدد ضمنها.
لإنشاء مكون Hover Button من قائمة Insert اختر الأمر Component ومن ثم اختر الأمر Hover Button فيظهر لنا صندوق حوار:
Button Text: نتحكم من خلاله بالنص الذي سيظهر على سطح الزر.
Link To: نتحكم بالمكان الذي سننتقل إليه عند النقر على الزر.
Button Color: من خلاله نختار اللون الابتدائي الذي سيظهر به الزر وذلك قبل تطبيق التأثير عليه.
Effect: من خلاله نحدد السلوك الذي سيتبعه الزر عند مرور مشيرة الفأرة.
http://www.Q8YeeN.Com/ups/uploads/a8b14f0a4e.bmp
Effect Color: نحدد اللون الذي سيشترك مع اللون الأساسي المحدد في الخيار Hover Button
Width and Hight: نحدد من خلاله أبعاد الزر الطول والعرض.
أما عند الضغط على الخيار Custom فيظهر صندوق الحوار الذي يحتوي على الخيارات:
Play Sound: نحدد الملف الصوتي الذي نريده أن يرافق عمل الزر.
Custom Picture: في هذا القسم نحدد ملف صورة ما، تظهر على سطح الزر.
Marquee
يستطيع هذا المكون جعل عبارة نصية مؤلفة من سطر واحد تتحرك إلى اليسار واليمن عبر نافذة المستعرض. للوصول إلى هذا المكون من قائمة Insert نختار Component ومن ثم نختار Marquee
http://www.Q8YeeN.Com/ups/uploads/2853b69bf4.bmp
Text: منه نحدد العبارة التي نريدها أن تظهر كشعار متحرك بكتابتها من لوحة المفاتيح.
Direction: نتحكم باتجاه الحركة التي سيسلكها النص فإما أن تكون إلى اليمن أو اليسار.
Speed: نتحكم بسرعة حركة الشعار.
Behavior: نحدد من هذا الجزء نوع الحركة فإما أن نختار Scroll وفيها تتكرر الحركة من البداية كلما وصل نهاية النص إلى الحافة الأخيرة من الشعار. أو أن نختار Slide وفيها تتكرر الحركة كلمة وصل نهاية النص إلى الحافة الأولى من منطقة الشعار، أو أن نختار Alternate وفيها يتحرك النص إلى الخلف والأمام ضمن المنطقة المتاحة له فقط دون أن يخفي أي جزء من النص.
Align With Text: نحدد من هذا الجزء طبيعة المحاذاة بين النص والمنطقة المحجوزة من أجل الشعار.
Size: نحدد عرض وارتفاع المنطقة المخصصة للشعار.
Repeat: يمكننا جعل الشعار متحرك بشكل دائم بتفعيل الخيار Continuously أو أن نلغي تفعيل هذا الخيار لنحدد عدد مرات تحريك الشعار من خلال الصندوق المسمى Times.
Background Color: يستخدم لإعطاء أرضية الشعار لون مختلف عن لون الصفحة.
Include Page
http://www.Q8YeeN.Com/ups/uploads/f0b6b2376a.bmp
يساعدنا هذا المكون على تضمين (استعراض) ويب داخل صفحة ويب أخرى من نفس الموقع أو في موقع أخر.
Scheduled Include Page
يستخدم هذا المكون لنفس الهدف الذي يمكن استخدام المكون Include Page من أجله. ولكن في هذا المكون يتم عرض الصفحة أو المعلومات الضمنة ضمن الفترة زمنية محدودة نحددها من صندوق الحوار الخاص به.
During The Scheduled: ويحتوي عل المسار الكامل للملف المراد إظهاره في فترة محددة.
Before or After the Scheduled Time (optional): من خلاله نحدد الملف الذي سيظهر قبل بدء الفترة الزمنية الخاصة بالملف السابق أو بعد انقضاء الفترة الزمنية المخصصة له.
Starting: من خلال هذا القسم نحدد تاريخ البدء بالسنة والشهر واليوم وكذلك .
Ending: من خلال هذا القسم نحدد تاريخ توقف عرض هذا الملف.
Scheduled Picture
إن الهدف من هذا المكون هو نفسه في المكون Scheduled Include Page ولكن هنا سوف نحدد التاريخ والفترة الزمنية من أجل عرض صورة ما بدلاً من ملف HTML ويمكن الوصول إلى هذا المكون من قائمة Insert نختار الأمر Component ثم نختار الكائن Scheduled Picture .
النماذج Form
تستخدم النماذج من أجل عدة أهداف في مواقع الإنترنت ومن أهمها:
تسجيل اشتراك بإحدى خدمات المعلومات ونتيجة هذا الاشتراك يصبح للمستخدم عضوية يملك اسم وكلمة مرور يدخل دائماً بهما للحصول على معلومات من هذه الخدمات (بيانات البريد المجاني).
لإرسال بيانات شراء لمادة معينة يتم تحديدها من خلال النموذج ويتم بيان طريقة الدفع سواء كان شيك أو بطاقة ائتمان ......
تستخدم النماذج لهدف إحصائي أو استفتائي حول موضوع معين تؤخذ آراء المستخدمين من النماذج وتعالج من قبل برامج مخزنه في مخدم موقع الإنترنت ليتم تخزينها في قاعدة بيانات تهم المؤسسات في اتخاذ القرار
تستخدم النماذج في المواقع الشخصية للتسجيل في كتاب الزوار Guest Book حيث يسجل المستخدم كافة تعليقاته وملاحظاته.
وللوصول إلى عناصر النموذج نختار من قائمة Insert Form ç
النموذج Form ) ) هذا العنصر أساسي في كل النماذج، يحتوي على إطار يضم عناصر النماذج الأخرى التي سيتم ذكرها، بالإضافة إلى زرين هما Submit و Reset
Submit: إرسال بيانات النموذج إلى مخدم الويب server
Reset:إعادة وضع البيانات على القيم الافتراضية.
One Line Text Box (مربع نص لسطر واحد): يمكن المستخدم من كتابة البيانات النصية داخل المربع ولكن لسطر واحد فقط مثل الاسم وعنوان والبريد الإلكتروني و.....
Check Box (خانة الأخيار) عندما يكون المستخدم حر في تحديد ميوله أو اهتماماته بإمكانه أن يحدد أي خانة اختيار.
Radio Button: يكون المستخدم مجبر على اختيار أحد الاحتمالات فقط ولا يمكن له أن يجمع بين اختيارين.
Drop Down Menu (القائمة المنسدلة): هي مجموعة من البنود المكتوبة الجاهزة بإمكانك اختيار أحدها كجواب على سؤال مطروح في نموذج.
كيفية إدخال بنود القائمة المنسدلة:
حدد العنصر Drop Down Menu انقر الزر الأيمن واختر الأمر Form Field Properties (خصائص حقل النموذج).
http://www.Q8YeeN.Com/ups/uploads/975db203b9.bmp
ننقر على زر Add نكتب عند Choice (الخيار) نص البند الأول من القائمة المنسدلة.
ملاحظة: بتحديد Selected يكون البند المختار هو القيمة الافتراضية للقائمة المنسدلة الظاهرة في القائمة.
نكرر الخطوة 2 حتى الانتهاء من كافة بنود القائمة ومن ثم نختار OK
Bush Button عبارة عن زر تنفيذ وللوصول إلى خصائص هذا الزر يكفي النقر علية مرتين
مصير البيانات المرسلة عبر النماذج
لا تعمل النماذج المنشأة بواسطة برنامج FrontPage إلا إذا كان المخدم الذي نشرنا عليه صفحاتنا يدعم ما يسمى FrontPage Server Extension مخدم توسيعات فرونت بيج، ففي حال لم يدعم FrontPage Server Extension نستخدم أحد خدمات استضافة المواقع المجانية Web Hosting Serves وسوف تشاهد معلومات عن كيفية إرسال البيانات من النموذج الذي أنشأته عبر تزويدك بكود ( شفرة ) HTML تقوم بإدراجها حسب المطلوب في صفحاتك.
نشر موقع ويب
قبل البدء بعملية نشر الموقع يجب القيام ببعض المهام حتى نضمن أن الموقع خالي من الأخطاء ومن هذه المهام:
التدقيق الإملائي في مضمون موقع الويب.
التدقيق في الصفحات الوحيدة.
التحقق من الارتباطات.
التحقق من المكونات.
نشر الموقع باستخدام HTTL
يمكن استخدام (HTML (Hyper Text Transfer Protocol وهو بروتوكول الويب القياسي في نشر الصفحات إلى خادم الويب. وذلك إذا كان المخدم مثبت به FrontPage Server Extension ولنشر الويب نقوم باتباع الخطوات التالية:
حدد File ç Publish Web لفتح مربع حوار الخاص بنشر الموقع.
http://www.Q8YeeN.Com/ups/uploads/9f31eea33f.bmp
قم بتعين الموقع الذي تقوم بالنشر إليه.
حدد إذا كنت تريد نشر كل الصفحات أم الصفحات التي تم تغييرها في أخر نشر لك فقط.
إذا كنت تريد نشر صفحات ويب فرعية وموقع الويب الرئيسي فحدد خانة اختيار Include Subwebs
إذا قمت باستخدام اتصال مؤمن (ssl) في نشر صفحات إلى خادم الويب الخاص بك فحدد خانة خيار Secure Connection Required.
انقر Publish وسيقوم البرنامج بإجراء التحديث ثم عرض URL الخاص بالموقع ويمكن نقر هذا الارتباط للتأكد من إتمام تحديث الصفحات بنجاح.