28 يوليو 2020
التصنيف :
مهاراتك

وسوم :

الدرس السادس – السمات والمؤثرات


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

سنتعلم أيضاً كيفية التعامل مع مؤثرات Dynamic HTML أو DHTML والتي تسمح لك بإضافة لمسة جمالية على صفحات موقعك ، كما سنتعرف على كيفية إدراج لقطات الفيديو وإدراج الأصوات في خلفية الصفحات .

السمات :

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

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

ولتطبيق إحدى السمات على موقع من مواقع الويب التي تقوم بإعدادها ، اتبع الخطوات التالية :

1. قم بفتح الموقع الذي قمنا بإعداده في الفصل السابق .

2. قم بفتح الصفحة الرئيسية للموقع .

3. من قائمة Format اختر البند Themes ، ليظهر لك مربع الحوار Themes الموضح فى الصفحة التالية .

4. من البند Apply Theme to في الزاوية العلوية اليسرى ، اختر تطبيق السمة على كل الصفحات All Pages او بعض الصفحات Selected Pages ، وفي حالتنا هذه اختر تطبيق السمة على كل الصفحات.

5. اختر السمة التي تفضلها من القائمة الموجودة في الجانب الأيسر ، وستلاحظ ظهور شكل توضيحي لها في الجزء Sample of Theme في الجانب الأيمن من مربع الحوار .

6. ستجد تحت قائمة السمات عدد من الخيارات ، على سبيل المثال إذا قمت باختيار صندوق Vivid Colors سيؤدي إلى تطبيق ألوان زاهية أكثر من الوضع العادي ، وإذا قمت باختيار صندوق Active Graphics سيتم تطبيق بعض الرسوم المتحركة على عدد من العناصر ، وإذا قمت باختيار البند Background Picture سيتم تعيين صورة كخلفية للصفحة أو الصفحات المختارة .

7. انقر فوق الزر Ok لتطبيق السمة .

تخصيص السمات :

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

تعديل الألوان :

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

1. من قائمة Format اختر البند Themes ليظهر لك مربع الحوار Themes .

2. اختر السمة من القائمة .

3. انقر فوق الزر Modify ليظهر لك شريط جديد من الأزرار أعلى الزر Modify .

4. في الشريط الجديد ، انقر فوق الزر Colors ليظهر لك مربع الحوار Modify Theme .

5. من القائمة التي تظهر في الجانب الأيسر من مربع الحوار ، اختر نظام الألوان الذي تفضله .

6. إذا أردت طريقة توفر لك تحكماً أعلى في الألوان ، فقم بالنقر فوق زر التبويب Custom .

7. من قائمة Item المنسدلة اختر العنصر الذي تريد تغيير ألوانه .

8. ثم اختر اللون من قائمة Color المنسدلة .

9. انقر فوق الزر Ok لتعود إلى مربع الحوار Themes .

تعديل الرسوم :

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

1. انقر فوق الزر Graphics ، ليظهر لك مربع الحوار Modify Theme

1. من قائمة Item المنسدلة اختر العنصر الذي تريد تغييره .

2. انقر فوق الزر Browse وحدد موقع الملف الذي يحتوي على الصورة .

3. انقر فوق الزر Ok لتعود إلى مربع الحوار Themes .

تعديل الخطوط :

من خلال مربع الحوار Themes يمكنك أيضاً تغيير الخطوط وأحجامها لجميع تنسيقات النصوص المسجلة ، اتبع الخطوات التالية :

1. انقر فوق الزر Text ، ليظهر لك مربع الحوار Modify Theme .

2. من قائمة Item المنسدلة ، اختر التنسيق الذي تريد تغييره .

3. من قائمة Font ، اختر نوع الخط .

4. انقر فوق الزر Ok لتعود إلى مربع الحوار Themes .

حفظ السمة :

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

1. انقر فوق الزر Save As ليظهر لك مربع الحوار Save Theme .

