1. كيفية عرض المكونات Hit Counter: يجب تخزينها ونشرها على موقع الويب (الخادم) Hover Button: يجب تخزينها وعرضها من الأمر Preview on Browser من قائمة File. لا يحتاج لأن يكون الموقع منشور لعرضه. Marquees: يجب تخزينها و عرضها من Preview أو الأمر Preview on Browser من قائمة File. لا يحتاج لأن يكون الموقع منشور لعرضه. جميع المكونات الأخرى تعرض باستخدام Preview وبدون نشر.

2. الارتباطات التشعيبية Hyperlinks يستخدم للتنقل من صفحة أو من موقع لاخر و للتنقل من جزء لاخر داخل الصفحة و للربط مع بريد و لإنشاء صفحة جديدة. عند التأشير بالفأرة على ارتباط، فإن شكل الفأرة يتغير إلى شكل اليد. تتم معاينة الارتباطات جميعا من Preview on Browser لإضافة ارتباط على نص أو أي كائن: 1. حدد الكائن 2. من قائمة Insert إختر الأمر Hyperlink 3. حدد الموقع أو الصفحة المراد الإنتقال إليها عند الضغط على الكائن ثم OK

3. للربط مع ملف أو صفحة أو موقع اختر الزر Existing File or Web page 1. Text to Display: لتحديد النص الذي سيمثل الرابطة 2. حدد الملف أو الصفحة في وسط الشاشة 3. حدد عنوان الموقع أو اسم الصفحة في الحقل Address الحقل Text to Display يكون غير فعال في حالة كان الكائن ليس نص

5. للربط مع أي جزء داخل الصفحة إختر Place in this Document 1. حدد النص الذي سيمثل الرابطة في الحقل Text to display 2. حدد الجزء المراد الربط معه الحقل Text to Display يكون غير فعال في حالة كان الكائن ليس نص

7. للربط مع صفحة جديدة إختر الزرCreate New Document 1. حدد النص الذي سيمثل الرابطة في الحقل Text to display 2. حدد اسم الصفحة الجديدة في الحقل Name of new document ملاحظة: في هذه الحالة عند الضغط على زر OK تقوم Front Page بإنشاء صفحة جديدة بالإضافة لعملية الربط. الحقل Text to Display يكون غير فعال في حالة كان الكائن ليس نص

9. الربط مع بريد إلكتروني إختر الزر E-mail Address 1. حدد النص الذي سيمثل الرابطة في الحقل Text to display 2. في الحقل E-mail Address إكتب البريد الالكتروني الذي تريد ربط الكائن معه وذلك بكتابة (Mailto:) ثم يتبعها عنوان البريد كاملا. مثال : Mailto:Mohammedz@yu.edu.jo Mailto:Mohammedz@yu.edu.jo 3. حدد موضوع الرسالة في الحقل Subject 4. الحقل recently used e-mail addresses يحتوي اخر مجموعة من العناوين التي استخدمتها. 5. الحقل Text to Display يكون غير فعال في حالة كان الكائن ليس نص 6. عند المعاينة والضغط على كائن الربط تقوم Front Page بفتح برنامج Ms Outlook يحتوي العنوان والموضوع

11. الإطارات Frames تستخدم لتقسيم الصفحة إلى مجموعة من الإطارات Frames كل إطار يحتوي على صفحة جديدة أو معلومات موجودة في صفحة (ملف) اخرى. 1. من زر New إختر Page 2. انتقل لزر التبويب الثاني Frames Pages 3. إختر النوع Contents

13. تظهر صفحة مكونة من أكثر من إطار، كل إطار منها يحتوي على زرين يجب أن تختار أحدها في كل إطار: 1. Set Initial Page: لعرض محتويات صفحة أخرى داخل الإطار و ذلك باختيار اسم الملف الذي يمثل الصفحة. وتعتبر هذه العملية مثل إنشاء رابط Hyperlink مع ملف اخر. 2. New Page: لإنشاء صفحة جديدة فارغة داخل الإطار. يتم التعامل مع الإطار كصفحة مستقلة تماما لها خصائصها ويخزن كل إطار يحتوي صفحة جديدة New Page في ملف خاص به.

15. خصائص الإطار ضع مؤشر الفأرة داخل الإطار إضغط بزر الفأرة الأيمن واختر Frame Properties

