پس زمینه رنگی در سایت نه تنها توجه بازدیدکنندگان را به خود جلب می کند ، بلکه حال و هوای منبع را نیز منتقل می کند. سایت های با مضمون فضایی فضایی از رمز و راز را با پس زمینه ای به شکل آسمانی پرستاره ایجاد می کنند ، منابع سرگرمی با رنگ های غنی از رنگ های گرم روحیه می گیرند ، وب سرویس های خدمات شهری رسمیت خود را با طراحی دقیق و زمینه های بیشتر سایه های خاکستری و آبی نشان می دهد. روش های مختلفی وجود دارد که می توانید صفحه وب خود را رنگی کنید.
لازم است
- - سایت شما
- - حداقل دانش اولیه از HTML
دستورالعمل ها
مرحله 1
برای ایجاد پس زمینه کاملاً رنگی ، برچسب های زیر را در کد HTML پیدا کنید. اولین برچسب را به این صورت تغییر دهید:
در این ساخت و ساز ، # FFFF33 سایه رمزگذاری شده زرد است.
گام 2
رنگ صفحه را می توان نه تنها با کد ، بلکه با کلمات خاص - نام رنگ های اصلی نیز مشخص کرد. برای نشان دادن رنگ پس زمینه با یک کلمه ، کد زیر را بنویسید:
در اینجا "زرد" نام رنگ زرد است.
مرحله 3
به جای علامت کد زرد یا نام آن ، با استفاده از این نکته ، نام دلخواه رنگ پس زمینه را به برچسب اضافه کنید:
قرمز - "قرمز" ("# FF0000")
آبی - "آبی" ("# 0000FF")
سبز - "سبز" ("# 008000")
صورتی - "صورتی" ("# FFC0CB")
بنفش - "بنفش" ("# EE82EE")
نارنجی - "نارنجی" ("# FFA500")
سیاه - "سیاه" ("# 000000")
مرحله 4
اگر می خواهید یک تصویر تکراری در پس زمینه سایت داشته باشید ، یک تصویر کوچک انتخاب کنید ، متن در مقابل آن به وضوح قابل مشاهده باشد. یک عکس را در سایت بارگذاری کنید. برای قرار دادن تصویر به عنوان پس زمینه ، این کد را در برچسب وارد کنید
در این قسمت ، به جای "/images/fon.jpg" مسیر رسیدن به تصویر مورد نظر را مشخص کنید.
مرحله 5
رنگ صفحات وب نه تنها در کد HTML بلکه با استفاده از سبک های CSS نیز قابل تنظیم است. با استفاده از این سبک ها ، نیازی نیست که هر بار پس زمینه را در کد یک صفحه جدید تنظیم کنید. برای تعریف پس زمینه در CSS بین برچسب ها و قرار دادن ورودی مانند این:
بدن {
پس زمینه: # FFFF33؛
}
در اینجا رنگ پس زمینه توسط پارامتر پس زمینه تنظیم می شود.
مرحله 6
اگر می خواهید با استفاده از تصویر در CSS پس زمینه ایجاد کنید ، کد زیر را بنویسید و به جای "/images/fon.jpg" مسیر تصویر مورد نظر را مشخص کنید:
بدن {
background-image: url ('/ images / fon.jpg')؛
background-تکرار: تکرار؛
}
در اینجا پارامتر تصویر پس زمینه تصویر پس زمینه را تعریف می کند ، پس زمینه را تکرار می کند - تکرار تصویر. در صفحه.
