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

**3ashek El7ozn** · 12-09-2014, 07:27 AM

الجزء الثانى من الدرس الثانى لدورة الـ HTML .

أهلا وسهلا بكم اعضاء و زوار منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] .
سوف نقوم بتكملة الدرس الثانى { الخصائص التي يمكن إضافتها إلى الوسم <BODY> للتحكم فى شكل الصفحة العام } ( الالوان ) .

لمتابعة الدرس من بدايته يرجى الضغط على >> عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

انتهينا ببعض الكلمات البسيطة عن ما تم شرحه فى الدرس السابق ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والآن نعود الى الوسوم وخصائصها ,,
دعونا نلقى نظرة على هذا الوسم ...

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

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ما الشئ الجديد ؟؟
الشئ الجديد هو الوسم BACKGROUND .

وهذا الوسم يقوم بتحديد صورة ما كخلفية للنص او للصفحة الخاصة بنا وليس من الضرورى ان يكون اسم الصورة image.png حيث image هو اسم الصورة التى اخترتها و png هو امتداد الصورة المستخدمة ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وسوف اعتمد فى شرحى اليوم على صورة مقتبسة من داخل عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
حيث الجزء المظلل باللون الاحمر هو الذى سيقوم عليه الشرح فى هذا اليوم
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والان دعونا نتذكر صفحتنا التى قمنا بانشائها مسبقا وهى
*-.-**-.-**-.-**-.-*

المشاركة الأصلية كتبت بواسطة 3ashek El7ozn عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

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

سنقوم باضافة الوسم BACKGROUND الى صفحتنا ونرى النتيجة ...
حيث تكون مكونات الصفحة هكذا

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

ولا تقم بنسخ الكود اختصاراً للوقت قم بالتجربة بنفسك ..
مرة اخرى الصورة المستخدمة فى الشرح هى >>
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

بعد تحميلها قم باعادة تسميتها كما تشاء ولا تنسى ان تضيف الاسم الى داخل مكونات صفحتك كى تظهر ,,
وها هو نتيجة ما قمت بعمله ,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

يجب مراعاة وجود الصورة فى نفس مسار الصفحة مبدئيا حتى نقوم فى درس مقبل فيما بعد بتحديد مسار الصورة اذا كانت فى موقع مختلف عن الصفحة ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

نلاحظ معاً ان المتصفح قام بتكرار الصورة تلقائيا حتى اصبحت تملئ الصفحة بالكامل .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

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

ملحوظة :-
التمويجات التى توجد فى الصورة ليست بمشكلة او خطأ ولكنها من الصورة نفسها ويمكنك استخدام اى صورة كما تحب ولن تظهر معك تلك التمويجات .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
حجبت أيضاً اللون الأبيض الذي حددناه كلون الخلفية ( من خلال الخاصية BGCOLOR ) .

والحقيقة أن اللون يظهر فقط عندما لا نقوم باستخدام صورة ما كخلفية , ومع ذلك يفضل تحديده إحتياطاً خاصة وأن بعض المتصفحات القديمة توصف بأنها متصفحات نصية Text-Based Browsers ( أي ليس بإمكانها عرض الصور ) .
*-.-**-.-**-.-**-.-*
يمكنك استخدام الصور بأحجام مختلفة طولياً أو عرضياً كخلفيات للصفحة والمتصفح نفسه هو الذي يقوم تلقائياً بعرضها في وضع التجانب مما يعطي الانطباع بأنها صورة كبيرة .

والآن لنكمل باقى خصائص الوسم <BODY> .
*-.-**-.-**-.-**-.-*
ربما قد لاحظت فيما قبل ان معظم الوصلات التشعبية ( اللينكات ) التى تنقر عليها لتنقلك الى صفحة اخرى دائماً مميزة باللون الأزرق وأن الوصلات التي قمت بزيارتها فعلاً قد تحول لونها إلى القرمزي ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والسؤال هنا هل يمكننى ان اقوم بتغيير تلك الالوان ؟؟
*-.-**-.-**-.-**-.-*
الاجابة بالتاكيد نعم ولكن هذه الالوان التى تشاهدها هى الاعدادات الافتراضية التى يقوم بتحديدها المتصفح حينما لا يوجد اعداد خاص ..
*-.-**-.-**-.-**-.-*
و إليك هذه الخصائص التي تقوم بالتحكم في ألوان النصوص ,,
*-.-**-.-**-.-**-.-*

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

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

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

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

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

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

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

*-.-**-.-**-.-**-.-*
ومثالا على ذلك كما يجب ان يكون فى عين الاعتبار انه لا أهمية للترتيب في كتابة هذه الخصائص داخل العبارة .

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

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

الى هنا اكون قد انتهيت من درس الالوان ..

وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**

يتصفح الموضوع حالياً : 1 (0 عضو و 1 زائر)