پس زمینه های

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


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

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

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

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

ارسال نظر


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