پس زمینه های

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


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

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

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

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

ارسال نظر


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