آموزش جامع و پروژه محور Css – قسمت دوم

در قسمت اول از این دوره آموزشی در مورد روش های مختلف اضافه کردن Css به صفحه وبسایت، نحوه کار با انتخابگرهای ساده و پیچیده در Css، قوانین Css و ارث بری و … را به طور کامل صحبت کردیم و مبحث بسیار مهم Box model را نیز به شما عزیزان آموزش دادیم.

در این دوره چه مباحثی آموزش داده شده است؟

این دوره دومین قسمت از دوره آموزش جامع CSS3 می باشد. این دوره دارای چهار فصل است که در هر کدام از آنها با یکی از مباحث مهم CSS آشنا خواهید شد.

فصل اول مربوط به قرار دادن المان های HTML در مکان دلخواه از صفحه است که به آن Positioning می گویند.  در فصل دوم با عکس های پس زمینه و انواع خصیصه های مربوط به آن آشنا می شوید، که یکی از مهمترین مسائل در زیبایی سایت به حساب می آید.

در فصل سوم به سراغ Size Units می رویم و علاوه بر واحد های معمول پیکسل و درصد با واحدهای مهمتری در CSS آشنا می شوید. در فصل چهارم می بینید که با استفاده از جاوا اسکریپت چگونگی تغییر در استایل صفحه و همچنین تغییر CSS بر اساس یک رخداد را خواهید آموخت و به عنوان مثال یک منوی جمع شونده ایجاد خواهیم کرد.

سرفصل های دوره آموزش جامع و پروژه محور Css – قسمت دوم

• خصیصه Position
• Value های خصیصه Position
• ساخت navigation  ثابت با استفاده از خصیصه position
• اضافه کردن عکس پس زمینه با استفاده از خصیصه position
• مفهوم Z-Index
• اضافه کردن قسمت Recommended  به صفحه Packages
• استایل دادن به قسمت Recommended
• Position Relative در CSS
• خصیصه Overflow
• Position Sticky در CSS
• درک مفهوم Stacking Context
• آشنایی با خصیصه های Background
• خصیصه background-position
• خصیصه های دیگری از Background
• خصیصه background-origin
• فرم کوتاه شده خصیصه های Background
• اضافه کردن لوگو به صفحه
• اضافه کردن صفحه مشتریان
• استایل دهی به صفحه مشتریان
• گرادیان خطی در CSS
• گرادیان شعایی در CSS
• Multiple background ها در CSS
• فیلتر ها در CSS
• استایل دادن به عکس های SVG
• واحدهای اندازه گیری
• موارد مهم در استفاده از Size Units
• قوانین مهم واحد درصد ( % )
• اعمال سایه (backdrop) برروی صفحه وب
• Max-width و Max-height
• واحد های em و rem
• ادامه واحد rem
• تبدیل واحد پیکسلی به rem
• واحدهای vh و vw
• انتخاب Size Units مناسب
• مقدمه و تعریف پروژه
• تغییر خصیصه ها با جاوااسکریپت
• مدیریت کردن رویداد (Event)
• اضافه کردن یک منو با قابلیت جمع شدن
• باز و بسته کرن منو با استفاده از جاوااسکریپت
• روش دوم برای کار با کلاس ها در جاوااسکریپت
• خصیصه ها در جاوااسکریپت
• جمع بندی

حاصل دوره

بعد از پایان این دوره، دانش CSS شما یک مرحله جلوتر می رود. شما با مباحث پیشرفته تر در CSS آشنا می شوید و قادر به ساخت قالب های کاملا حرفه ای برای وبسایت های مختلف خواهید بود.

لینک قسمت اول آموزش

آموزش جامع و پروژه محور Css – قسمت اول