بسم الله والصلاة والسلام على رسول الله أما بعد فهذا هو الدرس الثاني والأخير من دروس الألوان وهذه العناصر المتبقية من درس الألوان:
· لون وصورة الخلفية.
· لون النص والارتباطات التشعبية.
------------------------------------------------------------
لون وصورة الخلفية:
===================
لاحظ هذه الشفرة :-
ملاحظة:كود:<body bgcolor=”#ffff00”background=”ima.jpg”> ….. </body>
هذه الشيفرة أريد من كل منكم أضافتها إلى الكود الذي تعلمناه في الدرس الأول وسيكون هذا الكود هو القياسي الذي سنبني عليه أغلب أثلتنا في هذه الدروس وأعيده هنا للمرة الأخيرة:
أنا في المثال أعلاه استخدمت الوسم<body> مجرداً من الخصائص اما في هذا الدرس فأنا سوف استخدمه وأضيف إليه أهم الخصائص التي تستخدم معه فالشيفرة أعلاه يجب أن تقوم بإدخالها في الوسم <body>.كود:<html> <head> <title>صفحة تجريبية</title> <body> هذه صفحتي الأولى </body> </html>
تقوم الخاصية background بتحديد صورة الخلفية وقد استخدمت هنا الصورة التالية:-
المسماة im.jpg وكانت هذه النتيجة:
تلاحظ في الصورة أعلاه أن المتصفح قام بتكرار عرض الصورة بطريقة التجانب وأنها أصبحت تغطي كل الشاشة بحيث حجبت أيضاً اللون الأصفر الذي حددناه كلون للخلفية من خلال الخاصية bgcolor والحقيقة أن اللون يظهر فقط عندما لا نقوم باستخدام صورة ما كخلفية. ومع ذلك يفضل استخدامه إحتياطاً لأن بعض المتصفحات القديمة توصف بأنها متصفحات نصية أي ليس بإمكانها عرض الصور كما أن هناك بعض المستخدمين يقومون بإلغاء خيار عرض الصور تلقائياً من متصفحاتهم.
------------------------------------------------------------
ألوان النص والارتباطات التشعبية:
===============================
ربما لاحظت من خلال استخدامك للإنترنت أن الوصلات التشعبية تكون مكتوبة بلون قبل زيارتها ويتغير اللون بعد زيارتها.
اللون الأزرق قبل الزيارة واللون القرمزي بعد الزيارة هذه هي الألوان الافتراضية ويمكنك تغييرها حسب الخصائص التالية التي تتحكم في ألوان النصوص:-
الخاصية عملها
Text=#rrggbb تحديد لون النص الأساسي للصفحة
Link=#rrggbb تحديد لون الوصلات التشعبية
Vlink=#rrggbb تحديد لون الوصلات التشعبية التي تمت زيارتها
Alink=#rrggbb تحديد لون الوصلات التشعبية الفعالة أي عندما يتم النقر عليها
والآن إليك هذا المثال الذي يجمل الخصائص السابقة معاً:-
وإليك النتيجة :كود:<body background=”im.jpg” bgcolor=”#ffff00” text=”#000066” link=”#00ff00” vlink=”#ff0000” alink=”#ffaa00”>
هذا هو الدرس الأخير في موضوع الألوان وهو ليس كل شئ عن الألوان بل هناك الكثير عنها في الدروس القادمة وسوف نلتقي إن شاء الله في الدروس القادمة ولكن بعد الإختبارات بإذن الله.
faleh
