كيف تلون صفحتك

جدول المحتويات:

كيف تلون صفحتك
كيف تلون صفحتك

فيديو: كيف تلون صفحتك

فيديو: كيف تلون صفحتك
فيديو: إزاى نلون كل صفحة فى الورد بلون مختلف | Each page is in a different color 2024, أبريل
Anonim

لا تجذب الخلفية الملونة على الموقع انتباه الزوار فحسب ، بل تنقل أيضًا الحالة المزاجية للمورد. تخلق المواقع ذات الطابع الفضائي جوًا من الغموض مع خلفية على شكل سماء مرصعة بالنجوم ، والموارد الترفيهية تبتهج بألوان غنية من الألوان الدافئة ، وتُظهر خدمات الويب لخدمات المدينة مسؤوليتها بتصميم صارم وخلفيات معظمها من ظلال رمادية وزرقاء. هناك عدة طرق لجعل صفحة الويب الخاصة بك ملونة.

كيف تلون صفحتك
كيف تلون صفحتك

انه ضروري

  • - موقعك
  • - المعرفة الأساسية على الأقل بـ HTML

تعليمات

الخطوة 1

لإنشاء خلفية ملونة صلبة ، ابحث عن العلامات التالية وفي تعليمات HTML البرمجية. قم بتغيير العلامة الأولى مثل هذا:

في هذا البناء ، # FFFF33 هو الظل المشفر للأصفر.

الخطوة 2

يمكن تحديد لون الصفحة ليس فقط برمز ، ولكن أيضًا بكلمات خاصة - أسماء الألوان الأساسية. للإشارة إلى لون الخلفية بكلمة ، اكتب الكود التالي:

هنا "الأصفر" هو اسم اللون الأصفر.

الخطوه 3

بدلاً من علامة الرمز الصفراء أو اسمها ، أضف التعيين المطلوب للون الخلفية الذي تحتاجه إلى العلامة باستخدام هذا التلميح:

أحمر - "أحمر" ("# FF0000")

أزرق - "أزرق" ("# 0000FF")

أخضر - "أخضر" ("# 008000")

وردي - "وردي" ("# FFC0CB")

أرجواني - "بنفسجي" ("# EE82EE")

برتقالي - "برتقالي" ("# FFA500")

أسود - "أسود" ("# 000000")

الخطوة 4

إذا كنت ترغب في الحصول على صورة متكررة على خلفية الموقع ، فاختر صورة صغيرة يظهر النص عليها بوضوح. قم بتحميل صورة على الموقع. لوضع صورة كخلفية ، أدخل هذا الرمز في العلامة

في هذا الإدخال ، بدلاً من "/images/fon.jpg" حدد المسار إلى الصورة المطلوبة.

الخطوة الخامسة

يمكن ضبط لون صفحات الويب ليس فقط في كود HTML ، ولكن أيضًا باستخدام أنماط CSS. باستخدام هذه الأنماط ، لن تحتاج إلى تعيين الخلفية في كود صفحة جديدة في كل مرة. لتحديد خلفية في CSS بين العلامات ووضع إدخال مثل هذا:

الجسم {

الخلفية: # FFFF33 ؛

}

هنا يتم تعيين لون الخلفية بواسطة معلمة الخلفية.

الخطوة 6

إذا كنت تريد إنشاء خلفية في CSS باستخدام صورة ، فابدأ بين واكتب الكود التالي ، بدلاً من "/images/fon.jpg" مع تحديد المسار إلى الصورة المطلوبة:

الجسم {

صورة الخلفية: url ('/ images / fon.jpg') ؛

تكرار الخلفية: كرر ؛

}

هنا تحدد معلمة صورة الخلفية صورة الخلفية ، تكرار الخلفية - تكرار الصورة. على الصفحة.

موصى به: