دوره آموزشی CSS: افزایش گرافیک وب سایت
2 ساعت 6 دقیقهمتوسط2021-06-04
مدرسین

Patrick Carey
Author with 20 years' experience writing textbooks
جزئیات دوره
آیا از کاربران تازه ی CSS هستید؟ اگر پاسخ شما مثبت باشد این دوره به شما مهارت های لازم برای بهبود برای روزرسانی و نمایش سایت خود با استفاده از CSS graphic design styles را آموزش خواهد داد. مدرس Patrick Carey به شما کمک می کند ابتدا مفاهیم ساده ای از جمله رنگ پشت زمینه و وارد کردن تصاویر را یاد بگیرید. او هم چنین وارد مفاهیم پیشرفته از جمله ساخت متن، box shadows، کاربرد color gradients و پاکسازی با فیلتر ها می شود . در پایان دوره شما دانش مورد نیاز برای بهبود سبک های طراحی CSS را خواهید داشت که به شما کمک می کند تا ظاهر و جذابیت سایت خود را بهبود بخشید.
اهداف یادگیری
تعریف پس زمینه عنصر
افزودن رنگ پس زمینه
درج تصویر پس زمینه
ترکیب چندین پس زمینه
ایجاد مرزها
تعریف سایه ها
ایجاد سایه متن
ایجاد سایه جعبه
اعمال شیب رنگ
قالب بندی با فیلترها
ترکیب چند فیلتر
اهداف یادگیری
تعریف پس زمینه عنصر
افزودن رنگ پس زمینه
درج تصویر پس زمینه
ترکیب چندین پس زمینه
ایجاد مرزها
تعریف سایه ها
ایجاد سایه متن
ایجاد سایه جعبه
اعمال شیب رنگ
قالب بندی با فیلترها
ترکیب چند فیلتر
مهارت ها
CSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید بدانید
- 03 - استفاده از فایلهای تمرین
1. تعریف پس زمینه عنصر
- 04 - رنگهای CSS
- 05 - رنگ پس زمینه را اضافه کنید
- 06 - یک تصویر پس زمینه درج کنید
- 07 - گزینههای تصویر پس زمینه
- 08 - از سبک پس زمینه استفاده کنید
- 09 - چندین پس زمینه را ترکیب کنید
- 10 - چالش - ساخت پس زمینه
- 11 - راه حل - ساخت پس زمینه
2. ایجاد مرزها
- 12 - از سبک حاشیه استفاده کنید
- 13 - گوشههای سبک دایره ای
- 14 - گوشههای سبک بیضی
- 15 - اعمال تصاویر حاشیه
- 16 - چالش - مرزهای عنصر با استعداد
- 17 - راه حل - عنصر مرز با استعداد
3. تعریف سایه ها
- 18 - یک سایه متن ایجاد کنید
- 19 - سایه جعبه ایجاد کنید
- 20 - چالش - چالش سایه
- 21 - راه حل - چالش سایه
4. اعمال گرادیان رنگ
- 22 - یک گرادیان خطی ایجاد کنید
- 23 - یک گرادیان شعاعی ایجاد کنید
- 24 - تکرار یک گرادیان
- 25 - گرادیانها به عنوان تصاویر پس زمینه
- 26 - چالش - ساختن شیب
- 27 - راه حل - ایجاد یک گرادیان
5. قالببندی با فیلترها
- 28 - از ویژگی filter استفاده کنید
- 29 - چند فیلتر را با هم ترکیب کنید
- 30 - چالش - تبدیل یک وب سایت
- 31 - راه حل - تبدیل یک وب سایت
نتیجه
- 32 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی CSS: طرحبندیهای پیشرفته با Grid
- دوره آموزشی CSS برای توسعهدهندگان
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی آن را تمرین کن: طرح بندی CSS