نظريا : هناك نوعان من الخلفيات : خلفية لون .. وخلفية صورة .
1- بالنسبة للخلفية اللون نستخدم الأمر ..bgcolor ="اسم أو رمز اللون" |
قبل الإستمرار يجب أن تعرف المزيد عن الألوان من هذا الدرس . وهذا الأمر يكون موقعه داخل ( واشدد على كلمة داخل ) وسم البداية للأمر body كالتالي :
<body bgcolor="اسم أو رمز اللون> |
2- وللخلفية الصورة نستخدم الأمر ..background ="إمتدادها . اسم الصورة" |
وهذا الأمر هو الآخر يوضع داخل وسم البداية للأمر body كالآتي :
<body background ="إمتدادها . اسم الصورة"> |
ملحوظات : 1- يجب أن تكون الصورة المراد جعلها خلفية موجودة في مجلد الموقع الذي خصصته من قبل . 2- لاحظ أن الصورة التي ستجعلها خلفية سوف تتراص في الصفحة بجانب بعضها البعض .. لذلك ينصح باستخدام صور صغيرة لأنها ستفيدنا في هذه النقطة كما سيتبين من المثال فيما بعد.
تطبيق 1 : نريد عمل خلفية للصفحة (التي وضعنا عنوانه من قبل) لونها أخضر.
بعد فتح محرر الكتابة الخاص بالصفحة .. اكتب الأوامر الآتية :
<html> <head> <title> صفحتي الأولى </title> </head>
<body bgcolor="green">
</body> </html> |
ويمكن أيضا استخدام الأوامر التالية:
<html> <head> <title> صفحتي الأولى </title> </head>
<body bgcolor="#088D2D">
</body> </html> |
في كلا الحاتين ستكون النتيجة كما في الصورة..

تطبيق 2 : نريد وضع الصورة التالية كخلفية للصفحة..

1- لعمل ذلك قم بنسخ هذه الصورة أولا وضعها في المجلد المخصص لموقعك وذلك عن طريق الضغط على الصورة بالزر الأيمن لتظهر لك قائمة اختر منها save picture as ثم حدد مكانها في مجلدك . ستجد أن اسم الصورة هو egypt وامتدادها هو gif .. (يمكن معرفة الامتداد من خصائص الصورة properities).
2- بعد ذلك قم بكتابة الأوامر التالية في محرر الكتابة الخاص بالصفحة..
<html> <head> <title> صفحتي الأولى </title> </head>
<body background="egypt.gif">
</body> </html> |
لتكون النتيجة بالشكل الآتي :

|