الخميس، 27 مارس، 2014

التعامل مع المحتوى رمز التحم الشامل Body



             
التعامل مع المحتوي Body
            رمز التحكم الشامل <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>

ليست هناك تعليقات:

إرسال تعليق