پس زمینه های

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


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

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

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

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

ارسال نظر


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