شـريـط الاهـداءات |
|
|
||||||
| قسم شروحات لغات البرمجة و التطوير خاص بشروحات لغات البرمجة المختلفة و أساليب التطوير البرمجية. |
 |
|
|
أدوات الموضوع | انواع عرض الموضوع |
09-09-2014, 04:20 AM
|
#1 | ||||||||||||||
  .:: ! HTML PROF ::. 
|
 الدرس الثانى فى لغة الـ HTML ...  أهلا وسهلا بكم اعضاء و زوار منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] ,, *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* سوف نقوم فى هذا الدرس بالتعرف على الخصائص التي يمكن إضافتها إلى الوسم <BODY> للتحكم فى شكل الصفحة العام . بالطبع نتذكر الصفحة التى قمنا بانشائها فى الدرس السابق ,, عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* اقتباس:
كما ترون فهى صفحة بسيطة بالاعدادات الافتراضية التى يعتمدها المتصفح عندما لا نقوم بتحديد اعدادات خاصة كالخلفية البيضاء والخط الاسود الصغير نوعا ما .. الخ ,, *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* والآن اعرف ما يخطر فى بال كل متابع للدرس الاول حتى الان .. *-.-**-.-**-.-**-.-* أهذه صفحة انترنت ؟ !! *-.-**-.-**-.-**-.-* هل هذه الصفحة تشبه الصفحات التى نراها فى الانترنت كباقى المواقع !! *-.-**-.-**-.-**-.-* اين الالوان - اين التنسيقات - اين و اين و اين .... ؟ *-.-**-.-**-.-**-.-* معك حق فى كل الاسئلة التى طرحتها و لكن مهلاً ما زلنا في البداية تعلم HTML . وسنقوم فى هذا الدرس باذن الله باضافة بعض الحيوية الى صفحتنا التى تم انشائها فى الدرس السابق ,, *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* ودرس اليوم يتركز كليا على كل ما هو بين الوسمين >> كود بلغة HTML:
<BODY>___</BODY> لن نضيع الوقت فى كلام بلا جدوى هيا بنا الى الدرس اعزائى الاعضاء والزوار الكرام ,, تطلق كلمة خاصية Attribute على التعابير التي تضاف إلى الوسوم من أجل تحديد الكيفية أو الشكل الذي تعمل بها هذه الوسوم . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* ما معنى هذا الكلام ! *-.-**-.-**-.-**-.-* الوسم يقوم بإخبار المتصفح عن العمل الذي يجب القيام به أما الخاصية فتحدد الكيفية التي سيتم بها أداء هذا العمل . دعونا نرى مثال ... كود بلغة HTML:
<BODY BGCOLOR="FFFF00"> هنا يوجد محتويات الصفحة </BODY> ما الجديد اليوم فى عالم الـ HTML ؟ لقد قمنا باضافة الخاصية BGCOLOR الى الوسم <BODY> والتى تقوم باضافة لون لخلفية الصفحة الخاصة بنا . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* اما عن الكود FFFF00 فهو يمثل اللون المختار وهذا الكود يدل على اللون الاصفر ، ويرجى ملاحظة ان اللون بين علامتى تنصيص " " . والآن السؤال الذى يدور فى راس كل متابعي الشرح على منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] . من اين احصل على تلك الاكواد الخاصة بالالوان ؟ كيف جائت هذه الالوان ؟ لاحظ معى ...  ماذا تعنى هذه الصورة ؟ من المفترض انك قد لاحظت ان كود اللون السابق يتكون من 6 رموز .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* فهناك ثلاثة الوان اساسية وهى الاحمر و الاخضر و الازرق ولكل لون منهم درجات لونية عددها 256 ويعبر عن هذه الدرجات بـ الارقام من 000 الى 255 ومن خلال مزج تلك الالوان مع بعضها البعض تحصل على الالوان الاخرى . ببساطة اى لون غير تلك الثلاثة الوان هذه فهو مزيج منها ليس الا .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* فـ على سبيل المثال اللون الاسود مكون من 000 من كل من اللون الأحمر و الأخضر و الأزرق , واللون الأبيض مكون من الدرجة 255 من هذه الألوان . اما اللون الاصفر فـ هو مكون من الدرجة 255 من اللون الاحمر او الدرجة 255 من اللون الاخضر او الدرجة 000 من اللون الازرق . اقتباس:
الى هنا نكون قد تعرفنا على تلك الرموز التى تدل على درجات الالوان ولكن السؤال المحير ماذا تعنى الحروف FFFFFF والتى هى تعبر عن اللون الابيض ؟ الاجابة بكل بساطة .. انها ليست برموز او حروف ولكن ارقام كتبت بالنظام السادس عشرى . ما هو النظام السادس عشرى ؟ *-.-**-.-**-.-**-.-* هو نظام عددي أساسه الرقم 16 ويعبر عنه باستخدام الأرقام العادية من 0 إلى 9 والرموز A,B,C,D,E,F . فالرقم 255 بالنظام العشرى العادي يكافئه الرقم FF بالنظام السداس عشرى . بالتالى نستنتج ان ,, الرمز FF على اليسار يمثل 255 درجة من الون الاحمر . الرمز FF فى الوسط يمثل 255 درجة من اللون الاخضر . الرمز FF على اليمين يمثل 255 درجة من اللون الازرق . اما عن اللون الاسود فرمزه هو 000000 . والى هنا ننتهى من تفسير تلك الرموز الخاصة بالالوان . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* ملحوظة هامة .. *-.-**-.-**-.-**-.-* بعض المتصفحات لا تتعرف على الالوان الا بعد اضافة الرمز # قبل كود اللون .. و لنا لقاء اخر فى تكملة تلك الدرس باذن الله فهذا الدرس ليس بسهل وعليكم اولا باستيعاب تلك الاكواد الخاصة بالالوان قبل التوغل فى عالم الـ HTML . وفى النهاية *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* وعند النقل يرجى ذكر المصدر دمتم بود *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*  |
||||||||||||||
|
التعديل الأخير تم بواسطة 3ashek El7ozn ; 14-09-2014 الساعة 05:32 PM
|
| إعلانات google |
|
|
|
09-09-2014, 03:49 PM
|
#2 | ||||||||||||
  
