الجزء 2 للفرونت بايج

2-10

4- ولاضافة تأثير للصوره أي بمجرد الاشاره عليها بالماوس سيظهر وصف لها أو تعليق. فقم بكتابة ذلك امام مايسمى بــ Text.

5- لاضافة رابطه من هذه الصوره لموقع وب او صفحه أخرى أدخل عنوان الموقع أمام مايسمى بـ Location. أو قم باختيار صفحه من صفحات موقعك لربطها من خلال النقر على الزر الموجود أمام هذا الفراغ مباشره وهو Browse. سيعرض لك مربع ملفات أختر منه الصفحه التي تود ربطها. وقد قمنا بكتابة العنوان القديم لموقع كوكب كوكتيل كمثال.

http://www.cocktail.u4l.com

6- في الخيار الذي يليه ستجد مايسمى بـ Target Frame وأمامه رمز يشبه صورة القلم. هذه الخاصيه تمكن الارتباط لعنوان الموقع الذي وضعته على الصوره من أن يظهر في صفحه جديده تفتح غير الصفحه الرئيسيه التي عليها الصوره ولاختيار هذه الخاصيه اضغط على الرمز الموجود أمام Target Frame ومن القائمه اختر New Window.

كما هو موضح لك بالشكل 2-10.

كيف تدرج خلفيه

1- من القائمه الرئيسيه اختر Format>Background.

2- سيظهر لك مربع حواري.

3- في لسان التبويب Background . ستجد مستطيلا فارغا أمامه Browse. اضغط Browse واختر من القائمه التي ستظهر لك بالمربع ملف صورة الخلفيه التي تود وضعها بصفحتك.انظر الشكل 2-11

2-11

* ملاحظه: يمكنك أيضا من خلال هذه الخطوه وبهذا المربع الذي أمامك تغيير لون خلفيتك حتى ولو كانت خلفيتك عباره عن صوره فانه من الضروري تحديد لون يتناسب ولون خلفيتك كي تظهر بالمتصفح بمظهر متناسق جميل. وبالاضافه الى ذلك فان هذا المربع يمكنك من تغيير ألوان الروابط الأساسيه والروابط المزاره والنشطه كما تشاء من خلال قوائم الألوان التاليه والموجوده بنفس هذا المربع الموضح بالشكل 2-11. وهي :

Hyperlink

Visited hyperlink

Active hyperlink

ادراج خلفيه صوتيه

1- لوضع خلفيه صوتيه أو موسيقى ترافق الصفحه, أختر التبويب General من أعلى المربع السابق نفسه.

2- ستجد فراغا امامه background sound

3- اضغط browse واختر الخلفيه الصوتيه من القائمه المعروضه لديك. انظر الشكل 2-12

2-12

* ملاحظه : لاحظ بأن نص كوكب كوكتيل الموجود بأول فراغ سيكون ظاهرا بالشريط العلوي للمتصفح عند عرض موقعك بمتصفحك. لذلك تمكنك هذه الخاصيه من وضع تعليق مبسّط أو عبارة مجمله تصف موقعك أو صفحتك.

الــدرس الرابع

أدراج الجداول وكيفية التعامل معها

الجدول يقوم بترتيب العناصر بصفحتك ويجعلها أكثر تنظيما وجمالا.ستتعلّم ألان كيف تنشي جدول تضع به الصور والنصوص.

1- باعلى القائمه الرئيسيه اختر Table>Insert>Table ويمكنك استعمال الطريقه السريعة بالضغط على صورة الجدول باعلى شريط الأدوات .انظر الشكل 2-13

2- يعرض لك مربع ادراج جدول . قم بتحديد الخيارات التي تريدها ثم اضغط ok.

2-13

لتعديل خصائص الجدول

3- لتغيير لون إطارات الجدول وتوسيطه وتحديد خلفيته أيضا أنقر باليمين بأي فراغ داخل الجدول

تظهر لك قائمه اختر منها table properties.

4- يظهر لك مربع قم باختيار خصائص الجدول منه .كما هو موضح بالشكل 2-14

2-14

5- حدد لون خلفية الجدول من خلال القائمه المنسدله أمام Background Color وعلى سبيل المثال فقد اخترنا هنا اللون الأسود كخلفية.وأما لون الإطارات فيمكنك تغييرها من القوائم الثلاث التي تعلو خيار لون الخلفية. وقد قمنا باختيار اللون الأزرق والبنفسجي لإطارات الجدول. انظر النتيجة بالأسفل.

* ملاحظه: يمكنك إضافة صوره كخلفية للجدول وذلك بالنقر على Browse كما هو موضح بالشكل السابق 2-14.

** لزيادة عدد الخلايا بالجدول انقر بالزر الأيمن للموس بداخل الجدول واختر من القائمه Insert Row.**

أدراج صوره داخل الجدول

1- لأدراج صوره داخل الجدول انقر بأي خليه داخل الجدول.

2- من القائمه الرئيسيه للبرنامج اختر Insert>Picture>From File. أو اتبع الطريقه ألمختصره لإنزال صوره. انظر الشكل 2-15.

2-15

3- ولإلغاء أو مسح بعض الخلايا قم بتحديد الخلية بالكامل ومن خلال النقر بالزر الأيمن للموس اختر من القائمه Delete Cells مع ملاحظه انه يجب عليك تحديد خليتين على الأقل لتتمكن من حذفها.انظر الشكل السابق 2-15.

كيف تدرج شريط متحرّك

1- ستضيف الآن لصفحتك نص متحرك وهو يعطي شكل رائع ودعاية للفت انتباه الزوار. من القائمه الرئيسيه أختر Insert>Component>Marquee.

2- فيعرض لك فرونت بيج مربع اكتب في المربع الفارغ نصك..كتبنا هنا مثلا كوكب كوكتيل.انظر الشكل 2-16

2-16

3- لديك ثلاث خيارات بالأسفل :

scroll

يجعل النص يسير من اليمين لليسار أو العكس.

slide

يجعل النص يتحرك ومن ثم يقف فجأة.

أما alternate

يجعل النص يتجول بالصفحة كهذا المثال التالي..

4- لتغيير خصائص هذا النص وتغيير خلفيته اضغط باليمين عليه واختر

من القائمه marquee properties .

ولتغيير نوع الخط اختر font .

الــدرس الخامس

عرض موقعك ونشره على الويب

** بعد تصميم موقعك بالكامل والتأكد من عمل جميع الوصلات أو الروابط بصفحات الموقع فان الخطوة الأخيرة تكمن في عرض هذه الصفحات ومشاهدتها في شكلها النهائي

ملاحظه: لكي ترى الشكل النهائي لصفحاتك بصوره صحيحة

Preview in Browser ولتتمكن من رؤيته بمتصفحك اختر

وهو يحمل هذا الرمز بأعلى شريط الأدوات.

** ان المهمه لاتنتهي عند تصميم صفحاتك ولكن عليك نشرها على الوب حتي يتمكن الجميع من مشاهدتها.

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

» التعرف على محتويات فرونت بايج الجزء الاول
» التعرف على محتويات فرونت بايج الجزء الاول
» التعرف على محتويات فرونت بايج الجزء الاول
» الامة العربية و القرن الجديد ( الجزء 2 )
» الأمة العربية والقرن الجديد الجزء الاول