المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : إضافة بعض التأثيرات الى صفحات الويب باستخدام الفرونت بيجFrontpage


أبو يوسف
16-09-2009, 08:26 PM
التأثيرات الصوتية

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

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

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

1. حدد العنصر الذي ترغب في نسخ حركته.

2. http://www.s6am2k.com/droos/FrontPage/image014-7.jpg انقر فوق رسم التنسيق ، ثم انقر فوق عنصر الصفحة الذي ترغب في تطبيق الحركة عليه.

ملاحظة سيقوم رسم التنسيق بنسخ السمات الأخرى إلى جانب تأثير حركة DHTML.

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

تعديل حركة عنصر صفحة أو إزالتها منه
1. في طريقة العرض الصفحة, في الجزء عادي, حدد عنصر الصفحة المتحرك الذي ترغب في تعديله

2. من القائمة تنسيق، انقر فوق تأثيرات HTML الحيوي.

يتم عرض شريط أدوات تأثيرات DHTML.

3. من شريط الأدوات تأثيرات DHTML، اختر تعديل الحركة أو إزالتها

http://www.s6am2k.com/droos/FrontPage/image016-7.jpg
(شكل رقم 010):

تعديل حركة

1. في المربع عند، انقر فوق السهم لأسفل ثم حدد الحدث الذي سيبدأ الحركة.

تستند الأحداث المتوفرة في المربع عند إلى نوع العنصر المحدد.

الأحداث

النقر بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر والنقر بواسطة زر الماوس الأيسر مرة واحدة.

النقر المزدوج بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر والنقر بواسطة زر الماوس الأيسر مرتين.

المرور بالماوس بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر وترك مؤشر الماوس فوق العنصر.

تحميل الصفحة بدء الحركة عند تحميل الصفحة في المستعرض.

2. في المربع تطبيق، انقر فوق السهم لأسفل ثم حدد نوع تأثير الحركة الذي ترغب في حدوثه.

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

التأثيرات

تحرك للخارج، تحرك للداخل, إسقاط كلمة بكلمة، مرونة, وثب، حلزوني، موجة، مسح، تكبير/تصغير تطبيق حركة على عنصر الصفحة المحدد.

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

تبادل صور تطبيق حركة تبادل صورة بصورة أخرى.

3. في المربع اختر الإعدادات, انقر فوق السهم لأسفل ثم اختر الإعدادات الخاصة بالتأثير:

الإعدادات

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

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

اختيار الحدود إذا كنت قد قمت بتطبيق الحركة تنسيق، بتحديد هذا الإعداد يمكنك تغيير الحدود والتظليل.

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

إزالة حركة

· انقر فوق إزالة التأثير.

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

http://www.s6am2k.com/droos/FrontPage/image018-7.jpg
1. في طريقة العرض الصفحة، قم بوضع نقطة الإدراج في المكان الذي تريد إدراج خط فيه.

2. من القائمة إدراج، انقر فوق خط أفقي

http://www.s6am2k.com/droos/FrontPage/image020-7.jpg
(شكل رقم 012).

3. قم بتعديل شكل الخط الأفقي كما يلي :

انقر نقراً مزدوجاً فوق الخط الأفقي، ثم قم بخطوة أو أكثر من الخطوات التالية:

o تحت العرض، حدد عرض الخط كنسبة مئوية من عرض النافذة أو كعدد من البكسل.

o تحت الارتفاع، قم بإدخال ارتفاع الخط بالبكسل.

o تحت محاذاة، حدد محاذاة الخط في الصفحة.

o في المربع اللون، حدد لوناً للخط إذا لم تكن تريد خطاً مظللاً.

o حدد خانة الاختيار سطر متواصل إذا أردت أن يبدو السطر متواصلاً، وقم بإلغاء تحديدها إذا أردت أن يبدو السطر مظللاً.

