ابحث فى المدونة

جارٍ التحميل...

المواضيع الاكثر مشاهده

أحدث المواضيع


تعلم واحترف HTML فى 14 يوم

اليوم الثانى 
الالوان

كما ختمنا فى الدرس السابق بجملة اضافة بعض الحيوية الى صفحة الويب و هذا ما سنتعلمه اليوم (الالوان)
بالطبع تتذكر الصفحة التى قمنا بكتابتها سابقا و كيف كان شكلها 
صفحة بسيطة بخلفية بيضاء و خط صغير اسود هل  رأيت صفحة ويب بهذا الشكل اتحداك لا فصفحات الويب تكون بها الكثير من الامور التى تجذب القارئ مثل الالوان و الخلفيات و الصور و انواع الخطوط المختلفة.
كما تعلمنا سابقا الوسوم الاساسية Form لصفحة HTML فلا داعى لتكرارها سنبدأ الان فى الجزء المخصص لمحتويات الصفحة اى فى جزء ال body.
يطلق على الخواص التى تضاف للوسوم اسم Attribute 
و اول خاصية سنتعلمها هى BGCOLOR  و تضاف الى وسم body  كالاتى :
<body bgcolor="red">
........................
</body>
وبذلك حددت لون الخلفية (احمر) للصفحة وتوجد طريقتين لتحديد الالوان اما باسم اللون (blue,red,brown,yellow...)  او بدرجة اللون نفسه و هى مزج الالوان  الاساسية الثلاث الاحمر و الازرق و الاخضر بنسب مختلفة حيث توجد 256 درجة لونية مختلفة




حيث FFFFFF يمثل اللون الابيض و 000000 يمثل اللون الاسود.
و هذا جدول ببعض الالوان و رمزها المكافئة بالنظام ال Hexadecimal
بيان بالوان الخلفيات

   
ملاحظة هامة بعض المتصفحات لا تتعرف على رموز الالوان الا اذا وضع # قبل الرمز 
<body bgcolor ="#ddec45">
وهناك الالوان المعروفة مثل:
  وبذلك نكون قد حددنا لون الخلفية ولكن اذا اردنا صورة للخلفية فنستخدم الخاصية background 
<body background="images.jpeg"> 


تلاحظ ان المتصفح قام بتكرار الصورة بطريقة التجانب و اصبحت تغطى كل الخلفية وحتى اذا اخترت لون للخلفية فلن يظهر اى ان لون الخلفية يظهر فقط فى حالة عدم اختيار صورة
للخلفية.
عودة مرة اخرة الى body  و خاصية جديدة و هى الوصلات links بالتأكيد دخلت على صفحات ويب من قبل و وجدت وصلات تنقلك الى مواقع او صفحات اخرى وتكون غالبا باللون الازرق وعند الضغط عليها تتحول الى اللون الاحمر فكيف يحدث هذا ؟
   
و الان نكتب الخصائص السابقة فى جملة واحدة 
<body bgcolor="navy"  
text="yellow" link="blue"
vlink="purple" alink="red">
و بذلك نكون جعلنا لون الخلفية ازرق قاتم و النص  اصفر و الوصلات ازرق و الوصلات التى تمت زيارتها بالقرمزى و النشطة بالاحمر 
 
اذا ظهر لديك نفس الشكل اذا مبروووووك تستطيع الان تلوين صفحتك باى لون تريد.
انتهينا من الالوان و الخلفيات و موعدنا فى اليوم التالى لتعرف على الخطوط باذن الله .  

0 comments:

data: commentLabel/
Related Posts Plugin for WordPress, Blogger...