|
![]() |
#1 | ||||||||||||
![]() ![]()
|
![]() الدرس الثانى فى لغة الـ 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
![]() |
![]() |
#2 | ||||||||||
![]() ![]()
|
عالمى |
||||||||||
![]() |
![]() |
#3 | |||||||||||
![]() ![]()
|
اقتباس:
![]() |
|||||||||||
![]() |
![]() |
#4 | ||||||||||
![]() ![]()
|
روعة يبنى والله ![]() ![]() |
||||||||||
![]() |
![]() |
#5 | |||||||||||
![]() ![]()
|
اقتباس:
![]() |
|||||||||||
![]() |
![]() |
#6 | ||||||||||
![]() ![]()
|
جامد أوي يا باشا ... ![]() |
||||||||||
![]() |
![]() |
#7 | |||||||||||
![]() ![]()
|
اقتباس:
|
|||||||||||
![]() |
![]() |
#8 | ||||||||||
![]() ![]()
|
الدرس التانى جامد انا داخل على التالت + انى بجرب ![]() ![]() |
||||||||||
![]() |
![]() |
#9 | |||||||||||
![]() ![]()
|
اقتباس:
![]() |
|||||||||||
![]() |
![]() |
#10 | |||||||||||
![]() ![]()
|
اقتباس:
![]() |
|||||||||||
![]() |
![]() |
يتصفح الموضوع حالياً : 1 (0 عضو و 1 زائر) | |
|
|