این دوره آموزشی یکی از ملزومات طراحی وب هست. CSS در کنار HTML شکل دهنده و ایجاد کننده صفحات وب هستند. ما برای زیباسازی HTML نیاز داریم که از CSS استفاده کنیم. هرچند برای طراحی صفحات وب در سمت سرور گزینه های زیادی روبروی ما است اما در سمت کلاینت، و برای ایجاد ساختار صفحات وب و همچنین زیبایی ظاهری آن تنها گزینه پیش روی ما HTML و CSS هستند.
پس با من در این دوره آموزشی مفید و کاربردی همراه باشید.
جلسه اول: آشنایی با CSS – CSS چیست و کاربرد CSS چیست؟
در این جلسه یادگیری css رو آغاز میکنیم. قبل از شروع به یادگیری در این جلسه میفهمیم که css چیست و چه کاربردی داره و چرا ما باید ازش استفاده کنیم.
جلسه دوم: اضافه کردن CSS به فایل HTML – استفاده از CSS
در این جلسه در مورد استفاده از CSS صحبت میکنیم و با روشهای مختلف اضافه کردن CSS به فایل HTML صحبت میکنیم.
جلسه سوم: کار با رنگ در CSS – رنگ CSS
در این پست قرار هست که با موضوع رنگ در CSS در خدمتتون باشم. میخوایم یاد بگیریم که چه جاهایی از رنگ استفاده میکنیم و به چه شکل از رنگ ها استفاده میکنیم
جلسه چهارم: پس زمینه ها در CSS – آشنایی با CSS Backgrounds
در این جلسه قصد داریم در مورد پس زمینه ها در CSS صحبت کنیم. CSS این امکان رو به ما میده که برای پس زمینه ها از رنگ یا عکس دلخواه خودمون استفاده کنیم.
جلسه پنجم: border در css – مرزها در css
در این بخش در مورد border در css صحبت میکنیم و ویژگی های مربوط به border و مرزها در CSS رو مورد بررسی قرار میدیم.
جلسه ششم: حاشیه در CSS – آشنایی با padding و margin در css
در این درس به موضوع حاشیه در css میردازیم و با دو ویژگی padding و margin در CSS آشنا میشیم.
جلسه هفتم: استایل متن در CSS – استایل دهی نوشته ها
در این جلسه به بحث استایل دهی متن در css میپردازیم. چینش متن، راست چین و چپ چین و همچنین امکان سایه دار کردن متن و مباحث مختلف دیگر
جلسه هشتم: فونت css – آشنایی با فونت در css
در این جلسه در مورد تعریف و جایگاه فونت css صحبت میکنیم و با فونتهای پیشفرض و قابل در استفاده در css آشنا میشیم
جلسه نهم: استایل لینک – لینک در css
در این جلسه در مورد استایل دهی به لینک ها در css صحبت میکنیم و نکات مهمی رو در مورد استایل لینک یاد میگیریم.
جلسه دهم: استایل جدول در CSS – تغییر ظاهر جدول در CSS
در این جلسه در مورد استایل جدول در css با همدیگه صحبت میکنیم و با امکاناتی که css برای تغییر ظاهر جدول در اختیارمون قرار داده آشنا میشیم.
جلسه یازدهم: سودوها در CSS – سودو کلاس و سودو المنت
در این جلسه به موضوع جالب و کاربردی سودو میپردازیم. pseodu یا شبه نوع دیگری از selector ها هستند که موضوع صحبت این جلسه است.
جلسه دوازدهم: چینش المنت ها (float,align) در css
در این جلسه درباره چینش المنت ها در CSS اشنا میشیم و از دو ویژگی مهم و کاربردی float و align استفاده خواهیم کرد.
جلسه سیزدهم: نوار ناوبری یا Navigation bar در CSS
در این جلسه قصد داریم با نکاتی که تا اینجای دوره یادگرفتیم نوار ناوبری افقی و عمودی طراحی کنیم.
جلسه چهاردهم: منو کشویی Dropdown
در این پست در مورد dropdownها صحبت میکنیم و با انواع dropdownها از جمله منوی کشویی آشنا میشیم و اونها رو با استفاده از css رسم میکنیم.
جلسه پانزدهم: شفافیت Opacity در CSS
در این جلسه در مورد opacity و شفافیت در css صحبت میکنیم. ما میتونیم با استفاده از این ویژگی جذابیت خاصی رو به صفحه وب خودمون بدیم.
جلسه شانزدهم: انتخابگرهای صفات Attribute Selectors
انتخابگرهای صفات Attribute Selectors خوش اومدین به شانزدهمین جلسه از دوره آموزش رایگان css. قرار هست که با انتخابگرهای صفات Attribute Selectors آشنا بشیم. ما در
جلسه هفدهم: استایل دهی فرم در CSS
در این جلسه در مورد نحوه استایل دهی فرم در css با هم صحبت میکنیم. استایل دهی فرم نکات خاصی داره که در این جلسه به اونها اشاره خواهیم کرد.
جلسه هجدهم: چیدمان وبسایت Website Layout در CSS
در این جلسه در مورد چیدمان وبسایت صحبت میکنیم. website layout را میتوان با استفاده از css ایجاد کرد.
جلسه نوزدهم: اولویت استایل ها و قوانین specificity در CSS
در این جلسه به بررسی اولویت استایل ها در CSS میپردازیم و یاد میگیریم که طبق قوانین spacificity کدوم کد css اولویت اجرا داره و چه کدی به خروجی میره
جلسه بیستم: طیف رنگی Gradient در CSS
در این جلسه در مورد طیف رنگی یا Gradient توی CSS با همدیگه صحبت میکنیم و یاد میگیریم چطور بجای یک رنگ از یه طیف رنگ استفاده کنیم.
جلسه بیست و یکم: تبدیل دوبعدی در CSS
در این جلسه قراره که در مورد تبدیل دوبعدی در css صحبت کنیم. قابلیتی که امکان اعمال چرخش و جابجایی و… عناصر رو به ما میده.
جلسه بیست و دوم: تبدیل سه بعدی در css
ما در جلسه قبل با تبدیل دوبعدی آشنا شدیم و در این جلسه قرار هست که در مورد تبدیل سه بعدی در css با همدیگه صحبت کنیم.
جلسه بیست و سوم: انتقال در CSS- کار با Transitions در CSS
در این جلسه در مورد انتقال در CSS و نحوه کار با Transitions در CSS صحبت میکنیم و با این امکان زیبای CSS آشنا میشیم.
جلسه بیست و چهارم: انیمیشن در CSS
این جلسه قرار هست که در مورد انیمیشن در css با همدیگه صحبت کنیم. ما میتونیم با استفاده از این امکانات، جلوه های دیداری قشنگی رو به صفحات وب بدیم
جلسه بیست و پنجم: ایجاد تولتیپ Tooltip در CSS
در این جلسه میخواهیم با استفاده از آموزه های خودمون تولتیپ Tooltip ایجاد کنیم و اون رو در مکان موردنظر خودمون نمایش بدیم.
جلسه بیست و ششم: افکت دادن به عکس در CSS
تصاویر جزء جدانشدنی صفحات وب هستند. در این جلسه قرار هست که در مورد افکت دادن به عکس در CSS با همدیگه صحبت کنیم.
جلسه بیست و هفتم: ویژگی box-sizing در css
در این جلسه در مورد ویژگی مهمی صحبت میکنیم با عنوان box-sizing – ویژگی box-sizing یکی از ویژگی های مهم بخصوص در بحث responsive است.
جلسه بیست و هشتم: ویژگی Flexbox در CSS
در این جلسه میخوایم در مورد یه ویژگی مفید و کاربردی در CSS بنام ویژگی Flexbox صحبت کنیم. ویژگی مهم برای چینش عناصر html
جلسه بیست و نهم: مدیا کوئری Media Queries در CSS
در این جلسه در مورد قوانین مدیا کوئری با هم صحبت میکنیم. قوانینی که جزء اصلی ساخت صفحات رسپانسیو و واکنشگرا در طراحی صحفات وب هست.
جلسه سی ام: طراحی Responsive با CSS
در این جلسه در موضوع مهم طراحی responsive با استفاده از CSS صحبت میکنیم. صفحات وب خود را برای همه دستگاه ها بهینه کنید.