پس زمینه های

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