2. اكتب اسماً من اختيارك للسمة ، ثم انقر فوق الزر Ok .

مؤثرات Dynamic HTML :

مؤثرات Dynamic HTML أو DHTML تسمح لك بإضافة جمالية على صفحات موقعك حيث يمكنك تخصيص تلك المؤثرات وتحديد بداية عملها لتكون مرتبطة إما بتحميل الصفحة أو بحركة الفأرة كما سنرى لاحقاً .

لكن الأمر الذي يجب الإنتباه له هنا أن مؤثرات DHYML لن تظهر بشكل صحيح تماماً إلا إذا تم عرض الصفحة التي تحتويها من خلال مستعرض الويب Internet Explorer الإصدارة الرابعة أو الإصدارات التي تليها ، ومستعرض الويب Netscape Navigator الإصدارة الرابعة أو الإصدارات التي تليها ، أما بالنسبة لمستخدمي الإصدارات الأقدم أو مستعرضات الويب الأخرى خلاف

 Internet Explorer و Netscape Navigator فبعض من هذه المؤثرات لن تعمل بشكل صحيح أو لن تعمل على الإطلاق .

لإدراج مؤثرات DHTML اتبع الخطوات التالية :

1. قم بفتح الموقع الذي قمنا بالتعامل معه في المثال السابق.

2. قم بفتح إحدى الصفحات .

3. اختر صورة أو جزء من النص .

4. اختر البند Dynamic HTML Effects من قائمة Format ، ليظهر شريط الأدوات DHTML Effects .

5. من شريط الأدوات DHTML Effects اختر من القائمة المنسدلة الأولى البند Page Load .

6. اختر التأثير الذي تريده من القائمة الثانية .

7. من القائمة المنسدلة الثالثة حدد خيارات التأثير إذا كان ذلك متاحاً .

ستلاحظ الآن ظهور مربع مظلل فوق النص أو الصورة التي قمت باختيارها دلالة على أن هذا الجزء تم تنسيقه بواسطة مؤثرات DHTML .

مؤ ثرات تحميل الصفحة :

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

* Drop in by word : كل كلمة في جملة أو صورة في مجموعة من الصور سيتم إسقاطها من أعلى الشاشة إلى موقعها الأصلي في الصفحة .

* Fly in : النص يطير من جانب الشاشة ليصل إلى موقعه الأصلي في الصفحة .

* Elastic : مثل Fly in ولكن النص سيتأرجح قليلاً عند وصوله إلى الموقع الأصلي .

* Hop : النص سيقفز على موقعه كلمة بكلمة .

* Wave : مثل Hop ، ولكن الكلمات ستتأرجح أثناء حركتها للوصول إلى الموقع الأصلي لها في الصفحة.

* Spiral : الكلمات ستتحرك من خارج الصفحة حتى تصل إلى موقعها الأصلي في الصفحة في دوائر كبيرة .

* Wipe : الكلمات ستظهر بالترتيب وكأن فوقها ساتر يتحرك للإبتعاد عنها .

* Zoom : الكلمات ستظهر وكأنها تأتي من داخل الصفحة أو كأنها تأتي من خارج الصفحة لتسقط داخلها .

مؤثرات حركة الفأرة :

يمكنك ربط مؤثرات DHTML بحركة الفأرة عند مرور المؤشر فوق نص أو صورة أو عند نقرها بالفأرة أو نقرها نقراً مزدوجاً ، ويتوافر نوعين فقط من المؤثرات ، هي :

* Fly out : الكلمات أو الصور ستطير إلى خارج الصفحة ، ويستخدم هذا التأثير في حالة النقر بالفأرة أو بالنقر المزدوج بالفأرة وغير مسموح بإستخدامه في حالة المرور فوق العنصر بالفأرة .