16. 1. Name: لتحديد اسم الإطار 2. Initial Page: لتحديد اسم الملف الذي يمثل الصفحة التي ستظهر داخل الإطار. ويمكن تحديد أو تغيير الصفحة داخل الإطار من خلال اختيار اسم الملف الذي يمثلها من زر Browse. 3. الزر Frames Page: يظهر الخيارات a. Frame Spacing : الذي من خلاله نحدد المسافة بين الإطارات b.Show Borders: إظهار أو إخفاء حدود الإطار

17. تقسيم الإطارات Split Frames من قائمة Frames إختر الأمر Split Frame عدد الإطارات الناتجة عن التقسيم هو 2فقط تقسيم الإطار لعمودين فقط تقسيم الإطار لصفين فقط

18. ملاحظة: في حال كانت الصفحة تحتوي معلومات وقمت بتقسيمها لقسمين، فإن Front Page تضع هذه المعلومات في إطار و تنشئ إطار جديد يحتوي الزرين Set Initial Page, New Page عند تخزين صفحة مكونة من مجموعة إطارات، تقوم Front-Page بتخزين ملف للصفحة التي تحتوي الإطارات و صفحة لكل إطار أنشئ باستخدام New Page. مثال : صفحة مكونة من 5 إطارات ثلاثة منها أنشئ باستخدام New Page واثنان باستخدام Set Initial Page تحتاج لتخزين أربع ملفات.

19. النما ذج Forms تستخدم النما ذج من أجل إدخال معلومات من قبل زوار الموقع. مثال : نماذج طلبات العمل، تسجيل المساقات... الأدوات المستخدمة لبناء النماذج : 1. Text Box مربع إدخال النصوص 2. Scrolling Text Box: النصوص المتحركة 3. Drop-Down List: القائمة المسدلة 4. Push Button: أزرار الضغط 5. Check Box: مربع الاختيار 6. Option Button أو Radio Button: أزرار الاختيار

20. لإنشاء نمو ذج Form: 1. من قائمة Insert إختر الأمر Form 2. من القائمة الفرعية إختر الأمر Form 3. تقوم Front Page بإنشاء نموذج مكون من زرين هما Submit, Reset دائما. 4. ضع مؤشر الفأرة قبل الزر Submit ثم إضغط Enter وذلك لتوسيع مساحة النموذج. 5. من قائمة Insert ومن الخيار Form قم باختيار الأدوات المكونة للنموذج. ملاحظة : لا يجوز إنشاء نموذج داخل نموذج اخر. لكن تستطيع إنشاء أكثر من نموذج بشرط أن لا يكون أحدها داخل الاخر

22. الخصائص Properties كل أداة من الأدوات لها مجموعة من الخصائص تميزها عن غيرها. وهذه الخصائص تساعد في تحديد شكل الأداة وفي بعض الأحيان القيم المستخدمة داخل الأداة. للدخول لخصائص أي من الأدوات على النموذج : 1. قم بعمل Double-Click على الأداة 2. أو إضغط بزر الفأرة الأيمن و اختر Form Field Properties

23. خصائص مربع إدخال النصوص Text Box

24. Name: لتحديد اسم الأداة. لا يجوز أن تسمي أداة أخرى بنفس الاسم. Initial Value: تحديد قيمة بدائية للأداة، بحيث تظهر هذه القيمة داخل مربع النص عند الدخول للصفحة ويمكن تغييرها بكتابة نص اخر. Width in Characters: لتحديد عرض مربع النص (الطول الأفقي لمربع النص) باستخدام عدد الرموز التي يمكن أن تظهر بداخله. مثلا إ ذا كانت قيمة الخاصية 10 فهذا يعني أن مربع النص سيكون حجمه مناسبا لعشرة رموز. ويمكن إدخال أكثر من هذا العدد من الرموز لكنها لا تظهر جميعها. Tab Order: ترتيب الأداة عند الانتقال من حقل لاخر عن طريق مفتاح Tab. هذه الخاصية تأخذ قيمة رقمية. Password Field: هل الحقل يستخدم لكتابة كلمة سر أم لا. Text Direction: لتحديد إتجاه النص.

25. خصائص أداة النص المتحرك

