مبتدئين : الألوان- الدرس الثاني والأخير

faleh · 08-01-2001, 10:27 PM

بسم الله والصلاة والسلام على رسول الله أما بعد فهذا هو الدرس الثاني والأخير من دروس الألوان وهذه العناصر المتبقية من درس الألوان:

· لون وصورة الخلفية.
· لون النص والارتباطات التشعبية.

------------------------------------------------------------

لون وصورة الخلفية:
===================

لاحظ هذه الشفرة :-

كود:

<body bgcolor=”#ffff00”background=”ima.jpg”>
…..
</body>

ملاحظة:
هذه الشيفرة أريد من كل منكم أضافتها إلى الكود الذي تعلمناه في الدرس الأول وسيكون هذا الكود هو القياسي الذي سنبني عليه أغلب أثلتنا في هذه الدروس وأعيده هنا للمرة الأخيرة:

كود:

<html>
<head>
<title>صفحة تجريبية</title>
<body>
هذه صفحتي الأولى
</body>
</html>

أنا في المثال أعلاه استخدمت الوسم<body> مجرداً من الخصائص اما في هذا الدرس فأنا سوف استخدمه وأضيف إليه أهم الخصائص التي تستخدم معه فالشيفرة أعلاه يجب أن تقوم بإدخالها في الوسم <body>.
تقوم الخاصية 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

جوريه · 13-01-2001, 04:10 PM

http://html-color-codes.com
http://www.geocities.com/SouthBeach/.../mycolors.html
http://hotwired.lycos.com/webmonkey/...e/color_codes/

واخر موقع انصحكم بزيارته لأنه مو بس فيه عن الالوان فيهعن الكودز اتمنى انكم تستفيدون

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق