یکی از مسائل مهم برای طراحی وب، قرار دادن تصویر یا رنگ برای پس زمینه عناصر صفحه ی وب می باشد، که در زیبایی سایت تاثیر بسزایی دارد. در ادامه ی مباحث آموزش طراحی سایت، خواهیم گفت که چگونه می توانید پس زمینه (background) صفحات وب و عناصر درون آن را با ویژگی های color, image, repeat, attachment و position تعیین کنید.
آنچه در این فیلم آموزشی خواهید آموخت :
- نحوه ی کار با مشخصه background و ویژگی های آن در css
- آشنایی با انواع property های background و مقادیر (value) آن ها
- نحوه ی مختصرنویسی خصوصیات پس زمینه
لازم به یادآوری است که در مورد رنگ ها در CSS، در فیلم آموزش استفاده از رنگ ها توضیحات کامل برای شما کاربران عزیز داده شده است. همچنین می توانید فیلم آموزش استفاده از pattern در صفحات وب را نیز که با این مطلب مرتبط است، مشاهده کنید.
[hdplay id=49]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’http://dl.onliner.ir/css-videos/css-background.mp4′]دانلود فیلم آموزش تنظیم پس زمینه (background) در CSS[/video_download]
[onliner_button type=”edu-demo” url=’http://dl.onliner.ir/css-snippets/background.zip’]دانلود دمو[/onliner_button]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش استایل دهی متون در CSS (بخش دوم)
- آموزش بعدی : فیلم آموزش کار با چند پس زمینه برای عناصر مختلف در CSS
- لیست فیلم ها : فیلم های آموزش جامع CSS
6 دیدگاه دربارهٔ «فیلم آموزش تنظیم پس زمینه (background) در CSS»
سلام . خسته نباشید . واقعا ممنون از زحمات شما . خیلی عالی اند فیلم های آموزشی شما
سلام خسته نباشید
میخوام یه تصویر رو بذارم بک گراند اما انداز تصویر کوچیکه چطور سایزشم عوض میکنم بزرگتر از صفحه نمایشم میشه چطور میتونم بک گراند رو یه تصویر قرار بدم که همه زمینه رو بپوشونه؟
سلام.با توجه به اینکه سایز مانیتورها مختلف هست، شما حتی اگر اندازه سایز مانیتور خودتون رو در نظر بگیرین، ممکنه در مانیتورهای دیگه عکس شما کوچک تر یا بزرگتر باشه.پس شما باید یه استانداردی مد نظرتون باشه و با فتوشاپ سایز عکس رو تغییر بدین و ذخیره کنید ولی هنگام کدنویسی حواستون به مانتیورهای کوچکتر و بزرگتر باشه که چه جوری ممکنه تصویر در اونها نمایش داده بشه و بر اساس اون از خاصیت background-repeat استفاده کنید.
سپاس از زحماتتون.
سلام خدمت دست اندرکاران واقعت زحمت کش آنلاینر.طاعات و عبادتتون مورد قبول حق تعای قرار بگیره ان شاله.
ازتون راهنمایی میخواستم.اگر لطف کنید یک مرجع بسیار خوب و کاربردی مثل آموزش های خودتون در مورد ASP.NET معرفی بفرمایید.به هر صورت شما تجربتون ارزشمنده و اگر مارو راهنمایی کنید واقعا ممنونتون میشیم.
با تشکر فراوان.
با عرض سلام و احترام خدمت شما
تخصص اصلی ما موارد مایکروسافتی نیست؛ در این مورد لطفا ایمیل بزنید، تا افرادی که میشناسیم را خدمت تان معرفی نماییم.