قرار دادن یک تصویر به عنوان پس زمینه ، مثل تغییر رنگ پس زمینه می باشد . هر دو باید در بین تگ body قرار بگیرد .
فقط باید دقت داشته باشید که از تصاویری استفاده کنید که دارای درصد رنگ کم و بزرگ نباشد . بدلیل اینکه اگر تصویر مناسبی برای پس زمینه انتخاب نشود سرعت لود صفحات را بسیار کند کرده و این موضوع باعث مشکل و نارضایتی کاربران وب سایت شما می شود .
قراردادن تصویر در پس زمینه | انتخاب تصویر پس زمینه در HTML
برای انجام اینکار باید از تگ background در بین تگ بدنه اصلی سایت یعنی body استفاده کنیم . روش استفاده به شکل زیر می باشد
همانطور که در کد بالا مشاهده می کنید باید نام عکس را به صورت کامل در بین دو ""تایپ کنید . در صورتیکه آدرس دقیق تصویر خودتان را نمی دانید برای اینکه سایت موقع لود شدن تصویر را نمایش بدهد سعی کنید آدرس کامل را همانند کد زیر تایپ کنید .
اضافه کردن تصویر به پس زمینه یک قالب در بیشتر مواقع در بین کدهای CSS انجام می شود و طراحان سعی می کنند از تصاویری استفاده کنند که دارای بیشترین کیفیت و کمترین حجم باشد .
منبع: learning.asarayan.com
فقط باید دقت داشته باشید که از تصاویری استفاده کنید که دارای درصد رنگ کم و بزرگ نباشد . بدلیل اینکه اگر تصویر مناسبی برای پس زمینه انتخاب نشود سرعت لود صفحات را بسیار کند کرده و این موضوع باعث مشکل و نارضایتی کاربران وب سایت شما می شود .
قراردادن تصویر در پس زمینه | انتخاب تصویر پس زمینه در HTML
برای انجام اینکار باید از تگ background در بین تگ بدنه اصلی سایت یعنی body استفاده کنیم . روش استفاده به شکل زیر می باشد
HTML:
<p></p>
<p style="text-align: left;" dir="ltr"><!DOCTYPE html><html><body background="image.jpg"></body></html></p><p style="text-align: left;" dir="ltr"></p>همانطور که در کد بالا مشاهده می کنید باید نام عکس را به صورت کامل در بین دو ""تایپ کنید . در صورتیکه آدرس دقیق تصویر خودتان را نمی دانید برای اینکه سایت موقع لود شدن تصویر را نمایش بدهد سعی کنید آدرس کامل را همانند کد زیر تایپ کنید .
HTML:
<p></p><p style="text-align: left;" dir="ltr"><!DOCTYPE html> <html> <body background="http://www.asarayan.com/images/header.jpg"> </body> </html></p><p style="text-align: left;" dir="ltr"></p>اضافه کردن تصویر به پس زمینه یک قالب در بیشتر مواقع در بین کدهای CSS انجام می شود و طراحان سعی می کنند از تصاویری استفاده کنند که دارای بیشترین کیفیت و کمترین حجم باشد .
منبع: learning.asarayan.com