ملاحظة إذا قمت بتحديد لون، سيكون السطر متواصلاً ولن يمكنك تطبيق التظليل.

ملاحظة إذا تم تطبيق سمة على الصفحة، يمكنك فقط تغيير محاذاة الخط.

تحريك عنصر صفحة
1. حدد العنصر الذي ترغب في تحريكه، ثم من القائمة تنسيق، انقر فوق تأثيرات HTML الحيوي.

يتم عرض شريط أدوات تأثيرات DHTML .

2. في المربع عند، انقر فوق السهم لأسفل ثم حدد الحدث الذي سيبدأ الحركة.

تعتمد الأحداث المتوفرة في المربع عند إلى نوع العنصر المحدد
http://www.s6am2k.com/droos/FrontPage/image022-7.jpg
(شكل رقم 013).

الأحداث

النقر بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر والنقر بواسطة زر الماوس الأيسر مرة واحدة.

النقر المزدوج بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر والنقر بواسطة زر الماوس الأيسر مرتين.

المرور بالماوس بدء الحركة عند قيام أحد زوار الموقع بالإشارة إلى العنصر وترك مؤشر الماوس فوق العنصر.

تحميل الصفحة بدء الحركة عند تحميل الصفحة في المستعرض.

3. في المربع تطبيق، انقر فوق السهم لأسفل ثم حدد نوع تأثير الحركة الذي ترغب في حدوثه.

تستند التأثيرات المسرودة في المربع تطبيق إلى نوع العنصر الذي حددته وإلى نوع الحدث المحدد في الخطوة 2.

التأثيرات

تحرك للخارج، تحرك للداخل, إسقاط كلمة بكلمة، مرونة, وثب، حلزوني، موجة، مسح، تكبير/تصغير تطبيق حركة على عنصر الصفحة المحدد.

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

تبادل صور تطبيق حركة تبادل صورة بصورة أخرى.

4. في المربع اختر الإعدادات, انقر فوق السهم للأسفل ثم اختر إعدادات التأثير.

الإعدادات

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

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

اختيار الحدود إذا قمت بتطبيق الحركة تنسيق في الخطوة 3، حدد هذا الخيار لتغيير الحد أو التظليل.

اختيار الصورة إذا كنت قد حددت صورة وحددت التأثير تبادل صور في الخطوة 3، حدد هذا الخيار ثم حدد الصورة التي ترغب في تبادلها عند وقوع الحدث الذي حددته في الخطوة 2.

ملحوظة

لمعاينة الصفحة، انقر فوق الزر "معاينة" http://www.s6am2k.com/droos/FrontPage/image024-7.jpg أو انقر فوق الزر معاينة في المستعرض http://www.s6am2k.com/droos/FrontPage/image026-7.jpg

تنسيق شاشة اسمية
تنسيق السلوك والسمات

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

http://www.s6am2k.com/droos/FrontPage/image028-7.jpg
(شكل رقم 016).

2. قم بتنسيق الخصائص التي تريدها.

الخصائص

النص كتابة نص الشاشة الاسمية الذي ترغب في عرضه (لا يوجد حد للطول).

الاتجاه اختيار يسار أو يمين لتحديد اتجاه حركة النص في الشاشة الاسمية.

السرعة تحديد سرعة النص في الشاشة الاسمية.

المهلة تحديد المهلة أو كتابتها بالمللي ثانية قبل أن تبدأ الشاشة الاسمية في التحرك.

الكمية تحديد الزيادة بالبكسل التي يجب أن يتحرك بها النص أو اكتبها.

السلوك

· التمرير تمرير النص عبر الشاشة مثل مؤشر البورصة.

· الانزلاق انزلاق النص على الشاشة.

· تبديل تبديل حركة النص بين التمرير والانزلاق.

المحاذاة مع النص

· إلى الأعلى محاذاة الشاشة الاسمية مع الجزء العلوي من النص المحيط.

