مرحبا بكم في مدونة خطوة نت حيث المعرفة والاستفادة

السبت، 22 مايو 2010

إنشاء وتصميم صفحات الويب


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


إستخدام أصوات الخلفية:
· في طريقة عرض الصفحة انقر بواسطة زر الفأرة الأيمن فوق الصفحة ثم أنقر خصائص الصفحة Page Properties.



· في خانة صوت الخلفية Backgroun Sound انقر استعراض Browse حدد موقع الملف الصوتي ثم حدد عدد مرات تكرار الصوت من خانة Loop.

تغيير لون الخلفية للصفحة:
· من قائمة تنسيق Format انقر خلفية Background ثم حدد اللون أو الصورة التي تريدها.





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





إنشاء تأثير انتقال لصفحة أو موقع ويب:
· من قائمة تنسيق Format انقر المراحل الانتقالية للصفحة Page Transitions.



· في خانة حدث Event انقر فوق الحدث الذي سيؤدي إلى حدوث تأثير الإنتقال. على سبيل المثال انقر فوق دخول الصفحة لعرض تأثير الانتقال عند قيام أحد الزوار الموقع بدخول الصفحة للمرة الأولى.
· في خانة تأثير الانتقال Transition Effect، انقر فوق تأثير الانتقال المراد استخدامه عند عرض الصفحة أو الخروج منها.
· في خانة المدة Duration اكتب الفترة الزمنية التي ترغب أن يستغرقها تأثير الانتقال.




إدراج خط أفقي:
· قم بوضع نقطة الإدراج في المكان المناسب، من قائمة إدراج Insert انقر خط أفقي Horizontal Line.
· لتغيير خصائص الخط الأفقي انقر عليه بالزر الأيمن ثم اختر خصائص الخط الأفقيHorizontal Line Properties.




إضافة تعليق:
· قم بوضع نقطة الإدراج في المكان المناسب، من قائمة إدراج Insert انقر تعليق Comment اكتب التعليق الذي تريده ثم موافق.




إدراج صورة :
· قم بوضع نقطة الإدراج في المكان المناسب، من قائمة إدراج Insert انقر صورة Picture ثم من القائمة الفرعية انقر من ملف From File
· حدد مكان الصورة ثم انقر ادراج Insert.



ملاحظة: يفضل وضع جميع الصور التي نحتاجها في تصميم الموقع في مجلد Images التابع للموقع.



إضافة تأثيرات الحركة والصوت للموقع:

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


إضافة زر تحويم :

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

إنشاء زر تحويم:
· قم بوضع نقطة الإدراج في المكان المناسب، من قائمة إدراج Insert انقر مكونات ويب Web Component سيظهر مربع حوار إدراج مكون ويب Insert Web Component
· من خانة نوع المكون Component Type انقر تأثيرات حيوية Dynamic Effects ثم من خانة اختيار التأثير Choose An Effect: انقر زر تحويم Interactive Button ثم إنهاء Finish .









· سيظهر مربع حوار خصائص زر تحويم Interactive Button من خانة Button حدد شكل الزر الذي تريده ثم من خانة TEXT حدد النص الذي تريد ظهوره على الزر



ومن خلال خانة الارتباط Link انقر استعراض Browse سيظهر مربع حوار تحرير ارتباط تشعبي.


حدد الملف المراد ربطه بالزر ثم انقر موافق.



إضافة تأثير صوتي إلى زر تحويم:


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


إنشاء شاشة إسمية:
· قم بوضع نقطة الإدراج في المكان المناسب، من قائمة إدراج Insert انقر مكونات ويب Web Component سيظهر مربع حوار إدراج مكون ويب Insert Web Component



· من خانة نوع المكون Component Type انقر تأثيرات حيوية Dynamic Effects ثم من خانة اختيار التأثير Choose An Effect: انقر شاشة اسمية Marquee ثم إنهاء Finish .


· سيظهر مربع حوار خصائص شاشة اسمية Marquee Properties من خانة TEXT حدد النص الذي تريد ظهوره على الشاشة الاسمية وليكن مثلا "مرحبا بكم " .






· حدد اتجاه النص، ولون الخلفية ، وسرعة النص ، وعدد مرات ظهوره ، وحجم الشاشة الاسمية، وكيفية الظهور "بشكل متكررScroll " أو " alternate جيئة وذهابا " أو "مرة واحدة فقط Slide".




إضافة ارتباط تشعبي:
· حدد الكلمة التي تريد انشاء ارتباط تشعبي لها ثم انقر الزر الايمن للفأرة ثم اختار ارتباط تشعبي Hyperlink سيظهر مربع حوار إدراج ارتباط تشعبي Insert Hyperlink حددي الملف الذي تريدين عمل ارتباط له ثم انقر موافق.





ليست هناك تعليقات:

إرسال تعليق