26. Name: لتحديد اسم الأداة. لا يجوز أن تسمي أداة أخرى بنفس الاسم. Initial Value: تحديد قيمة بدائية للأداة، بحيث تظهر هذه القيمة داخل مربع النص عند الدخول للصفحة ويمكن تغييرها بكتابة نص اخر. Width in Characters: لتحديد عرض مربع النص (الطول الأفقي لمربع النص) باستخدام عدد الرموز التي يمكن أن تظهر بداخله. مثلا إ ذا كانت قيمة الخاصية 10 فهذا يعني أن مربع النص سيكون حجمه مناسبا لعشرة رموز. ويمكن إدخال أكثر من هذا العدد من الرموز لكنها لا تظهر جميعها. Tab Order: ترتيب الأداة عند الانتقال من حقل لاخر عن طريق مفتاح Tab. هذه الخاصية تأخذ قيمة رقمية. Number of Lines: لتحديد ارتفاع الأداة باستخدام عدد الأسطر الظاهرة. يمكن استخدام عدد أكبر من الأسطر (الارتفاع العمودي للأداة) Direction: لتحديد إتجاه النص.

27. خصائص القائمة المنسدلة

28. Name: لتحديد اسم الأداة. لا يجوز أن تسمي أداة أخرى بنفس الاسم. Choice: لتحديد النص داخل القائمة. في كل مرة نضيف قيمة داخل القائمة، نستخدم هذا الخيار لتحديد النص الذي يمثلها. Initial State: القيمة البدائية التي ستكون فعالة عند فتح الصفحة التي تحتوي الأداة. عند إضافة الخيارات تحدد ما إ ذا كان الخيار Selected أو Not Selected وهذا يعني مختارة أو غير مختارة. Height: لتحديد ارتفاع القائمة بعدد الكلمات. الطول العمودي للقائمة. Allow Multiple Selection: السماح باختيار أكثر من قيمة بنفس الوقت باستخدام Ctrl أو بجعلها Selected عند إضافتها. Tab Order: ترتيب الأداة عند الانتقال من حقل لاخر عن طريق مفتاح Tab. هذه الخاصية تأخذ قيمة رقمية.

29. خصائص مربع الإختيار

30. Name: لتحديد اسم الأداة. لا يجوز أن تسمي أداة أخرى بنفس الاسم. Value: لتحديد قيمة مرفقة مع الأداة. Initial State: تحديد ما إ ذا كانت الأداة ستظهر بأنها مختارة Checked أو غير مختارة Not Checked. Tab Order: ترتيب الأداة عند الانتقال من حقل لاخر عن طريق مفتاح Tab. هذه الخاصية تأخذ قيمة رقمية. ملاحظة : في حال كان هناك أكثر من مربع اختيار في نفس النموذج، فيمكن أن تكون أكثر من واحدة منها مختارة Checked.

31. خصائص أزرار الاختيار

32. ملاحظة: يمكن أن تختار زر واحد من بين مجموعة أزرار. والنمو ذج يمكن أن يحتوي أكثر من مجموعة من الأزرار. لذلك نربط بين الأزرار في المجموعة الواحدة بإعطائها اسم مجموعة متشابه. وكل مجموعة تأخذ اسم يختلف عن اسماء المجموعات الأخرى. Group Name: لتحديد اسم المجموعة التي يتبع لها الزر. Value: لإعطاء قيمة مرفقة مع الأداة Initial State: هل الزر تم اختيار Selected أو لا Not Selected من كل مجموعة، زر واحد فقط تكون القيمة البدائية له Selected

33. خصائص أزرار الضغط

34. Value/Label: لتحديد النص الذي سيظهر على الزر. Button Type: لتحديد نوع الزر 1. Normal : زر عادي 2. Submit: زر ارسال 3. Reset: زر مسح محتويات الحقول و إعادة قيمها إلى القيم البدائية التي تم اختيارها بواسطة Initial State لأو Initial Value Button Direction: لتحديد اتجاه النص الظاهر على الزر.

35. نشر موقع على خادم الويب Web Server إن عملية نشر موقع على الخادم تعني وضع الملفات المكونة لهذا الموقع على الخادم (Up Load) مما يتيح المجال لكل شخص على الشبكة للدخول له و تصفح محتوياته. الملفات المكونة للموقع تشمل ملفات الصفحات والصور المستخدمة داخل هذه الصفحات. تتم هذه العملية بالاتفاق مع شركة تقوم بتوفير خدمة النشر. خدمة السرية والامان على الخادم (Security) تضمن عدم السماح لأي شخص بتعديل أو تغيير محتوى الموقع.

36. عملية النشر: 1. حدد موقع الويب المراد نشره على الخادم. 2. من قائمة File إختر الأمر Publish Web 3. حدد الــ URL للخادم المراد النشر عليه 4. إضغط زر Publish لتحديث وإضافة صفحات جديدة للموقع: 1. قم بالخطوات الثلاث الأولى من عملية النشر 2. إختر الخيار Publish Changed Pages Only