· إلى الوسط محاذاة الشاشة الاسمية مع الجزء الأوسط من النص المحيط.

· إلى الأسفل محاذاة الشاشة الاسمية مع الجزء السفلي من النص المحيط.

الحجم حدد خانتي الاختيار العرض أو الارتفاع، اكتب العرض أو الارتفاع ثم حدد ما إذا كنت تريد حساب العرض

أو الارتفاع بالبكسل أو بنسبة مئوية من حجم إطار المستعرض.

الاستمرارية تحديد عدد مرات تكرار تأثير النص في الشاشة الاسمية.

· لتكرار الشاشة الاسمية بشكل مستمر، حدد خانة الاختيار هذه.

· لتكرار الشاشة الاسمية لعدد معين من المرات، قم بإلغاء تحديد خانة الاختيار ثم اكتب عدد مرات التكرار الذي تريده.

لون الخلفية تحديد اللون الذي ترغب في عرضه خلف نص الشاشة الاسمية المار.

تنسيق خصائص الخط

1. في الجزء عادي، انقر بواسطة زر الماوس الأيمن فوق الشاشة الاسمية التي ترغب في تنسيقها.

2. انقر فوق خصائص الخط من قائمة الاختصار.

o لتنسيق نمط الخط أو حجمه أو لونه أو تأثيراته، انقر فوق علامة التبويب خط.

o لتوسيع المسافة بين الأحرف أو تقليلها، أو لرفع النص أو خفضه، انقر فوق علامة التبويب تباعد الأحرف.

إنشاء زر تحويم
1. في طريقة العرض الصفحة، في الجزء عادي ، ضع رأس المؤشر في المكان الذي ترغب في إنشاء زر التحويم به.

2. من القائمة إدراج، انقر فوق مكون صفحة ويب.

3. في الجزء الأيمن، انقر فوق تأثيرات حيوية.

4. في الجزء الأيسر، انقر نقراً مزدوجاً فوق زر تحويم

http://www.s6am2k.com/droos/FrontPage/image030-7.jpg
(شكل رقم 017).

5. في المربع نص الزر, اكتب التسمية النصية لزر التحويم

http://www.s6am2k.com/droos/FrontPage/image031-7.jpg
(شكل رقم 018).

إذا كنت ترغب في استخدام صورة مخصصة تحتوي بالفعل على تسمية نصية، قم بمسح القيمة الافتراضية.

6. في المربع ارتباط إلى، اكتب محدد موقع المعلومات للصفحة أو الملف الذي ترغب في عرضه عند النقر فوق زر التحويم. أو انقر فوق استعراض لتحديد موقع الصفحة أو الملف.

ملاحظة لمعاينة زر التحويم لمعرفة كيف سيظهر لزوار الموقع على ويب، انقر فوق الزرمعاينة ، أو انقر فوق معاينة في المستعرض في القائمة ملف.

تعيين خصائص زر تحويم
1. في طريقة العرض الصفحة، انقر بواسطة زر الماوس الأيمن فوق زر التحويم الذي ترغب في تعديله ثم انقر فوق خصائص زر التحويم في قائمة الاختصار.

2. اختر الخصائص التي تريدها.

الخصائص

تعيين التسمية النصية اكتب التسمية التي ترغب في استخدامها في المربع نص الزر. في حالة كتابة تسمية طويلة، قم بضبط عرض زر التحويم.

تعيين الارتباط التشعبي الافتراضي في المربع ارتباط إلى، اكتب محدد موقع المعلومات للصفحة أو الملف الذي ترغب في عرضه عند قيام أحد زوار الموقع بالنقر فوق زر التحويم. أو انقر فوق استعراض لتحديد موقع الصفحة أو الملف.

تعيين لون الزر عند عرضه للمرة الأولى على الصفحة تحديد اللون الذي ترغب في استخدامه.

