سی اس اس یا شیوه نامه آبشاری (به انگلیسی: Cascading Style Sheets) یک زبان برای ساخت شیوهنامه است که از آن برای توصیف نمایش یک سند (که به یکی از زبانهای نشانهگذاری مثل اچتیامال نوشته شدهاست) استفاده میشود.
سیاساس عنوان یکی از سه فناوری بنیادین در کنار اچتیامال و جاوا اسکریپت در وب را دارد و روشی ساده برای نمایش چیدمان و جلوههای تصویری (مانند نوع قلم، رنگ و اندازهها) بر صفحههای وب است.
زبان سی اس اس از جنس زبانهای نشانهگذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پیدرپی، برای چگونگی نمایش هر صفحه وب افزوده میشود. به گفتهای سادهتر، این دستورها روش نشان داده شدن قلمها و اندازهشان، رنگها و پس زمینهها، روش چیدمان موزاییکهای دربرگیرنده دادهها و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای میدهند.
دوره آموزشی ” آموزش جامع سی اس اس”:
شیوه نامه آبشاری ( CSS ) یک زبان برای ساخت استایل شیت است که به شما اجازه می دهد ظاهر سایت خود را کنترل کنید. در این دوره عملی مفاهیمی که زیربنای CSS را تشکیل می دهند شرح می دهیم و به شما یاد می دهیم برای تغییر دادن کدهای CSS موجود و نوشتن کدهای CSS جدید چه چیزهایی باید بدانید.
در این دوره آموزش جامع سی اس اس به شما یاد می دهیم چگونه رنگ ها و عناصر دیگر را اضافه کنید تا صفحه وب شما تنها یک متن سیاه روی پس زمینه سفید نباشد. نحوه استفاده از انتخابگرها یا Selector ها را یاد می دهیم، همچنین نشان می دهیم که فاصله و اندازه المان های داخل صفحه چگونه تعریف می شود و نحوه استایل دادن به متن و مدیریت چیدمان صفحه با Flexbox و Grid را بررسی می کنیم.
سپس در ادامه آموزش CSS به مبانی کار با متن می پردازیم و صفحات روان و واکنشگرا می سازیم و توضیح می دهیم چه مواقعی از float و خصوصیت های مربوط به موقعیت دهی استفاده کنید. در حین کار با پروژه های واقعی دانش خود را تست خواهید کرد و می توانید محتوا و مهارت هایی که یاد گرفته اید را تمرین کنید.
عناوین و سرفصلهای دوره آموزشی ” آموزش جامع CSS “:
مقدمه
1- شروع کار با CSS
۲- چه جیزهایی باید بدانید
۳- نحوه کامل کردن تمرین ها
فصل اول – آغاز به کار
1- HTML و CSS
۲- کار با فایل های وبسایت
۳- نوشتن کد با یک ویرایشگر متن
۴- شخصی سازی کردن ویرایشگر متن
۵- پروژه – مرور کلی و تنظیمات
۶- از کجا تصاویر پیدا کنیم
۷- بهینه سازی تصاویر برای وب
۸- مسیرهای نسبی و مطلق
۹- پروژه – افزودن تصاویر و آیکن ها
10- ارجاع دادن به CSS
11- پروژه – ساخت یک فایل CSS
فصل دوم – مفاهیم اصلی زبان سی اس اس
1- مشخصات CSS و W3C
2- قواعد و اصطلاحات CSS
3- مقادیر و واحدهای CSS
۴- خصوصیت رنگ و مقادیر
۵- ساخت یک پالت رنگی
۶- انتخابگرهای نوع و عمومی
7- انتخابگرهای ID
8- انتخابگرهای Class
۹- ترکیب کننده های زیرمجموعه و لیست های انتخابگرها
۱۰- خصوصیت پس زمینه
11- پروژه – آماده سازی فایل CSS
۱۲- پروژه – افزودن استایل های پس زمینه
۱۳- شبه کلاس ها و شبه المان ها
۱۴- وراثت و آبشار
۱۵- خاص بودن
۱۶- پروژه – استایل دهی به لینک ها
فصل سوم – مدل جعبه ای سی اس اس
1- مقدمه ای بر مدل جعبه CSS
۲- خصوصیات مدل جعبه
۳- اندازه جعبه و اصلاح مدل جعبه
4- Inline، block و display
۵- پروژه – استایل های فوتر و آیکن ها
6- عیب یابی با Developer Tools
۷- مدیریت مشکلات مدل جعبه
۸- پروژه – بروزرسانی تصویر پس زمینه
9- استفاده از مقادیر margin منفی
10- تراز وسط با Margin
11- پروژه – افزودن wrapper های محتوا
۱۲- پروژه – افزودن یک تصویر هدر
فصل چهارم – چیدمان ها – شناور و موقعیت
1- مقدمه ای بر چیدمات CSS
2- چیدمان ها با خصوصیات float
3- پاک کردن float ها
۴- پروژه – شناور کردن تصاویر و متن
5- خصوصیت position
6- position و z-index
۷- پروژه – موقعیت دهی ثابت
فصل پنجم – چیدمان ها – فلکس باکس و گرید
1- مقدمه ای بر Grid و Flexbox
2- مقدمه ای بر Flexbox
3- Flexbox – جهت و ترتیب بندی
4- اندازه گذاری با خصوصیات flex
5- تمرین Flexbox
6- پروژه – فوتر چسبان با Flexbox
7- تراز کردن آیتم های Flex
8- پروژه – ترازبندی عناصر با Flexbox
9- مقدمه بر CSS Grid
10- Grid صریح
11- Grid ضمنی
12- افزودن شیارها با خصوصیت Gap
13- پروژه – افزودن ستون ها با Grid
فصل ششم – تایپوگرافی در آموزش سی اس اس
۱- تایپوگرافی برای وب
2- تغییر دادن فونت ها با Font-Family
3- font-weight و font-style
4- فونت های وب با @font-face
5- فونت های وب با Google Fonts
۶- پروژه – فونت های گوگل
7- خصوصیت font-size
8- font-size و قابلیت دسترسی
9- Text-align و Text-transform
10- line-height و letter-spacing
۱۱- پروژه – استایل های تایپوگرافی
۱۲- پروژه – دکمه ها و فاصله گذاری
فصل هفتم – چیدمان ها – روان و واکنش گرا
۱- مقدمه ای بر طراحی واکنش گرا
2- مقدمه ای بر media query ها
3- نقاط شکست و media query ها
۴- طرح های روان
5- تگ متای Viewport
۶- تست کردن طرح های واکنش گرا
۷- پروژه – نقاط شکست
8- پروژه – media query ها – بخش اول
9- پروژه – media query ها – بخش دوم
10- پروژه – media query ها – بخش سوم
فصل هشتم – نتیجه گیری
1- فراتر از مباحث مقدماتی با CSS
فصل نهم – ویژگی های جدید CSS3
۰- مقدمه
1- Border ها
۲- پس زمینه
3- Gradient
۴- کار با متون
۵- انتقال ها دوبعدی
۶- انتقال های سه بعدی
۷- انیمیشن
۸- ستون ها
دیدگاهها
هیچ دیدگاهی برای این محصول نوشته نشده است.