پس زمینه در کد منبع صفحات وب ، بسته به طراحی مورد استفاده ، می تواند با تعیین یک رنگ یا پیوند دادن به یک فایل تصویری با اضافه کردن پارامترهای موقعیت آن ، تنظیم شود. این را می توان به طور مستقیم در برچسب های HTML ، در یک بلوک CSS جداگانه در قسمت هدر منبع یا در یک فایل جداگانه با توصیف سبک انجام داد.
دستورالعمل ها
مرحله 1
کد منبع بلوکی را که در سایت شما برای تنظیم پس زمینه صفحات آن استفاده می شود ، باز کنید. هنگام استفاده از هر سیستم کنترلی ، این بلوک ، به عنوان یک قاعده ، در یک فایل جداگانه اختصاص می یابد. سیستم کنترل خود ابزارهایی برای ویرایش مستقیم آن در مرورگر دارد. بسته به سیستم خاص ، این روش می تواند به روش های مختلف سازماندهی شود - به عنوان مثال ، از طریق ویرایشگر صفحه. اگر از سیستم های کنترل استفاده نمی کنید ، پرونده مربوطه باید در رایانه شما بارگیری شود و در هر ویرایشگر باز شود. بهتر است از ویرایشگر تخصصی HTML استفاده کنید ، اما می توانید از ساده ترین دفترچه یادداشت نیز استفاده کنید.
گام 2
اگر پس زمینه صفحه باید یک رنگ باشد ، نه یک تصویر ، یک مشخصه bgcolor به برچسب بدن نشان می دهد که سایه رنگ را نشان می دهد. مثلا:
در اینجا یک رنگ نارنجی تیره به عنوان زمینه است. هر نام متنی ("mnemonic") سایه توسط مرورگر قابل تشخیص نیست ، بنابراین بهتر است از یک کد رنگ هگزادسیمال استفاده کنید. به عنوان مثال ، کد FF8C00 مربوط به یک رنگ نارنجی تیره است:
مرحله 3
اگر قرار است پس زمینه توسط یک تصویر و نه یک رنگ تنظیم شود ، از مشخصه پس زمینه به جای bgcolor در برچسب بدن استفاده کنید. به عنوان مثال ، اگر پرونده ای با تصویر پس زمینه bgPic
مرحله 4
اگر می خواهید پس زمینه صفحه را با استفاده از CSS تنظیم کنید ، شرح سبک را در عنوان کد منبع خود قرار دهید. به عنوان مثال ، یک توصیف به سبک CSS که جایگزین رنگ نارنجی تیره مشخص شده در برچسب بدنه می شود ، زیرا پس زمینه ممکن است به این شکل باشد:
body {background-color: DarkOrange؛}
و می توانید یک تصویر پس زمینه با شرح سبک زیر تنظیم کنید:
body {background: # FF8C00 url (images / bgPic.gif) repeat-y؛}
در اینجا ، علاوه بر پیوند به تصویر ، رنگ پس زمینه (# FF8C00) نیز نشان داده شده است - اگر مکانهایی در صفحه وجود داشته باشد که توسط تصویر پس زمینه پوشانده نشده باشد ، آنها در سایه رنگ مشخص شده در اینجا رنگ آمیزی می شوند. پارامتر تکرار-y تکرار تصویر پس زمینه را به صورت عمودی (در امتداد محور Y) مشخص می کند. اگر لازم است تصویر را به صورت افقی تکرار کنید ، باید از مقدار تکرار x استفاده کنید و تکرار الگو را ممنوع کنید - بدون تکرار. می توانید توصیفات سبک را قبل از برچسبی که قسمت عنوان کد HTML را می بندد قرار دهید.
مرحله 5
تغییرات ایجاد شده در ویرایشگر صفحه را ذخیره کنید ، یا اگر فایل بارگیری شده در یک فایل در رایانه شما ویرایش شده است ، فایل بارگیری شده را ذخیره و بارگیری کنید.
