پس زمینه های

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


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

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

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

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

ارسال نظر


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