پس زمینه های

1 1 1 1 1 1 1 1 1 1 رتبه 0.00 (0 رای)

یک پس زمینه خوب می تواند ظاهر یک سایت را واقعا عالی کند.


مثالها

رنگ زمینه و متن خوب
مثالی از رنگ زمینه و رنگ متن خوب که خواندن متن را آسان می کند.

رنگ زمینه و متن نامتناسب
این مثال نشان می دهد که اگر رنگ زمینه و متن صفحه نامناسب انتخاب شوند، خواندن آن چه اندازه مشکل می شود.

(مثالهای بیشتر، در انتهای این صفحه آمده است)

 


پس زمینه ها

برچسب <body> دو موجودیت دارد که شما می توانید با استفاده از آن پس زمینه را تعیین کنید. پس زمینه می تواند یک رنگ یا تصویر باشد.

Bgcolor

موجودیت Bgcolor ، رنگ پس زمینه یک صفحه HTML را تعیین می کند.محتوای این موجودیت می تواند یک عدد مبنای ۱۶ ، یک مقدار RGB یا نام یک رنگ باشد:

< body bgcolor="#۰۰۰۰۰۰" >
< body bgcolor="black" >
< body bgcolor="rgb(۰,۰,۰)" >

خطوط بالا رنگ پس زمینه را به رنگ مشکی ست می کنند.

پس زمینه

موجودیت Background یک تصویر را برای پس زمینه یک صفحه HTML تعیین می کند . محتوای این موجودیت url تصویری است که شما می خواهید از آن استفاده کنید. اگر تصویر کوچکتر از پنجره مرورگرتان است ، تصویر خودش را تکرار می کند تا پنجره مرورگرتان را پرکند.

< body background="./content/fa/home/background/clouds.gif" >
< body background="http://www.html.ir/clouds.gif" >

url می تواند مرتبط باشد (مثل خط اول) ویا کامل باشد(مثل خط دوم). 
توجه: اگر شما می خواهید از یک تصویر در پس زمینه استفاده کنید باید به خاطر داشته باشید:

  • آیا تصویر پس زمینه زمان بارگیری را بهبود می بخشد؟
  • آیا تصویر پس زمینه با تصاویر دیگر در صفحه خوب به نظر می رسد؟
  • آیا تصویر پس زمینه با رنگ متن ها خوب به نظر می رسد؟
  • آیا تصویر پس زمینه هنگامی که در صفحه تکرار می شود ، خوب به نظر می رسد؟
  • آیا تصویر پس زمینه مرتبا تمرکز را از متن می گیرد؟

نکات پایه ای-اطلاعات مفید

bg color, background و موجودیت های متن در برچسب <body> در آخرین نسخه HTML بد دانسته شده است. کنسرسیوم شبکه گسترده جهانی(w۳c) این موجودیت ها را از نظریه های خود حذف کرده.
به جای آن از CSS باید استفاده کرد(برای معرفی طرح بندی و نمایش خواص عناصر). 


مثالهای بیشتر

عکس زمینه خوب
در این مثال، مناسب بودن عکس زمینه و رنگ متن، که باعث خواناتر شدن متن شده، نشان داده شده است.

عکس زمینه خوب ۲
این مثال نیز مانند مثال پیش نمونه دیگری از این تناسب خوب را نشان می دهد.

عکس زمینه نامناسب
نامناسب بودن عکس و رنگ متن، باعث سختی خواندن متن می شود. مثال را ببینید.

ارسال نظر


بیلبورد در یزد مادام العمر پیشرو پرداز یزد بیلبورد در مشهد پرداخت آنلاین ،فیلم برداری صنعتی سیستم فروشگاه ساز جستجو تصاویر در گوگل هنری ITVAN شاه کلید وب تصاویری ۳۶۰ درجه ای سیستم نوبت دهی پزشکان Google Drawing ربات گوگل نامحدود ابر قدرت آموزش تصویری بیمارستان ها پاناروما اسکریپت نوبت دهی پزشکان داینامک سیستم مدیریت کارت شارژ تصاویر 360 درجه یاهو بسته رایگان وبمستر بهترین روش طراحی وب یزد مدیران وب سایت تعرفه تبلیغات محیطی در یزد آتلیه You probably tried to upload too large file مصطفی رضایی Firefox Google Robot Code Anywhere شبکه خصوصی حرفه ای خبر یزد سه بعدی google bomb نسخه کرک شده Server Enterprise پنالتی گوگل نرم افزار ارسال انبوه تلگرام سیستم مدیریت ایمیل ملی seo معرفی سایت تصاویر بندانگشتی web وایبر یزد طراحی نمونه کارها ESET NOD32 Antivirus 7 شرکت وب سایت یزد ESET Remote Administrator Console نمونه کار طراحی وب سایت برنامه نویسی XML نرم افزار حذف پسورد گوگل وب مستر TeamViewer Enterprise پزشک نقشه سایت گوگل پلی سایت پیج رنک برتر بیلبورد در مازندران بیلبورد در همدان اسکریپت گالری تصاویر Crack TeamViewer Enterprise 9.28 گوگل-goolge-طراحان سایت کاتالوگ پیامک رایگان اولین شرکت طراحی وب سایت در یزد کاتالوگ آنلاین گوگل پنگوئن حذف پسورد ویندوز photo spheres شورای انفورماتیک کشور بهترین شرکت طراحی وب سایت Download Crack TeamViewer 9.28223 بیلبورد در شیراز تفاوت نسخه رایگان و نسخه اصلی برنامه نویسی PHP سئوی سایت سیستم مدیریت محتوا بیتا تحت وب ویندوز: XP-7-8 الکسا عکاسی گوگل TeamViewer Enterprise 9.0.27614 طراحی سه بعدی چک کردن jQuery UI Firebug رتبه اول اخبار یزد HTML آنتی ویروس 2014 php شرکت طراحی و ب سایت در یزد تکنولوژی وب پیشرو پرداز طراحی ساده وب مستر نمایش تصاویر طراحی وب سایت الگوریتم های پاندا و پنگوئن پلانتی روش تبلیغات فیلتر شکن 2015 وب سایت در یزد پارانوما سیستم مدیریت سامانه پیامک خرید بلیط اینترنتی وبسایت قیمت بیلبورد در سمنان robots کلینیک ها اندروید طراحی وب سئو Dreamweaver برنامه نویسی موبایل در یزد TeamViewer 10 Rank جستجوگر تعرفه پانوراما تور مجازی 360 درجه وب سایت ها شرکت طراحی وب یزد صفحه اول گوگل درمانگاه ها TeamViewer vpn VIBER بمب گوگل ، وب Fetch as Googlebot بی نهایت Ajax cms سیستم مدیریت اعلام نمرات مدارس اول شرکت طراحی یزد آنی اد Hotspot Shield Elite فروش لایسنس بهترین روش تبیلغات بیلبورد در تهران سئو و بهینه سازی صفحات وب دوربین مداربسته در یزد W3C Validator شرکت طراحی وب سایت در یزد کرک فیلتر شکن وب سایت اپلیکیشن رسمی عکاسی گوگل نوبت دهی ESET Remote Administrator Server الگوریتم بیلبورد در کرج HTML5 boilerplate بیلبورد بهینه سازی موتور جستجو پورتال کارت تخفیف