استخدام الألوان كخلفية لصفحات ويب
عندما تحدد لوناً لصفحة، يعرض Microsoft FrontPage ألواح ألوان تناسب صفحتك. تتضمن أنواع ألواح
الألوان:
على الرغم من ذلك، إذا لم تعرض ألواح الألوان اللون الذي تريده، يمكنك
إنشاء اللون المخصص الذي تريده والذي يمكنك استخدامه للخلفيات والخطوط وهكذا. يتم حفظ أي ألوان مخصصة قمت بتعريفها وتكون متوفرة في المرة
القادمة التي تستخدم فيها FrontPage.
استخدام صورة كخلفية
يمكنك تعيين صورة خلفية لصفحة وستظهر كافة عناصر الصفحة، مثل النص والرسومات، أعلى صورة الخلفية. يمكنك استخدام صور من موقع ويب
أو أحد ملفات النظام أو ويب أو قصاصة. يمكنك أيضاً تحديد صورة الخلفية لتكون علامة
مائية (العلامة المائية: هي صورة تظهر في خلفيات
الصفحات المكونة لموقع ويب لتزيين الصفحة, ولا تتحرك أثناء تمرير الصفحة. ولا تدعم
كافة برامج استعراض ويب العلامات المائية.).
ملاحظة لا تدعم كافة برامج
استعراض ويب العلامات المائية.
استخدام أصوات الخلفية
عندما يقوم زائر موقع بفتح صفحة، تتم قراءة الصوت. يمكنك قراءة الصوت
باستمرار، أو قراءته عدد محدد من المرات.
تعيين لون كخلفية
قم بأحد الإجراءات التالية:
تحت ألوان، في المربع الخلفية، انقر فوق ألوان إضافية
(شكل رقم 003). ثم قم بأحد الإجراءات التالية:
تعيين صورة كخلفية
1- تحت تنسيق، حدد خانة الاختيار صورة الخلفية. حدد علامة
مائية إذا كنت تريد أن تكون صورة الخلفية علامة مائية (العلامة
المائية: هي صورة تظهر في خلفيات الصفحات المكونة لموقع ويب لتزيين الصفحة, ولا
تتحرك أثناء تمرير الصفحة. ولا تدعم كافة برامج استعراض ويب العلامات المائية.).
2- انقر فوق استعراض
(شكل
رقم 004).
3- حدد صورة الخلفية:
(شكل رقم 005).
ملاحظة
إذا كانت الصفحة الحالية تستخدم سمة ما, سيتم تعطيل
هذه السمة.
(شكل رقم 006).
عند قيام أحد زوار الموقع بفتح صفحة، يتم تشغيل الصوت.
ملاحظة لا تدعم كافة برامج
استعراض ويب هذه الميزة.
(شكل رقم 007).
(شكل رقم 008).
باستخدام Microsoft FrontPage، يمكنك تحريك العناصر على
موقع ويب منشئاً عناصر مثل نص يتطاير عبر صفحة ويب أو إعلانات تعرض صور متعددة.
يمكنك تطبيق أكثر من تأثير على معظم العناصر الموجودة في صفحة ويب. على سبيل المثال، يمكنك تحريك نص ليظهر طائراً من اليمين عند
بدء تحميل الصفحة، ثم إضافة حد حول النص الذي يتم عرضه عند قيام أحد زوار الموقع
بالنقر فوقه.
اختر أسلوب أو أكثر من الأساليب الموجودة أدناه لمعرفة المزيد حول
تحريك العناصر على موقع ويب الذي تقوم بإنشائه.
تأثيرات HTML
الحيوي
يمكن تطبيق تأثيرات حركة HTML حيوي (DHTML)
على أي عنصر تقريباً في الصفحة، مثل النص والفقرات والصور والأزرار والشاشات
الاسمية وهكذا، وربط التأثير بما ُيعرف بـ "حدث التشغيل," على سبيل المثال النقر بواسطة
الماوس أو الإشارة به أو تحميل صفحة وهكذا.
انتقالات الصفحة
يمكنك إنشاء تأثيرات
خاصة ليتم عرضها عند دخول أحد زوار الموقع أو مغادرته أو انتقاله من صفحة إلى صفحة
أخرى محددة. وبتطبيق تأثيرات الانتقال خلال موقع ويب بانتظام ودراية، يمكنك إنشاء
عروض متحركة تتميز بالحرفية عند الانتقال بين الصفحات.
الإعلانات
يشبه الإعلان لوحات الإعلانات المتحركة، على صفحة ويب. وهو يعرض سلسلة من الصور محددة بوقت معين مستخدماً تأثير
انتقال بين الصور.
ويستخدم مصممو موقع ويب الإعلانات لوضع إعلانات على الصفحات. يمكنك
إنشاء ارتباط تشعبي من الإعلان إلى موقع ويب الخاص بالشركة أو المنتج أو الخدمة
المعلن عنها في الإعلان. أو إذا كنت تستخدم الإعلان لترقية أحد
الأقسام في موقعك، يمكنك توجيه الارتباط إلى إحدى صفحاتك الشخصية.
أزرار التحويم
يعتبر إنشاء زر تحويم طريقة سهلة لإضافة
الحركة إلى موقع ويب دون اللجوء إلى البرمجة النصية. ويحتوي زر التحويم، مثله في ذلك مثل الزر العادي، على ارتباط تشعبي إلى
صفحة أخرى أو ملف آخر. والفارق أنه عند قيام أحد الزائرين بالنقر فوق زر تحويم أو الإشارة إليه، يمكن أن يلمع الزر أو يعرض صورة مخصصة
أو يصدر تأثيراً صوتياً. يمكنك أيضاً تحديد صورة لتأثير التحويم
على زر تحويم. وعندما يشير زائر الموقع إلى زر التحويم، يتم عرض الصورة.
الشاشات الاسمية
تعرض الشاشة الاسمية رسالة نصية متحركة. يمكنك تخصيص الشاشة الاسمية
لإنشاء التأثيرات التي تريدها بالضبط، كما يظهر في المثال التالي:
التأثيرات الصوتية
تضيف الأصوات بعداً جديداً لموقع ويب الذي تنشئه. إذا كان لشركتك شعار
موسيقي أو صوتي، يمكنك تشغيله أثناء قيام زائر الموقع بالانتقال إلى الصفحة
الرئيسية من موقع آخر على ويب.
كما يمكنك أيضاً إضافة تأثيرات صوتية لأزرار التحويم.
عند قيام أحد الزوار الذين يستعرضون موقعك بالنقر فوق زر التحويم
أو الإشارة إليه، تتم قراءة التأثير الصوتي.
يمكنك نسخ حركة DHTML من عنصر صفحة إلى عنصر آخر. ويمكنك ذلك من
تطبيق تأثير موجود بالفعل على صورة أخرى دون استخدام تحديدات قائمة DHTML.
ملاحظة سيقوم رسم التنسيق بنسخ السمات الأخرى إلى جانب تأثير
حركة DHTML. على سبيل المثال، إذا قمت بنسخ تنسيق
فقرة مكتوبة بخط أسود عريض تتحرك من اليسار، وتطبيقها على فقرة أخرى، ستأخذ الفقرة
الجديدة هذه السمات.
يتم عرض شريط أدوات تأثيرات DHTML.
3. من شريط الأدوات تأثيرات DHTML، اختر تعديل الحركة أو إزالتها
(شكل رقم 010):
تعديل حركة
1.
في المربع عند،
انقر فوق السهم لأسفل ثم حدد الحدث الذي سيبدأ الحركة.
تستند الأحداث المتوفرة في المربع عند
إلى نوع العنصر المحدد.
الأحداث
النقر
بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر والنقر بواسطة زر الماوس
الأيسر مرة واحدة.
النقر المزدوج بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر والنقر
بواسطة زر الماوس الأيسر مرتين.
المرور بالماوس بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر وترك مؤشر
الماوس فوق العنصر.
تحميل الصفحة بدء الحركة عند تحميل الصفحة في المستعرض.
2.
في المربع تطبيق،
انقر فوق السهم لأسفل ثم حدد نوع تأثير الحركة الذي ترغب في حدوثه.
تستند التأثيرات المدرجة في المربع تطبيق إلى نوع عنصر الصفحة الذي
حددته وكذلك إلى نوع الحدث الذي حددته.
التأثيرات
تحرك للخارج، تحرك للداخل, إسقاط كلمة بكلمة،
مرونة, وثب، حلزوني، موجة، مسح، تكبير/تصغير
تطبيق حركة على عنصر الصفحة المحدد.
تنسيق
تطبيق حركة تغير من مظهر عنصر الصفحة، على سبيل المثال،
تغيير لون الخط أو تطبيق حد.
تبادل صور تطبيق حركة تبادل صورة بصورة أخرى.
3.
في المربع اختر
الإعدادات, انقر فوق السهم لأسفل ثم اختر الإعدادات الخاصة بالتأثير:
الإعدادات
اختر الإعدادات تستند الإعدادات المدرجة إلى نوع عنصر الصفحة المحدد وكذلك نوع التأثير
المحدد في المربع تطبيق. على سبيل المثال، إذا كنت قد قمت بتطبيق تحرك
للخارج، يمكنك تحديد اتجاه الحركة أو نوعها (على سبيل المثال إلى اليسارأو إلى
أسفل اليسار).
اختيار خط إذا كنت قد قمت بتطبيق
الحركة تنسيق على النص، بتحديد هذا الإعداد يمكنك تغيير نمط الخط أو حجمه
أو لونه أو تأثيراته أو التباعد بين الأحرف.
اختيار الحدود إذا كنت قد قمت
بتطبيق الحركة تنسيق، بتحديد هذا الإعداد يمكنك تغيير الحدود والتظليل.
اختيار الصورة إذا كنت قد حددت صورة
وحددت التأثير تبادل صور، حدد هذا الإعداد ثم حدد الصورة التي سيتم تبادلها
عند وقوع الحدث الذي حددته في الخطوة 2.
إزالة حركة
· انقر فوق إزالة التأثير.
يمكنك استخدام خط أفقي لفصل نص أو إضافة توكيد. بعد
إضافة خط أفقي، يمكنك تعديل خصائصه لتغيير عرضه أو ارتفاعه أو محاذاته أو لونه.
إذا تم تطبيق سمة على صفحة، سيؤدي إدراج الخط الأفقي إلى إدراج رسم متوفر
بواسطة السمة. على سبيل المثال:
(شكل رقم 012).
انقر نقراً مزدوجاً فوق الخط الأفقي، ثم قم
بخطوة أو أكثر من الخطوات التالية:
ملاحظة إذا قمت بتحديد لون، سيكون
السطر متواصلاً ولن يمكنك تطبيق التظليل.
ملاحظة
إذا تم تطبيق سمة على الصفحة، يمكنك فقط تغيير محاذاة
الخط.
يتم عرض شريط أدوات تأثيرات DHTML .
تعتمد الأحداث المتوفرة في المربع عند إلى نوع العنصر المحدد
(شكل رقم 013).
الأحداث
النقر
بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر والنقر بواسطة زر الماوس
الأيسر مرة واحدة.
النقر المزدوج بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر والنقر
بواسطة زر الماوس الأيسر مرتين.
المرور بالماوس بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر وترك مؤشر
الماوس فوق العنصر.
تحميل الصفحة بدء الحركة عند تحميل الصفحة في المستعرض.
تستند التأثيرات المسرودة في المربع تطبيق إلى نوع العنصر الذي حددته وإلى نوع الحدث المحدد
في الخطوة 2.
التأثيرات
تحرك للخارج،
تحرك للداخل, إسقاط كلمة بكلمة، مرونة,
وثب، حلزوني، موجة، مسح، تكبير/تصغير
تطبيق حركة على عنصر الصفحة المحدد.
تنسيق
تطبيق حركة تغير من مظهر عنصر الصفحة، على سبيل المثال،
تغيير لون الخط أو تطبيق حد.
تبادل صور
تطبيق حركة تبادل صورة بصورة أخرى.
الإعدادات
اختر الإعدادات تستند الإعدادات المسرودة إلى نوع عنصر الصفحة ونوع التأثير المحددين
في المربع تطبيق. إذا قمت بتطبيق الحركة تحرك للخارج في الخطوة 3،
حدد اتجاه الحركة أو نوعها (على سبيل المثال إلى اليسار أو إلى أسفل
اليسار).
اختيار خط إذا قمت بتطبيق الحركة تنسيق
في الخطوة 3، حدد هذا الخيار لتغيير نوع الخط أو حجمه أو لونه أو تأثيراته أو
المباعدة بين الأحرف.
اختيار الحدود إذا قمت بتطبيق
الحركة تنسيق في الخطوة 3، حدد هذا الخيار لتغيير الحد أو التظليل.
اختيار الصورة إذا كنت قد حددت صورة
وحددت التأثير تبادل صور في الخطوة 3، حدد هذا الخيار ثم حدد الصورة التي
ترغب في تبادلها عند وقوع الحدث الذي حددته في الخطوة 2.
ماحوظة
لمعاينة الصفحة، انقر فوق الزر "معاينة" أو انقر فوق الزر معاينة
في المستعرض .
تنسيق السلوك
والسمات
(شكل رقم 016).
الخصائص
النص كتابة نص الشاشة الاسمية الذي ترغب في عرضه (لا يوجد حد للطول).
الاتجاه اختيار يسار أو
يمين لتحديد اتجاه حركة النص في الشاشة
الاسمية.
السرعة تحديد
سرعة النص في الشاشة الاسمية.
المهلة تحديد المهلة أو
كتابتها بالمللي ثانية قبل أن تبدأ الشاشة الاسمية في
التحرك.
الكمية تحديد الزيادة بالبكسل
التي يجب أن يتحرك بها النص أو اكتبها.
السلوك
·
التمرير تمرير النص عبر الشاشة مثل مؤشر البورصة.
·
الانزلاق
انزلاق النص على
الشاشة.
·
تبديل تبديل حركة النص بين التمرير والانزلاق.
المحاذاة مع النص
·
إلى الأعلى
محاذاة الشاشة الاسمية مع الجزء العلوي من
النص المحيط.
·
إلى الوسط
محاذاة الشاشة الاسمية مع الجزء الأوسط من
النص المحيط.
·
إلى الأسفل
محاذاة الشاشة الاسمية مع الجزء السفلي من
النص المحيط.
الحجم حدد خانتي الاختيار العرض
أو الارتفاع، اكتب العرض أو الارتفاع ثم حدد ما إذا كنت تريد حساب العرض أو
الارتفاع بالبكسل أو بنسبة مئوية من حجم إطار المستعرض.
الاستمرارية تحديد عدد مرات تكرار تأثير النص في الشاشة الاسمية.
·
لتكرار الشاشة
الاسمية بشكل مستمر، حدد خانة الاختيار هذه.
·
لتكرار الشاشة
الاسمية لعدد معين من المرات، قم بإلغاء تحديد خانة الاختيار ثم اكتب عدد مرات التكرار الذي تريده.
لون الخلفية
تحديد اللون الذي ترغب في عرضه خلف نص الشاشة الاسمية المار.
تنسيق خصائص الخط
(شكل رقم 017).
(شكل رقم 018).
إذا كنت ترغب في استخدام صورة مخصصة تحتوي بالفعل على تسمية نصية، قم بمسح القيمة الافتراضية.
ملاحظة لمعاينة زر التحويم لمعرفة كيف سيظهر لزوار الموقع على ويب، انقر فوق الزرمعاينة،
أو انقر فوق معاينة في المستعرض في
القائمة ملف.
الخصائص
تعيين التسمية النصية اكتب التسمية التي ترغب في استخدامها في المربع نص الزر. في
حالة كتابة تسمية طويلة، قم بضبط عرض زر التحويم.
تعيين الارتباط التشعبي
الافتراضي في المربع ارتباط إلى،
اكتب محدد موقع المعلومات للصفحة أو الملف الذي ترغب في عرضه عند قيام أحد زوار
الموقع بالنقر فوق زر التحويم. أو انقر فوق استعراض لتحديد موقع الصفحة أو الملف.
تعيين لون الزر عند عرضه للمرة الأولى على الصفحة تحديد اللون الذي ترغب في استخدامه.
تعيين لون الخلفية للزر
.تحديد
لون خلفية لزر التحويم. لا
يمكنك جعل لون الخلفية شفافاً؛ ولكن يمكنك استخدام نفس لون الخلفية لكل من الزر
والصفحة.
تعيين تأثير تحويم
تحديد التأثير المرئي الذي سيتم عرضه عند قيام أحد
زوار الموقع بالإشارة إلى الزر.
تعيين لون تأثير التحويم
تحديد لون تأثير التحويم.
تعيين حجم زر التحويم
تعديل إعدادات مربعي العرض والارتفاع
بالبكسل.
يمكنك استخدام صورة كخلفية لزر التحويم، أو
كتأثير تحويم أو كالاثنين معاً.
استخدام صورة كخلفية لزر التحويم
في طريقة العرض الصفحة, قم بالإجراءات التالية:
استخدام صورة كتأثير تحويم لزر تحويم
في طريقة العرض الصفحة، قم بالإجراءات التالية:
ملاحظة لمعاينة الزر كما
سيظهر لمستعرضي الصفحة على ويب، انقر فوق الزر معاينة،
أو انقر فوق معاينة في المستعرض في
القائمة ملف.
ملاحظة لأن أزرار التحويم هي برامج Java صغيرة، يمكنك فقط استخدام
ملفات الصوت التي لها التنسيق .au للتأثيرات الصوتية؛ لا يمكنك استخدام ملفات .midi
أو .wav. بالإضافة إلى ذلك، يجب أن تكون الملفات .au
لها التنسيق 8 بت، 8000 هرتز, أحادي u-law.
(شكل رقم 019).
(شكل رقم 020)، ثم حدد
الصورة.
تعرض القائمة الموجودة بالمربع الصور المراد عرضها
الصور التي قمت بعرضها والتسلسل الذي سيتم عرض الصور به.
ملاحظة كافة الصور التي
تستخدمها لإنشاء إعلان واحد ستنقلك إلى محدد موقع
المعلومات ذاته. إذا أردت أن تنقل بعض الصور إلى محدد
موقع معلومات آخر، كرر الخطوات من 1 إلى 8 لإدراج إعلان آخر.
الخصائص
تعرض القائمة الموجودة في المربع الصور المراد عرضها، الصور التي
قمت بإضافتها وكذلك الترتيب الذي سيتم عرض الصور به.