پس زمینه های

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 باید استفاده کرد(برای معرفی طرح بندی و نمایش خواص عناصر). 


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

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

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

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

ارسال نظر


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