يمكن تعيين الخلفية في التعليمات البرمجية المصدر لصفحات الويب ، اعتمادًا على التصميم المستخدم ، إما عن طريق تحديد لون ، أو عن طريق الارتباط بملف صورة مع إضافة معلمات تحديد الموضع الخاصة به. يمكن القيام بذلك مباشرة في علامات HTML ، أو في كتلة CSS منفصلة في جزء الرأس بالمصدر ، أو في ملف منفصل مع أوصاف الأنماط.
تعليمات
الخطوة 1
افتح الكود المصدري للكتلة المستخدمة في موقعك لتعيين خلفية صفحاته. عند استخدام أي نظام تحكم ، يتم تخصيص هذه الكتلة ، كقاعدة عامة ، في ملف منفصل. يحتوي نظام التحكم نفسه على أدوات لتحريره مباشرة في المتصفح. اعتمادًا على النظام المحدد ، يمكن تنظيم هذا الإجراء بطرق مختلفة - على سبيل المثال ، من خلال محرر الصفحة. إذا كنت لا تستخدم أنظمة التحكم ، فيجب تنزيل الملف المقابل على جهاز الكمبيوتر الخاص بك وفتحه في أي محرر. من الأفضل استخدام محرر HTML متخصص ، ولكن يمكنك أيضًا استخدام أبسط برنامج Notepad.
الخطوة 2
أضف سمة bgcolor إلى علامة body للإشارة إلى ظل اللون إذا كانت خلفية الصفحة يجب أن تكون ملونة وليست صورة. على سبيل المثال:
هنا لون برتقالي غامق كخلفية. لا يمكن للمتصفح التعرف على كل اسم نصي ("ذاكري") للظل ، لذلك من الأفضل استخدام رمز لون سداسي عشري. على سبيل المثال ، الكود FF8C00 يتوافق مع اللون البرتقالي الغامق:
الخطوه 3
استخدم سمة الخلفية بدلاً من bgcolor على علامة النص الأساسي إذا كان سيتم تعيين الخلفية بواسطة صورة بدلاً من لون. على سبيل المثال ، إذا كان الملف الذي يحتوي على صورة الخلفية يسمى bgPic
الخطوة 4
ضع وصفًا للنمط في رأس شفرة المصدر الخاصة بك إذا كنت تريد تعيين خلفية الصفحة باستخدام CSS. على سبيل المثال ، قد يبدو وصف نمط CSS الذي يحل محل اللون البرتقالي الداكن المحدد في علامة النص الأساسي كما يلي:
الجسم {لون الخلفية: DarkOrange؛}
ويمكنك تعيين صورة خلفية باستخدام وصف النمط التالي:
النص الأساسي {الخلفية: # FF8C00 url (images / bgPic.gif) تكرار y؛}
هنا ، بالإضافة إلى رابط الصورة ، يُشار أيضًا إلى لون الخلفية (# FF8C00) - إذا كانت هناك أماكن على الصفحة لا تغطيها صورة الخلفية ، فسيتم رسمها في ظل اللون المحدد هنا. تحدد معلمة تكرار y تكرار صورة الخلفية عموديًا (على طول المحور ص). إذا كنت بحاجة إلى تكرار الصورة أفقيًا ، فعليك استخدام قيمة تكرار x ، وحظر تكرار النمط - عدم التكرار. يمكنك وضع أوصاف النمط قبل العلامة التي تغلق جزء العنوان من تعليمات HTML البرمجية.
الخطوة الخامسة
احفظ التغييرات التي تم إجراؤها في محرر الصفحة ، أو احفظ الملف الذي تم تنزيله وقم بتحميله مرة أخرى إلى الخادم إذا تم تحرير الرمز في ملف على جهاز الكمبيوتر الخاص بك.