تعيين لون الخلفية للزر .تحديد لون خلفية لزر التحويم. لا يمكنك جعل لون الخلفية شفافاً؛ ولكن يمكنك استخدام نفس لون الخلفية لكل من الزر والصفحة.

تعيين تأثير تحويم تحديد التأثير المرئي الذي سيتم عرضه عند قيام أحد زوار الموقع بالإشارة إلى الزر.

تعيين لون تأثير التحويم تحديد لون تأثير التحويم.

تعيين حجم زر التحويم تعديل إعدادات مربعي العرض والارتفاع بالبكسل.

إضافة رسم إلى زر تحويم
يمكنك استخدام صورة كخلفية لزر التحويم، أو كتأثير تحويم أو كالاثنين معاً.

استخدام صورة كخلفية لزر التحويم

في طريقة العرض الصفحة, قم بالإجراءات التالية:

1. في الجزء عادي, انقر بواسطة زر الماوس الأيمن فوق زر التحويم، ثم انقر فوق خصائص زر التحويم من قائمة الاختصار.

2. انقر فوق تخصيص.

3. في المربع زر، اكتب محدد موقع المعلومات (URL) للصورة التي ترغب في استخدامها كخلفية لزر التحويم. أو انقر فوق استعراض لتحديد موقع الصورة.

4. انقر فوق موافق.

5. في المربعين العرض والارتفاع، اكتب العرض والارتفاع بالبكسل ثم انقر فوق موافق. يجب أن يطابق حجم زر التحويم حجم الصورة.

استخدام صورة كتأثير تحويم لزر تحويم

في طريقة العرض الصفحة، قم بالإجراءات التالية:

