آموزش اصول CSS

مدرس
Christina Truong
دسته بندی:
وب
آموزش اصول CSS

به دوره آموزش اصول CSS خوش آمدید.

Cascading Style Sheets (CSS)، یک زبان stylesheet است که به شما امکان می‌دهد ظاهر صفحات وب خود را کنترل کنید. در این دوره عملی، کریستینا ترونگ، مفاهیم پایه‌ای را که مبانی CSS را تشکیل می‌دهند، به شما آموزش می‌دهد. کریستینا چگونگی اضافه کردن رنگها و سایر عناصر طراحی را توضیح می‌دهد تا صفحات وب شما، فراتر از یک متن مشکی روی پس زمینه سفید باشند. او نحوه استفاده از انتخابگرها، چگونگی تعریف فاصله و اندازه عناصر صفحه توسط box model، نحوه ساخت و ایجاد سبک برای متن و مدیریت طرح بندی‌های اصلی با Flexbox و Grid را مورد بررسی قرار می‌دهد. او همچنین کار با انتخابگرهای پیشرفته، طرح بندی صفحه با خاصیت fluid و تعیین زمان استفاده از خواصfloat  و position را پوشش می دهد. در نهایت،  شما این دوره آموزشی را با یک پروژه واقعی – یک résumé page آنلاین، به پایان خواهید برد.

مقدمه

1
مقدمه ای بر CSS
پیش نمایش
0:59
2
آنچه شما باید بدانید
0:23
3
ابزار و نمونه پروژه ها
1:16

شروع شدن

1
HTML و CSS
1:18
2
ابزارهای توسعه دهنده مرورگر
3:11
3
ارجاع به CSS
4:29
4
مروری بر پروژه و راه اندازی آن
4:13
5
بهینه سازی تصاویر و نمایشگرهای
2:43
6
مسیرهای نسبی
4:35
7
مسیرهای مطلق یا دقیق
2:25

مفاهیم اصلی

1
W3C و خصوصیات CSS
3:13
2
syntax و اصطلاحات CSS
3:06
3
مقادیر و واحدهای CSS
3:01
4
مقادیر ویژگی رنگ
4:12
5
سلکتورهای Type و universal
3:20
6
سلکتورهایClass و ID
3:05
7
تمرین سلکتورهایClass و ID
3:28
8
سلکتورهای نسل
3:48
9
گروه بندی سلکتورها
1:38
10
وراثت و حق تقدم در CSS
4:33
11
آبشار و دستور important
1:43
12
افزودن رنگها
6:18
13
سلکتورهای شبه کلاس و لینکها
5:04
14
سبک دادن به لینکها
8:05

مدل جعبه

1
مقدمه‌ای بر مدل جعبه
1:05
2
Inline،block و display
3:06
3
ویژگی های مدل جعبه
2:06
4
کاربرد و syntax ویژگی های جعبه
3:17
5
اشکال زدایی مدل جعبه
3:28
6
Padding،margin و border
5:34
7
Margin و طرح بندیها
3:03
8
افزودن content wrapper
5:09
9
Margin و padding
6:20

تایپوگرافی

1
تایپوگرافی برای وب
2:59
2
تغییر ویژگی font-family
2:28
3
ویژگیهای Font-weight و font-style
3:06
4
به کارگیری فونت های وب توسط @font-face
2:58
5
استفاده از Google Fonts
1:56
6
تمرین – فونت های گوگل
4:04
7
ویژگی font-size
4:24
8
ویژگی با فرم مختصر Font
1:50
9
Text-decoration، align و line-height
3:57
10
سبک های تایپوگرافی
4:07

ویژگی Float یا شناوری

1
مقدمه‌ای بر ویژگی Float یا شناوری
1:02
2
ویژگیهای float و clear
3:00
3
ویژگی Float و در هم شکستن کانتینر
5:04
4
طرح بندی ها و مدل جعبه
6:00
5
پروژه – رفع مدل شناور و جعبه
5:49
6
ویژگی position
5:24
7
موقعیت یابی المنتها روی محور
3:26

چیدمان Flexbox و Grid

1
مقدمه‌ای بر Grid و Flexbox
1:36
2
مقدمه‌ای بر Flexbox
2:33
3
ترتیب و جهت ها در Flexbox
2:08
4
سایزدهی انعطاف پذیر
2:34
5
تمرین Flexbox
2:23
6
تراز کردن با Flexbox
2:13
7
تراز کردن با Flexbox – تمرین
4:56
8
مقدمه‌ای بر CSS Grid
2:21
9
گرید صریح
5:00
10
گرید ضمنی
3:28
11
ویژگیهای مبتنی بر موقعیت برای grid
3:09
12
ستون های Grid و ابزار فایرفاکس
7:28

انتخاب کنندگان پیشرفته

1
مقدمه‌ای بر سلکتورهای پیشرفته
0:47
2
کلمبینیتورها یا سلکتورهای رابطه‌ای
2:10
3
به روز رسانی پروژه با کامبینیتورها
5:16
4
سلکتورهای شبه کلاس First و last
1:51
5
سلکتورهای پیشرفته – تمرین
3:26

طراحی responsive یا واکنش‌گرا

1
مقدمه‌ای بر طراحی responsive
2:06
2
طرح بندی fluid
3:33
3
تصاویر پس زمینه انعطاف پذیر
4:50
4
تصاویر پس زمینه انعطاف پذیر – تمرین
4:57
5
مقدمه‌ای بر media queries
3:59
6
Media queries، عرضها و نقاط انفصال
3:26
7
تست طرح بندی های responsive
3:20
8
Media queries و طرح بندی responsive
13:58

نتیجه

1
گامهای بعدی
0:39

اولین دیدگاه را ثبت کنید.

لطفا, وارد اکانت کاربری شوید تا بتوانید نظر خود را درباره ی دوره ی آموزشی بنویسید
افزودن به علاقه مندی ها
ثبت نام
پرداخت و خرید دوره موجود در پلن عضویت ۱ماهه
ثبت نام شده: 932 دانشجو
مدت زمان: 7 ساعت
درس: 76
ویدئو: 7 ساعت
سطح: مبتدی تا متوسط

Archive

Working hours

شنبه بسته شده
یکشنبه بسته شده
دوشنبه 9:30 am - 6.00 pm
سه شنبه 9:30 am - 6.00 pm
چهارشنبه 9:30 am - 6.00 pm
پنج شنبه 9:30 am - 6.00 pm
جمعه 9:30 am - 5.00 pm
آموزش اصول CSS
دسته بندی:
وب
مدرس
Christina Truong
قیمت:
129,000تومان 103,000تومان
ثبت نام
Layer 1