الموقع العربي الاول للعبة Silkroad Online - [HTML/CSS] تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( تابع للدرس الثانى ) .

http://im61.gulfup.com/GBda5Q.png
الجزء الثانى من الدرس الثانى لدورة الـ HTML .
http://im55.gulfup.com/QxQsXY.gif
أهلا وسهلا بكم اعضاء و زوار منتدى Silkroad4arab .
سوف نقوم بتكملة الدرس الثانى { الخصائص التي يمكن إضافتها إلى الوسم <BODY> للتحكم فى شكل الصفحة العام } ( الالوان ) .
http://im55.gulfup.com/QxQsXY.gif
لمتابعة الدرس من بدايته يرجى الضغط على >> تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الثانى ) .
http://im55.gulfup.com/QxQsXY.gif
انتهينا ببعض الكلمات البسيطة عن ما تم شرحه فى الدرس السابق ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والآن نعود الى الوسوم وخصائصها ,,
دعونا نلقى نظرة على هذا الوسم ...

كود بلغة HTML:

<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.png">‎ هنا يوجد محتويات الصفحة <‎/BODY>

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ما الشئ الجديد ؟؟
الشئ الجديد هو الوسم BACKGROUND .
http://im55.gulfup.com/QxQsXY.gif
وهذا الوسم يقوم بتحديد صورة ما كخلفية للنص او للصفحة الخاصة بنا وليس من الضرورى ان يكون اسم الصورة image.png حيث image هو اسم الصورة التى اخترتها و png هو امتداد الصورة المستخدمة ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وسوف اعتمد فى شرحى اليوم على صورة مقتبسة من داخل المنتدى .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
http://im62.gulfup.com/QRfuny.png
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
حيث الجزء المظلل باللون الاحمر هو الذى سيقوم عليه الشرح فى هذا اليوم
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
http://im53.gulfup.com/iDSu3d.png
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والان دعونا نتذكر صفحتنا التى قمنا بانشائها مسبقا وهى
*-.-**-.-**-.-**-.-*

اقتباس:

المشاركة الأصلية كتبت بواسطة 3ashek El7ozn (المشاركة 5103402)

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

http://im64.gulfup.com/cmlQaG.png

http://im55.gulfup.com/QxQsXY.gif
سنقوم باضافة الوسم BACKGROUND الى صفحتنا ونرى النتيجة ...
حيث تكون مكونات الصفحة هكذا

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF" BACKGROUND="image.png"> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

http://im55.gulfup.com/QxQsXY.gif
ولا تقم بنسخ الكود اختصاراً للوقت قم بالتجربة بنفسك ..
مرة اخرى الصورة المستخدمة فى الشرح هى >>
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
http://im53.gulfup.com/iDSu3d.png

http://im55.gulfup.com/QxQsXY.gif
بعد تحميلها قم باعادة تسميتها كما تشاء ولا تنسى ان تضيف الاسم الى داخل مكونات صفحتك كى تظهر ,,
وها هو نتيجة ما قمت بعمله ,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
http://im65.gulfup.com/W5iwwf.png
http://im55.gulfup.com/QxQsXY.gif
يجب مراعاة وجود الصورة فى نفس مسار الصفحة مبدئيا حتى نقوم فى درس مقبل فيما بعد بتحديد مسار الصورة اذا كانت فى موقع مختلف عن الصفحة ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
http://im64.gulfup.com/Nzzu45.png
http://im55.gulfup.com/QxQsXY.gif
نلاحظ معاً ان المتصفح قام بتكرار الصورة تلقائيا حتى اصبحت تملئ الصفحة بالكامل .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
http://im65.gulfup.com/W5iwwf.png
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

ملحوظة :-
التمويجات التى توجد فى الصورة ليست بمشكلة او خطأ ولكنها من الصورة نفسها ويمكنك استخدام اى صورة كما تحب ولن تظهر معك تلك التمويجات .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
حجبت أيضاً اللون الأبيض الذي حددناه كلون الخلفية ( من خلال الخاصية BGCOLOR ) .
http://im55.gulfup.com/QxQsXY.gif
والحقيقة أن اللون يظهر فقط عندما لا نقوم باستخدام صورة ما كخلفية , ومع ذلك يفضل تحديده إحتياطاً خاصة وأن بعض المتصفحات القديمة توصف بأنها متصفحات نصية Text-Based Browsers ( أي ليس بإمكانها عرض الصور ) .
*-.-**-.-**-.-**-.-*
يمكنك استخدام الصور بأحجام مختلفة طولياً أو عرضياً كخلفيات للصفحة والمتصفح نفسه هو الذي يقوم تلقائياً بعرضها في وضع التجانب مما يعطي الانطباع بأنها صورة كبيرة .
http://im55.gulfup.com/QxQsXY.gif
والآن لنكمل باقى خصائص الوسم <BODY> .
*-.-**-.-**-.-**-.-*
ربما قد لاحظت فيما قبل ان معظم الوصلات التشعبية ( اللينكات ) التى تنقر عليها لتنقلك الى صفحة اخرى دائماً مميزة باللون الأزرق وأن الوصلات التي قمت بزيارتها فعلاً قد تحول لونها إلى القرمزي ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والسؤال هنا هل يمكننى ان اقوم بتغيير تلك الالوان ؟؟
*-.-**-.-**-.-**-.-*
الاجابة بالتاكيد نعم ولكن هذه الالوان التى تشاهدها هى الاعدادات الافتراضية التى يقوم بتحديدها المتصفح حينما لا يوجد اعداد خاص ..
*-.-**-.-**-.-**-.-*
و إليك هذه الخصائص التي تقوم بالتحكم في ألوان النصوص ,,
*-.-**-.-**-.-**-.-*

كود بلغة HTML:

TEXT="#كود اللون"‎لتحديد لون النص الأساسي للصفحة

*-.-**-.-**-.-**-.-*

كود بلغة HTML:

LINK="#كود اللون"‎لتحديد لون الوصلات التشعبية

*-.-**-.-**-.-**-.-*

كود بلغة HTML:

VLINK="#كود اللون"‎لتحديد لون الوصلات التشعبية التي تمت زيارتها

*-.-**-.-**-.-**-.-*

كود بلغة HTML:

ALINK="#كود اللون"‎لتحديد لون الوصلة التشعبية الفعالة أي عندما يتم النقر عليها

*-.-**-.-**-.-**-.-*
ومثالا على ذلك كما يجب ان يكون فى عين الاعتبار انه لا أهمية للترتيب في كتابة هذه الخصائص داخل العبارة .
http://im55.gulfup.com/QxQsXY.gif

كود بلغة HTML:

<BODY BACKGROUND="image.png"‎ BGCOLOR="#كود اللون"‎ TEXT="#كود اللون"‎ LINK="#كود اللون"‎ VLINK="#كود اللون"‎ ALINK="#كود اللون">‎

http://im55.gulfup.com/QxQsXY.gif
وسوف نقوم بتجربة و تطبيق هذا فيما بعد فى الدرس المناسب فقط قمت بالافصاح عنها لانها تابعة لدرس الالوان .
http://im55.gulfup.com/QxQsXY.gif
الى هنا اكون قد انتهيت من درس الالوان ..
http://im55.gulfup.com/QxQsXY.gif
وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**
http://im54.gulfup.com/Zz30Un.png