نحوه افزودن پس زمینه به یک وب سایت: 14 مرحله (همراه با تصاویر)

2024 نویسنده: Gilbert Ryder | [email protected]. آخرین اصلاح شده: 2024-01-31 09:01

پس زمینه یکی از مهمترین عناصر یک وب سایت است. یک پس زمینه خوب باعث ایجاد لحن برای وب سایت و تکمیل کننده محتوا می شود. روش های متفاوتی برای افزودن پس زمینه وجود دارد که هر کدام با هدف متفاوتی انجام می شوند. برخی از روش ها به شما امکان می دهد پس زمینه را برای همه صفحات یک وب سایت اعمال کنید ، در حالی که برخی دیگر پس زمینه را فقط به یک صفحه خاص محدود می کنند. این مقاله به شما می آموزد که چگونه با استفاده از HTML یا CSS یک پس زمینه به وب سایت خود اضافه کنید.

مراحل

روش 1 از 2: روش های HTML

پس زمینه رنگ جامد

مرحله 1. یک پس زمینه رنگی جامد اساسی ترین نوع پس زمینه ای است که می توانید در وب سایت قرار دهید

در واقع ، هر وب سایت با پیش زمینه سفید پیش فرض شروع می شود. با این حال ، در حالی که پس زمینه سفید می تواند بسیار براق و تمیز به نظر برسد ، وقتی از آن با رنگ بندی هماهنگ استفاده می شود ، ممکن است پس زمینه رنگی متفاوت با موضوعات مختلف ترجیح داده شود.

مرحله 2. کد وب (منبع) خود را باز کنید

مرحله 3. در برچسب بدن ، یک ویژگی به نام bgcolor اضافه کنید

در حال حاضر ، برچسب بدن شما باید شبیه این باشد-

جایی که COLORNAME نام رنگ است. COLORNAME را می توان با انواع مختلفی از نمایندگان رنگ پر کرد-

• (نام رنگ)
• (مقدار شش ضلعی)
• (مقدار RGB)

مرحله 4. آزمایش با RGB و # می تواند سایه های زیادی را به دنبال داشته باشد ، اما شما می توانید از اولین راه آسان استفاده کنید

اما به یاد داشته باشید که تایپ کردن یک رنگ غیر معمول به عنوان "Ultramarine Blueish Green" منجر به سفید می شود.

افزودن تصویر پس زمینه

افزودن تصویر پس زمینه کمی پیچیده تر از یک پس زمینه یکدست رنگی است

مرحله 1. ویژگی پس زمینه را به تگ بدن اضافه کنید ، بنابراین به نظر می رسد

جایی که SRC منبع تصویر است SRC می تواند در همان پوشه یا پوشه/صفحه دیگری باشد.

• (در همان پوشه)
• (داخل پوشه ای متفاوت)
• (در یک صفحه وب متفاوت)

مرحله 2. به یاد داشته باشید که پسوند.gif /-j.webp" />

روش 2 از 2: روش های CSS

پس زمینه رنگ جامد

مرحله 1. برای افزودن یک پس زمینه رنگی جامد در CSS ، یک ویژگی style اضافه کنید

همچنین می توانید شناسه ها و کلاس ها را بدهید و از شیوه نامه های داخلی و خارجی استفاده کنید.

مرحله 2. برچسب بدن شما باید به این شکل باشد-

جایی که COLORNAME نام رنگ ، مقدار hex یا RGB است (همچنین آخرین مراحل پس زمینه رنگی جامد در HTML را به خاطر بسپارید ، اینجا نیز قابل اجرا هستند).

افزودن تصویر

مرحله 1. برای افزودن تصویر ، ویژگی style را به تگ body اضافه کنید

همچنین می توانید شناسه ها و کلاس ها را بدهید و از شیوه نامه های خارجی و داخلی استفاده کنید.

مرحله 2. برچسب بدن شما باید به این شکل باشد-

مرحله 3. به یاد داشته باشید که SRC منبع است

این می تواند از یک پوشه ، پوشه متفاوت یا یک صفحه وب متفاوت باشد.

• (در همان پوشه)
• (داخل پوشه ای متفاوت)
• (در یک صفحه وب متفاوت).

مرحله 4. به یاد داشته باشید که افزونه های را نیز اضافه کنید

تکرار پس زمینه طرح دار

مرحله 1. برای ایجاد پس زمینه الگوی تکراری ، پس زمینه ای را که در مراحل بالا گفته شد ، اضافه کنید

برچسب بدن شما اکنون باید تغییر کند-

جایی که REPEAT-SETTINGS تنظیمات است. تنظیمات تکراری زیادی می تواند وجود داشته باشد ، مانند-

• (پس زمینه به صورت عمودی و افقی تکرار می شود.)
• (پس زمینه به صورت افقی تکرار می شود.)
• (پس زمینه به صورت عمودی تکرار می شود.)

پس زمینه تصویر ثابت

مرحله 1. پس زمینه های ثابت تصویر جالب به نظر می رسند و با پایین رفتن به پایین تغییر نمی کنند

برای انجام آنها فقط باید تعدادی تغییر ساده در کد موجود در قسمت بالا انجام دهید. تغییراتی را انجام دهید تا برچسب بدن به این شکل به نظر برسد-

جایی که SRC منبع تصویر پس زمینه است ، POSITION موقعیت تصویر است (می تواند از مرکز به بالا سمت راست متغیر باشد) ؛ ضمیمه پس زمینه "کاتالیزور" اصلی این نوع پس زمینه است. برای بیان موقعیت پس زمینه استفاده می شود و توصیه می شود که نباید آن را تغییر دهید.