پس زمینه های

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


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

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

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

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

ارسال نظر


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