1. في الجزء عام, انقر بواسطة زر الماوس الأيمن فوق زر التحويم، ثم انقر فوق خصائص زر التحويم من قائمة الاختصار.`

2. انقر فوق تخصيص.

3. في المربع عند التحويم, اكتب محدد موقع المعلومات للصورة التي ترغب في استخدامها لتأثير التحويم في زر التحويم. أو انقر فوق استعراض لتحديد موقع الصورة.

4. انقر فوق موافق.

5. في المربعين عرض وارتفاع، اكتب العرض والارتفاع للصورة بالبكسل ثم انقر فوق موافق. يجب أن يطابق حجم زر التحويم حجم الصورة المستخدمة لأثر التحويم.

ملاحظة لمعاينة الزر كما سيظهر لمستعرضي الصفحة على ويب، انقر فوق الزر معاينة ، أو انقر فوق معاينة في المستعرض في القائمة ملف.

إضافة تأثير صوتي إلى زر تحويم
1. في طريقة العرض الصفحة، انقر بواسطة زر الماوس الأيمن فوق زر التحويم الذي ترغب في تعديله ثم انقر فوق خصائص زر التحويم في قائمة الاختصار.

2. انقر فوق تخصيص.

3. في الجزء قراءة صوت, حدد الإجراء والتأثير الصوتي:

o لقراءة التأثير الصوتي عند قيام أحد زوار الموقع بالنقر فوق زر التحويم، اكتب محدد موقع المعلومات الخاص بالتأثير الصوتي في المربع عند النقر. أو انقر فوق استعراض لتحديد موقع التأثير الصوتي.

o لقراءة التأثير الصوتي عند قيام أحد زوار الموقع بالإشارة إلى زر التحويم، اكتب محدد موقع المعلومات الخاص بالتأثير الصوتي في المربع عند المرور. أو انقر فوق استعراض لتحديد موقع التأثير الصوتي.

ملاحظة لأن أزرار التحويم هي برامج Java صغيرة، يمكنك فقط استخدام ملفات الصوت التي لها التنسيق .au للتأثيرات الصوتية؛ لا يمكنك استخدام ملفات .midi أو .wav. بالإضافة إلى ذلك، يجب أن تكون الملفات .au لها التنسيق 8 بت، 8000 هرتز, أحادي u-law.

إنشاء إعلان
1. في طريقة العرض الصفحة, في الجزء عادي, ضع رأس المؤشر في المكان الذي ترغب في إنشاء الإعلان به.

2. من القائمة إدراج، انقر فوق مكون صفحة ويب.

3. في الجزء الأيمن، انقر فوق تأثيرات حيوية.

4. في الجزء الأيسر، انقر نقراً مزدوجاً فوق إدارة الإعلانات
http://www.s6am2k.com/droos/FrontPage/image036-7.jpg
(شكل رقم 019).

5. لكل صورة ترغب في عرضها في الإعلان انقر فوق إضافة

http://www.s6am2k.com/droos/FrontPage/image037-7.jpg
(شكل رقم 020)، ثم حدد الصورة.
تعرض القائمة الموجودة بالمربع الصور المراد عرضها الصور التي قمت بعرضها والتسلسل الذي سيتم عرض الصور به.

6. لتغيير التسلسل، حدد محدد موقع المعلومات الخاص بإحدى الصور الموجودة في القائمة, ثم انقر فوق تحريك لأعلى أو تحريك لأسفل.

7. في المربع تأثير الانتقال, حدد التأثير الذي تريد استخدامه للانتقال بين الصور.

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

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

تعيين خصائص إعلان
1. في طريقة العرض الصفحة, في الجزء عادي, انقر بواسطة زر الماوس الأيمن فوق الإعلان الذي ترغب في تعديله، ثم انقر فوق خصائص إدارة الإعلانات من قائمة الاختصار.

2. في مربع الحوار خصائص إدارة الإعلانات، اختر الخصائص التي ترغب في تعديلها.

الخصائص

o الارتفاع تعيين ارتفاع الإعلان بالبكسل أو بالنسبة المئوية.

o العرض تعيين عرض الإعلان بالبكسل أو بالنسبة المئوية.

o تأثير الانتقال حدد التأثير الذي ترغب في استخدامه عندما يقوم الإعلان بالتبديل من صورة إلى أخرى.

o عرض كل صورة لمدة (ثانية) تحديد مدة عرض كل صورة (بالثانية).

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

o إضافة لتحديد الصور المراد عرضها في الإعلان، انقر فوق إضافة، ثم حدد الصورة.

تعرض القائمة الموجودة في المربع الصور المراد عرضها، الصور التي قمت بإضافتها وكذلك الترتيب الذي سيتم عرض الصور به.

o تحريك لأعلى لنقل صورة إلى أعلى في ترتيب العرض، انقر فوق محدد موقع المعلومات الخاص بالصورة في القائمة ثم انقر فوق تحريك لأعلى.

o تحريك لأسفل لنقل صورة إلى أسفل في ترتيب العرض، انقر فوق محدد موقع المعلومات الخاص بالصورة في القائمة ثم انقر فوق تحريك لأسفل.

o إزالة لإزالة صورة من إعلان، انقر فوق محدد موقع المعلومات الخاص بالصورة في القائمة ثم انقر فوق إزالة.


منقـــــــــــــــــــ مع التحية ـــــــــــول

.

مُجمع الخبرات
16-09-2009, 08:37 PM
درس رائع:abc_051:

بارك الله فيك أخي

سالي الفلسطينية
17-09-2009, 12:33 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

أبو يوسف
25-09-2009, 09:33 PM
حياكم الله وأهلا بكم


تحياتي لكم

.

abohmam
26-09-2009, 12:51 AM
جزاك الله خيرا أخى ابا يوسف

درس رائع ومفيد وسيفيد كثيرا فى تصميم الصفحات للكتب الالكترونية وكذلك المواقع

أبو صخر
30-10-2009, 07:16 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الوردة الجورية
31-12-2009, 08:58 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
جزاك الله كل خير
فى امان الله
:abc_152::abc_028::abc_152:

أبو فارس
03-01-2010, 03:19 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .