25 أغسطس 2020
التصنيف :
مهاراتك

وسوم :


الدرس الثانى عشر والأخير – تكملة عناصر الويب

Include Page :

نكمل حديثنا عن عناصر الويب ، ويمكنك استخدام أداة Include Page لإدراج محتويات إحدى الصفحات (من صور ونصوص) داخل صفحة أخرى أو داخل مجموعة من الصفحات، ولأداء ذلك اتبع الخطوات التالية :

1. قم بإنشاء صفحة جديدة ، ثم قم بكتابة النصوص وإدراج الصور التي تريدها أن تظهر داخل الصفحات الأخرى .

2. قم بحفظ الصفحة داخل مجلد private .

3. قم بفتح الصفحة التي تريد إدراج محتويات الصفحة السابقة داخلها .

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

5. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

6. اختر البند Include Content من القائمة اليسرى .

7. اختر البند Page من القائمة اليمنى .

8. انقر فوق الزر Finish ليظهر لك مربع الحوار

 Include Page Properties .

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

Page Based On Schedule :

10. انقر فوق الزر Ok .

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

لأداء ذلك اتبع الخطوات التالية :

1. انقر بالفأرة في المكان الذي تريد إدراج محتويات الصفحة فيه .

2. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

3. اختر البند Include Content من القائمة اليسرى.

4. اختر البند Page Based On Schedule من القائمة اليمنى .

5. انقر فوق الزر Finish ، ليظهر لك مربع الحوار Scheduled Include Page Properties .

6. في صندوق During the scheduled time قم بتحديد الصفحة التي تريد إدراج محتوياتها خلال فترة زمنية محددة .

7. في صندوق Before and After the scheduled time قم بتحديد الصفحة التي تريد إدراج محتوياتها قبل وبعد الفترة الزمنية المحدودة.

8. أمام البند Starting قم بتحديد التاريخ والوقت الذي تريد أن يبدأ فيه عرض الصورة .

9. أمام البند Ending قم بتحديد التاريخ والوقت الذي تريد أن ينتهي فيه عرض الصورة.

10. انقر فوق الزر Ok .

Picture Based On Schedule :

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

1. انقر بالفأرة في المكان الذي تريد إدراج الصورة فيه.

2. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

3. اختر البند Include Content من القائمة اليسرى.

4. اختر البند Picture Based On Schedule من القائمة اليمنى .

5. انقر فوق الزر Finish ، ليظهر لك مربع الحوار

 Scheduled Picture Properties .

 6. في صندوق During the scheduled time قم بتحديد الصورة التي تريدها أن تظهر خلال فترة زمنية محددة .

7. في صندوق Before and After the scheduled time قم بتحديد الصورة التي تريدها أن تظهر قبل وبعد الفترة الزمنية المحددة .

8. أمام البند Starting قم بتحديد التاريخ والوقت الذي تريد أن يبدأ فيه عرض الصورة .

9. أمام البند Ending قم بتحديد التاريخ والوقت الذي تريد أن ينتهي فيه عرض الصورة .

10. انقر فوق الزر Ok .

Page Banner :

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

في البداية سنتعرف على كيفية إعداد عنوان للصفحة ، ولأداء ذلك اتبع الخطوات التالية :

1. انقر بزر الفأرة الأيمن ، واختر البند Page Properties ، ليظهر لك مربع الحوار Page Properties  .

2. في صندوق Title أكتب العنوان الذي تريده للصفحة .

3. انقر فوق الزر Ok .

الآن اتبع الخطوات التالية لإدراج عنوان الصفحة في أي موضع منها :

1. انقر بالفأرة في المكان الذي تريد إدراج العنوان فيه.

2. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

3. اختر البند Include Content من القائمة اليسرى .

4. اختر البند Page Banner من القائمة اليمنىى .

5. انقر فوق الزر Finish ، ليظهر لك مربع الحوار

 Page Banner Properties .

6. من الجزء Properties في مربع الحوار

 Page Banner Properties يمكنك اختيار Picture لعرض العنوان كصورة (هذا إذا كنت قد استخدمت السمات Themes في تنسيق هذا الموقع)، أو اختيار Text لعرض العنوان كنص عادي .

7. في صندوق Page banner قم بتعديل العنوان (إذا أردت) .

8. انقر فوق الزر Ok .

Link Bars :

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

Bar with custom links :

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

1. انقر بالفأرة في المكان الذي تريد إدراج الشريط فيه.

2. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

3. اختر البند Link Bars من القائمة اليسرى .

4. اختر البند Bar with custom links من القائمة اليمنى .

5. انقر فوق الزر Next ، ثم قم باختيار الشكل الذي تريده للروابط .

اختر شكل الروابط

6. أنقر فوق الزر Next ، ثم قم باختيار عرض الشريط بشكل أفقي أو بشكل رأسي .

اختر عرض الشريط بشكل أفقي أو بشكل رأسي

7. انقر فوق الزر Finish ، ليظهر لك مربع الحوار

 Link Bar Properties .

8. سيظهر لك أيضاً مربع حوار يطلب منك أولاً اختيار اسم لشريط الروابط الذي ستقوم بإنشائه .

9. قم بكتابة اسم الشريط ثم انقر فوق الزر Ok .

10. انقر فوق الزر Add link ليظهر لك مربع الحوار Add to Link Bar

11. قم باختيار إحدى صفحات موقعك ، أو أكتب عنوان الصفحة في صندوق Address .

12. انقر فوق الزر Ok للعودة مرة أخرى إلى مربع الحوار Link Bar Properties حيث ستجد أن الرابطة التي قمت بإضافتها ستظهر في قائمة Links .

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

14. من الجزء Additional links يمكنك اختيار صندوق Home Page لإضافة رابطة للصفحة الرئيسية لموقعك ، أو صندوق Parent Page لإضافة رابطة للصفحة التي تعد الصفحة الحالية صفحة فرعية منها .

15. انقر فوق الزر Ok .

Bar with back and next links :

هذا النوع من الشرائط يساعدك على إنشاء شريط من الروابط يحتوي على رابطتين فقط هما Back لتنتقل إلى الصفحة السابقة في سلسلة من الصفحات ، و next لتنتقل إلى الصفحة التالية في سلسلة من الصفحات ، لإنشاء مثل هذا الشريط اتبع الخطوات التالية :

1. انقر بالفأرة في المكان الذي تريد إدراج الشريط فيه.

2. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

3. اختر البند Links Bars من القائمة اليسرى .

4. اختر البند Bar with back and next links من القائمة اليمنى .

5. انقر فوق الزر Next ، ثم قم باختيار الشكل الذي تريده للروابط .

6. انقر فوق الزر Next ، ثم قم باختيار عرض الشريط بشكل أفقي أو بشكل رأسي .

7. انقر فوق الزر Finish ، ليظهر لك مربع الحوار Link Bar Properties .

8. سيظهر لك أيضاً مربع حوار يطلب منك أولاً اختيار اسم لشريط الروابط الذي ستقوم بإنشائه .

9. قم بكتابة اسم الشريط ثم انقر فوق الزر Ok .

10. انقر فوق الزر Add link ليظهر لك مربع الحوار Add to Link Bar

11. قم باختيار بتحديد الصفحة الأولى في سلسلة الصفحات .

12. انقر فوق الزر Ok للعودة مرة أخرى إلى مربع الحوار

 Link Bar Properties حيث ستجد أن الرابطة التي قمت بإضافتها ستظهر في قائمة Links .

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

14. من الجزء Additional links يمكنك اختيار صندوق Home Page لإضافة رابطة للصفحة الرئيسية لموقعك ، أو صندوق Parent Page لإضافة رابطة للصفحة التي تعد الصفحة الحالية صفحة فرعية منها .

15. انقر فوق الزر Ok .

Bar based on navigation structure :

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

1. انقر بالفأرة في المكان الذي تريد إدراج الشريط فيه.

2. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

3. اختر البند Link Bars من القائمة اليسرى .

4. اختر البند Bar based on navigation structure من القائمة اليمنى .

5. أنقر فوق الزر Next ، ثم قم باختيار الشكل الذي تريده للروابط .

6. أنقر فوق الزر Next ، ثم قم باختيار عرض الشريط بشكل أفقي أو بشكل رأسي .

7. انقر فوق الزر Finish ، ليظهر لك مربع الحوار Link Bar Properties .

8. في الجزء Hyperlinks to add to page قم بتحديد نوعية الصفحات التي تريد أن تظهر في الشريط.

9. انقر فوق الزر Ok .

Table of Contents :

من خلال هذه الأداة يمكنك إنشاء جدول لصفحات موقعك، ولأداء ذلك اتبع الخطوات التالية :

1. انقر بالفأرة في المكان الذي تريد إدراج الجدول فيه.

2. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

3. اختر البند Table of Contents من القائمة اليسرى.

4. اختر البند For This Web Site من القائمة اليمنى .

5. انقر فوق الزر Finish ، ليظهر لك مربع الحوار

 Table of Contents Properties .

مربع الحوار Table of Contents Properties

6. في صندوق Page URL for starting point of table قم بتحديد الصفحة الرئيسية Home Page للموقع ليبدأ منها إعداد الجدول .

7. من قائمة Heading font size قم بتحديد الحجم الذي تريده للعناوين .

8. انقر فوق الزر Ok .

Top 10 Lists :

أداة Top 10 Lists توفر لك إمكانية عرض قائمة تضم (أكثر عشرة) لعدد من المعلومات المتعلقة بموقعك ، وتلك القوائم هي :

* Visited Pages : لعرض قائمة بالصفحات العشر الأكثر زيارة من قبل زوار موقعك .

* Referring Domains : لعرض قائمة بأكثر عشرة أسماء مجال Domain Names جاء منها زوار موقعك .

* Referring URLs : لعرض قائمة بعناوين أكثر عشرة صفحات وصل زوار إلى موقعك عن طريق روابط للموقع داخلها .

* Search Strings : لعرض قائمة بأكثر عشرة عبارات للبحث استخدمها زوار موقعك للوصول إلى الموقع .

* Visiting Users : لعرض قائمة بأكثر عشرة زوار زيارة لموقعك .

* Operating System : لعرض قائمة بأكثر عشرة أنظمة تشغيل استخداماً من قبل زوار موقعك.

* Browser : لعرض قائمة بأكثر عشرة مستعرضات للويب استخداماً من قبل زوار موقعك.

ولإعداد أي من تلك القوائم اتبع الخطوات التالية :

1. انقر بالفأرة في المكان الذي تريد إدراج القائمة فيه.

2. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

3. اختر البند Top 10 Lists من القائمة اليسرى .

4. اختر نوع القائمة التي تريد إدراجها من القائمة اليمنى.

5. انقر فوق الزر Finish ، ليظهر لك مربع الحوار

 Top 10 Lists Properties .

6. اختر الطريقة التي تريد أن يتم عرض القائمة بها .

7. انقر فوق الزر Ok .

من خلال القسم BCenter Web Component يمكنك إدراج عناصر من موقع bCentral المختص بالتجارة الإلكترونية .

Expedia Component :

من خلال القسم Expedia Component يمكنك إضافة رابطة إلى خريطة من موقع Expedia.

اتبع الخطوات التالية التالية لإدراج خريطة :

1. انقر بالفأرة في المكان الذي تريد إدراج الخريطة فيه.

2. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

3. اختر البند Expedia Component من القائمة اليسرى .

4. اختر Static map من القائمة اليمنى .

5. انقر فوق الزر Finish ، ليظهر لك مربع الحوار

 Static map properties .

6. انقر فوق الزر Next ، ثم قم بتحديد موقع المدينة التي تريد إدراج خريطتها

1. انقر فوق الزر Next ، ثم فوق الزر Finish ، ليتم إدراج الخريطة داخل الصفحة .

MSN Component :

من خلال القسم MSN Component يمكنك إدراج عناصر من موقع MSN مثل إمكانية البحث بين مواقع الويب أو عرض أسعار الأسهم.

اتبع الخطوات التالية لإدراج نموذج للبحث :

1. انقر بالفأرة في المكان الذي تريد إدراج نموذج البحث فيه .

2. من قائمة Insert اختر البند Web Component ، ليظهر لك مربع الحوار Insert Web Component .

3. اختر البند MSN Component من القائمة اليسرى .

4. اختر Search the Web with MSN من القائمة اليمنى.

5. انقر فوق الزر Finish ، لإدراج نموذج داخل الصفحة يمكن أن يستخدمه زوار موقعك للبحث عن المعلومات على الويب من خلال موقع  MSN Search .

الى هنا تنتهى دروس تعليم برنامج (الفرونت بيدج) نرجوا ان ينال اعجابكم ونتمنى ان يكون اضافة لكم .. وخالص الدعغوات بالتوفيق


عناصر الويب – عناصر الويب – عناصر الويب – عناصر الويب – عناصر الويب – عناصر الويب – عناصر الويب

Comments are closed.

error: عفواُ .. غير مسموح بالنسخ