09-09-2014, 04:20 AM
|
#1
|
.:: ! HTML PROF ::.
|
• الانـتـسـاب » Jun 2010
|
• رقـم العـضـويـة » 71305
|
• المشـــاركـات » 5,583
|
• الـدولـة » Egypt
|
• الـهـوايـة » <HTML>
|
• اسـم الـسـيـرفـر » Private Server
|
• الـجـنـس » Male
|
• نقـاط التقييم » 177
|
|
|
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الثانى ) .
![](http://im61.gulfup.com/GBda5Q.png)
الدرس الثانى فى لغة الـ HTML ...
![](http://im55.gulfup.com/QxQsXY.gif)
أهلا وسهلا بكم اعضاء و زوار منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
سوف نقوم فى هذا الدرس بالتعرف على الخصائص التي يمكن إضافتها إلى الوسم <BODY> للتحكم فى شكل الصفحة العام .
![](http://im55.gulfup.com/QxQsXY.gif)
بالطبع نتذكر الصفحة التى قمنا بانشائها فى الدرس السابق ,,
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
اقتباس:
المشاركة الأصلية كتبت بواسطة 3ashek El7ozn
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
كود بلغة 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)
والآن السؤال الذى يدور فى راس كل متابعي الشرح على منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] .
من اين احصل على تلك الاكواد الخاصة بالالوان ؟
كيف جائت هذه الالوان ؟
لاحظ معى ...
![](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)
|
|
التعديل الأخير تم بواسطة 3ashek El7ozn ; 14-09-2014 الساعة 05:32 PM
|