[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="#كود اللون">‎

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

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

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

**Hero** · 13-09-2014, 06:01 PM

ايوة ايوة ايوة الف شكر يا كبير

**3ashek El7ozn** · 13-09-2014, 08:37 PM

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

ايوة ايوة ايوة الف شكر يا كبير

حبيبى يا هيرو فى الخدمة يا بطل

**_Joo** · 20-09-2014, 03:13 PM

الله ينور عليك وربنا بجد شغل عالى

**3ashek El7ozn** · 20-09-2014, 10:37 PM

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

الله ينور عليك وربنا بجد شغل عالى

وعليك يا باشا تحت امرك

**_Joo** · 21-09-2014, 03:27 PM

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

وعليك يا باشا تحت امرك

تسلم :)

**Cursed_Devil** · 20-10-2014, 08:11 PM

شكراً

**na7la2050** · 22-06-2016, 09:01 PM

لو سمحت مفيش اي صور ياريت صور بعد ازنك هيا مش شغالة
وشكرا علي المجهود

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

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