رمز
التحكم الشامل <BODY> .
التحكم في ألوان الخلفيات
والنصوص والارتباطات .
عناصر
مخصصة مع الرمز BODY .
رمز التحكم الشامل <BODY> :
رمز
Body من أقوي رموز لغة HTML هذا الرمز بما يضمه
من عناصر تحكم بتعامل مباشرة مع المستعرض فكل العناصر الموجودة مع هذا الرمز تتم
ترجمتها علي الفور بواسطة معالج لغةHTML الموجودة مع لمستعرض أي مستعرض Browser وهذا يعني سرعة في عرض صفحة ويب دون انتظار لتحميل عناصر أخري يتم
تحميلها باستخدام الرموز . الرمز Body له عناصر ثرية نقوم بالتحكم في خلفية التصميم خلفية الصفحة
وألونها ويعتبر الرمز <BODY> أحد أهم عناصر بناء الصفحة ولا يخلو برنامج من هذا الرمز .
التحكم في ألوان الخلفيات
والنصوص و الارتباطات .
الرمز
<BODY> يمكن استخدامه في
خلفيات ونصوص وارتباطات الصفحة التي يتم تصميمها ، نعرض بعض العناصر التي تستخدم
مع هذا الرمز ونكتب مع الرمز هكذا >…………<BODY .
|
العنصر
|
وظيفته
|
|
Text = ***
|
يتم
استخدام هذا العنصر لكي نخبر المستعرض عن اللون الذي ستعرض به النص .
|
|
Link = ***
|
لتغير
لون الارتباط ، اللون الافتراضي هو الأزرق .
|
|
Vlink = ***
|
خاص
بلون الارتباط الذي استخدامه اللون الافتراضي هو البنفسجي .
|
|
Alink = ***
|
خاص
بلون الارتباط النشط أو تضع فوقه المؤشر .
|
|
BgColor = ***
|
لون
خلفية الصفحة اللون الافتراضي هو الأبيض بينما الكتابة سوداء .
|
|
BackGround = ***
|
يستخدم
فقط إذا أردت صورة كخلفية للصفحة .
|
هناك
مفاهيم أساسية لاستخدام الألوان مع إنترنت وهناك عوامل يجب أن نضعها في الاعتبار
عندما نختار ألوان النص والارتباط وحتى الخلفية وهذه العوامل :
الحساسية
: فكلما كانت الألوان مختارة بحس
عالي كلما زادت جودة الصفحة التي نقوم بتصميمها .
الفعالية
: يجب أن نختار الألوان بطريقة تجعل الصفحة مقروءة إضافة إلي توفر اللمسات
الفنية والجمالية .
نقوم
بعمل هذه التجربة ونتبع الخطوات التالية :
فتح
برنامج Notepad وفتح صفحة جديدة .
كتابة هذه الأوامر من HTML الآتية :
<HTML>
<HEAD>
<TITLE> BODY </TITLE>
</HEAD>
<BODY>
<P>يعمل Windos95بشكل افضل علي أجهزة
الكمبيوتر القوية بداية من
<BR> <A HREF =”King 18.HTML> Windos 95 </A>
</BODY>
</HTML>
نحفظ هذا الملف .
نضيف لون النص Text = Black ولون الارتباط Link = Gyon وتكون هكذا :
<BODY TEXT =”Blavk” LINK =
“Gyon”>
نضيف لون ارتباط تم استخدامه Vlink = Darkcyan ويكون
:
<BODY VLINK =
“Darkcyan” >
نضيف لون الارتباط النشط Alink = dark goldenrood .
تصبح
الجملة أثناء كتابة BODY ويكون
الشكل مثل هذا :
<BODY TEXT=”Black” LINK =“Cyan” VLINK =“Darkcyan” ALINK = “Bark
Goldenrood” >
نحفظ الملف ثم نقوم بعرض من خلال
المستعرض
يمكن
استخدام الألوان بالأسماء العادية أو استخدام الأرقام بنظام السادس عشر أو Hexadecimal ونشرح في الجدول هذه الطريقة :
|
اللون
|
الاسم
|
رمز HEX
|
اللون
|
الاسم
|
رمز HEX
|
|
الأسود
|
Black
|
#
000000
|
فضي
|
Siver
|
#
C0C0C0
|
|
أحمر
داكن
|
Maroon
|
#
800000
|
أحمر
|
Red
|
#
FF0000
|
|
أخضر
|
Green
|
#
008000
|
أصفر
ليموني
|
Lime
|
#
00FF00
|
|
رمادي
|
Gray
|
#
B0B0B0
|
أصفر
|
Yellow
|
#
FFFF00
|
|
أزرق
|
Blue
|
#
0000FF
|
أبيض
|
White
|
#
FFFFFF
|
نستخدم
في التجربة السابقة منظومة الأرقام بنظام السادس عشر بدلا من أسماء الألوان لنري
النتيجة .
<BODY TEXT=”#000000”
LINK=”#CCCCCC” VLINK=”#999999” ALINK=”#FFFFFF” >
ألوان خلفية الصفحة BackGround Color :
لون
الصفحة أو خلفية الصفحة يجب أن نضع في اعتبارا درجة التباين بين لون الخلفية
والألوان المستخدمة في النص المكتوب والصور المستخدمة ولكن لون النص يأتي في
المقدمة فربما تسبب عدم التباين في صعوبة أو استحالة القراءة النص المكتوب .
والألوان الافتراضية هي الأبيض والأسود ودرجة التباين بينها كبيرة . سوف نقوم بعمل تجربتين بين درجة الاختلاف في
الصفحات :
الأولي : تكون الصفحة غير
واضحة .
نضيف
الأمرBgColor بعد Body وفية الرموز الآتية :
<BODY BGCOLOR=”#AAABBB”
TEXT=”CCCCCC”>
نحفظ
البرنامج ثم نقوم بتشغيله باستخدام المستعرض
ثانيا
: تكون الصفحة واضحة والرموز هي:
<BODY BGCOLOR=”#CFFFFA”
TEXT=”#CC00CC”>
نحفظ
البرنامج ونقوم بتشغيله
نلاحظ
في الأمرين والأخص في الأرقام تختلف عن الأخرى ويمكن أي شخص أن يغير الأرقام بطريقته
الخاصة حتى يحصل علي لون
مناسب للنص أو للخلفية وتكون جذابة للمشاهد الأخير .
إضافة صور في خلفية الصفحة :
إدراج
صورة تستعمل كخلفية لصفحة ويب يعتمد كثير من مصممي صفحات ويب إلي استخدام هذه
النوعية من التنسيق لعده أسباب منها أسباب جمالية ، يجب نضع في الحسبان عدة عوامل
:
وضع الصورة في خلفية صفحة ويب يستغرق وقت تحميل الصورة يجعلنا ندقق في حجم
الصورة التي نستخدمها .
خلفية الصفحة سوف تأخذ قسمان من
التباين في الألوان لذلك يجب أن تكون حريصا عندما تستخدم صورة في الخلفية حتى لا
تخل بمقدرة زائر الموقع علي قراءة النصوص المكتوبة .
وفي التجربة التالية سوف
نستخدم صورة ونضعها في خلفية لأي صفحة نقوم بكتابة الأوامر التالية :
<BODY BACKGROUND=
“../Images/B0.BMP”>
نحفظ
البرنامج ونقوم بتشغيل الملف باستخدام المستعرض
عناصر مخصصة مع الرمز BODY :
يعرض
مستعرض Microsoft Internet Explorer يعدد من العناصر
التي يمكن استخدامها مع الرمزBody وهي :
Bottommargin : يستخدم هذا العنصر لتحديد هامش أسفل صفحة ويب .
Top Margin : يستخدم هذا العنصر لتحديد هامش أعلي صفحة ويب .
Left Margin : يستخدم هذا العنصر لتحديد هامش يسار صفحة ويب .
Right Margin : يستخدم هذا العنصر لتحديد هامش يمين صفحة ويب .
التجربة
التالية عبارة عن برنامج HTML فيه استخدام معظم
عناصر الرمز Dody نقوم بكتابة البرنامج في مستند Notepad جديدة :
<HTML>
<HEAD>
<TITLE> متطلبات نظام التشغيل </TITLE>
</HEAD>
<BODY BACKGROUND=”../Images/A2.BMP” BGCOLOR=”#FFFFFF” TEXT=”#000000”
LINK=”#CCCCCC” VLINK=”#999999” ALINK=”#FFFFFF” BOTTOMARGIN=”100”
TOPMARGIN=”100” LEFTMARGIN=”100” RIGHTMARGIN=”100”>
<DIV ALIGN=Center>
<H2> متطلبات
نظام التشغيل</H2>
</DIV>
<DIV ALIGN=Just>
يمكنك
تثبيت
Windows 95 كترقية فوق أحد نظام التشغيل الموجودة علي جهازك
</DIV>
</BODY>
</HTML>
ليست هناك تعليقات:
إرسال تعليق