|
عالمى
|
||||||||||||
|
|
|
09-09-2014, 07:43 PM
|
#3 | |||||||||||||
|
.:: ! HTML PROF ::.
|
اقتباس:
 |
|||||||||||||
|
|
|
10-09-2014, 04:23 AM
|
#4 | ||||||||||||
   
|
روعة يبنى والله 
|
||||||||||||
|
|
|
10-09-2014, 04:42 AM
|
#5 | |||||||||||||
|
.:: ! HTML PROF ::.
|
اقتباس:
 |
|||||||||||||
|
|
|
10-09-2014, 08:54 PM
|
#6 | ||||||||||||
  
|
جامد أوي يا باشا ...  عاجبني أوي الصراحة
|
||||||||||||
|
|
|
11-09-2014, 01:16 AM
|
#7 | |||||||||||||
|
.:: ! HTML PROF ::.
|
اقتباس:
|
|||||||||||||
|
|
|
20-09-2014, 02:57 PM
|
#8 | ||||||||||||
  
|
الدرس التانى جامد انا داخل على التالت + انى بجرب 
|
||||||||||||
|
|
|
20-09-2014, 10:30 PM
|
#9 | |||||||||||||
|
.:: ! HTML PROF ::.
|
اقتباس:
 |
|||||||||||||
|
|
|
21-09-2014, 03:29 PM
|
#10 | |||||||||||||
|
اقتباس:
|
|||||||||||||
|
|
|
| يتصفح الموضوع حالياً : 1 (0 عضو و 1 زائر) | |
|
|
.gif){kind=icon}
العرض العادي