* Formatting : يتيح لك هذا الخيار تغيير تنسيق النص أو الصورة بإضافة حدود ملونة لها ، وفي حالة النصوص يمكنك أيضاً تغيير نوع الخط .

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

1. اختر جزءاً من النص .

2. اختر البند Dynamic HTML Effects من قائمة Format .

3. من شريط الأدوات DHTML Effects اختر من القائمة المنسدلة الأولى البند Click .

4. اختر التأثير Fly out من القائمة المنسدلة الثانية .

5. ثم حدد الاتجاه من القائمة المنسدلة الثالثة .

مؤثرات التحول بين الصفحات :

مؤثرات التحول بين الصفحات في برنامج Front Page 2002 تشبه إلى حد كير مؤثرات التحول بين الشرائح في برنامج Power Point لتطبيق تلك المؤثرات على صفحة من صفحات موقعك اتبع الخطوات التالية :

1. من قائمة Format اختر البند Page Transition ، ليظهر لك مربع الحوار Page Transition .

2. من قائمة Event اختر وقت ظهور التأثير إما عند الدخول إلى الصفحة Page Enter أو عند الخروج منها Page Exit أو عند الدخول إلى الموقع Site Enter أو عند الخروج منه Site Enter .

3. اختر نوع التأثير من قائمة Transition effect .

4. في صندوق Duration حدد مدة حدوث التأثير بالثانية .

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

إداج لقطات الفيديو

الطريقة التي يتم بها عرض لقطات الفيديو تختلف من مستعرض إلى آخر ، ومن خلال برنامج Front Page 2002 يمكنك إدراج العديد من صيغ ملفات الفيديو ولاسيما الصيغ الشهيرة مثل MPEG و AVI و MOVE .

لإدراج ملف من ملفات الفيديو داخل صفحة من صفحات موقعك اتبع الخطوات التالية :

1. من قائمة Insert اختر البند Picture ثم Video ، ليظهر لك مربع الحوار Video .

2. ثم قم بتحديد موقع الملف على القرص الصلب بجهازك .

3. انقر فوق الزر Open لإدراج ملف الفيديو .

خيارات عرض لقطات الفيديو :

هناك بعض الخيارات البسيطة التي يمكنك تغييرها لتحديد الطريقة التي يتم بها عرض لقطات الفيديو ، لأداء ذلك اتبع الخطوات التالية :

1. انقر بزر الفأرة الأيمن فوق ملف لقطة الفيديو التي قمت بإدراجه داخل صفحة من صفحات موقعك ثم اختر البند Picture Properties ، ليظهر لك مربع الحوار Picture Properties .

2. انقر فوق زر التبويب Video .

1. قم بتحديد الخيارات التي تريدها .

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

الخيارات التي يمكنك تحديدها يمكننا تلخيصها في التالي:

* Loop : من خلال هذا الخيار يمكنك تحديد عدد مرات إعادة عرض اللقطة تلقائياً بعد إنتهاء عرضها.

* Forever : عند تحديد هذا الخيار سيتم إعادة عرض اللقطة تلقائياً بعد إنتهاء عرضها لعدد لا نهائي من المرات .

* Loop Delay : لتحديد الفترة الزمنية بين إنتهاء عرض اللقطة وإعادة عرضها مرة أخرى .

* Start on file open : لبدء عرض اللقطة بمجرد تحميل الملف .

* Start on Mouse over : لبدء عرض اللقطة عندما يتحرك مؤشر الفأرة فوقها .

الأصوات الخلفية :

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

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

2. في الجزء Background Sound قم بالنقر فوق الزر Browse ثم قم بتحديد اسم وموقع ملف الصوت .

3. في البند Loop حدد عدد مرات إعادة تشغيل الملف.

4. اختر Forever لإعادة تشغيله بشكل لا نهائي .

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


السمات والمؤثرات . السمات والمؤثرات . السمات والمؤثرات . السمات والمؤثرات . السمات والمؤثرات

Comments are closed.

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