الموقع العربي الاول للعبة 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 من الالف الى الياء ( الدرس الأول ) .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

اقتباس:

المشاركة الأصلية كتبت بواسطة 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
كما ترون فهى صفحة بسيطة بالاعدادات الافتراضية التى يعتمدها المتصفح عندما لا نقوم بتحديد اعدادات خاصة كالخلفية البيضاء والخط الاسود الصغير نوعا ما .. الخ ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والآن اعرف ما يخطر فى بال كل متابع للدرس الاول حتى الان ..
*-.-**-.-**-.-**-.-*
أهذه صفحة انترنت ؟ !!
*-.-**-.-**-.-**-.-*
هل هذه الصفحة تشبه الصفحات التى نراها فى الانترنت كباقى المواقع !!
*-.-**-.-**-.-**-.-*
اين الالوان - اين التنسيقات - اين و اين و اين .... ؟
*-.-**-.-**-.-**-.-*
معك حق فى كل الاسئلة التى طرحتها و لكن مهلاً ما زلنا في البداية تعلم HTML .
http://im55.gulfup.com/QxQsXY.gif
وسنقوم فى هذا الدرس باذن الله باضافة بعض الحيوية الى صفحتنا التى تم انشائها فى الدرس السابق ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ودرس اليوم يتركز كليا على كل ما هو بين الوسمين >>

كود بلغة HTML:

<BODY>___<‎/BODY>

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

كود بلغة HTML:

<BODY BGCOLOR="FFFF00">‎ هنا يوجد محتويات الصفحة <‎/BODY>

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ما الجديد اليوم فى عالم الـ HTML ؟
لقد قمنا باضافة الخاصية BGCOLOR الى الوسم <BODY> والتى تقوم باضافة لون لخلفية الصفحة الخاصة بنا .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
اما عن الكود FFFF00 فهو يمثل اللون المختار وهذا الكود يدل على اللون الاصفر ، ويرجى ملاحظة ان اللون بين علامتى تنصيص " " .
http://im55.gulfup.com/QxQsXY.gif
والآن السؤال الذى يدور فى راس كل متابعي الشرح على منتدى Silkroad4arab .
من اين احصل على تلك الاكواد الخاصة بالالوان ؟
كيف جائت هذه الالوان ؟
لاحظ معى ...
http://im71.gulfup.com/OiNKgk.gif
ماذا تعنى هذه الصورة ؟
من المفترض انك قد لاحظت ان كود اللون السابق يتكون من 6 رموز ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
فهناك ثلاثة الوان اساسية وهى الاحمر و الاخضر و الازرق ولكل لون منهم درجات لونية عددها 256 ويعبر عن هذه الدرجات بـ الارقام من 000 الى 255 ومن خلال مزج تلك الالوان مع بعضها البعض تحصل على الالوان الاخرى .
http://im71.gulfup.com/OiNKgk.gif
ببساطة اى لون غير تلك الثلاثة الوان هذه فهو مزيج منها ليس الا ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
فـ على سبيل المثال اللون الاسود مكون من 000 من كل من اللون الأحمر و الأخضر و الأزرق , واللون الأبيض مكون من الدرجة 255 من هذه الألوان .
اما اللون الاصفر فـ هو مكون من الدرجة 255 من اللون الاحمر او الدرجة 255 من اللون الاخضر او الدرجة 000 من اللون الازرق .
http://im55.gulfup.com/QxQsXY.gif

اقتباس:

وهذه العملية الحسابية منقولة للافادة ليس الا
و بعملية حسابية بسيطة 256 × 256 × 256 ينتج لدينا أن عدد الألوان التي يمكن الحصول عليها بمزج الألوان الثلاثة السابقة هو 16777216 بالضبط .

http://im55.gulfup.com/QxQsXY.gif
الى هنا نكون قد تعرفنا على تلك الرموز التى تدل على درجات الالوان ولكن السؤال المحير ماذا تعنى الحروف FFFFFF والتى هى تعبر عن اللون الابيض ؟
الاجابة بكل بساطة .. انها ليست برموز او حروف ولكن ارقام كتبت بالنظام السادس عشرى .
http://im55.gulfup.com/QxQsXY.gif
ما هو النظام السادس عشرى ؟
*-.-**-.-**-.-**-.-*
هو نظام عددي أساسه الرقم 16 ويعبر عنه باستخدام الأرقام العادية من 0 إلى 9 والرموز A,B,C,D,E,F .
فالرقم 255 بالنظام العشرى العادي يكافئه الرقم FF بالنظام السداس عشرى .
http://im55.gulfup.com/QxQsXY.gif
بالتالى نستنتج ان ,,
الرمز FF على اليسار يمثل 255 درجة من الون الاحمر .
الرمز FF فى الوسط يمثل 255 درجة من اللون الاخضر .
الرمز FF على اليمين يمثل 255 درجة من اللون الازرق .
اما عن اللون الاسود فرمزه هو 000000 .
http://im55.gulfup.com/QxQsXY.gif
والى هنا ننتهى من تفسير تلك الرموز الخاصة بالالوان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ملحوظة هامة ..
*-.-**-.-**-.-**-.-*
بعض المتصفحات لا تتعرف على الالوان الا بعد اضافة الرمز # قبل كود اللون ..
http://im55.gulfup.com/QxQsXY.gif
و لنا لقاء اخر فى تكملة تلك الدرس باذن الله فهذا الدرس ليس بسهل وعليكم اولا باستيعاب تلك الاكواد الخاصة بالالوان قبل التوغل فى عالم الـ HTML .
http://im55.gulfup.com/QxQsXY.gif
وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
http://im54.gulfup.com/Zz30Un.png