آموزش CSS عملی برای No-Coders

معرفی Introduction

• طراحی وب برای بدون کدنویس Styling the web for no-coders

• کار در CodePen Working in CodePen

• CSS چیست و ساختار آن چگونه است؟ What is CSS and how is it structured?

• امتحان فصل Chapter Quiz

1. اعمال CSS در صفحه خود با انتخابگرها 1. Applying CSS to Your Page with Selectors

• نوشتن اولین نظر و انتخابگر عنصر Writing your first comment and element selector

• نوشتن انتخابگر کلاس Writing a class selector

• انتخابگرهای گروه بندی Grouping selectors

• انتخابگرهای نزولی Descendent selectors

• چالش: کار با انتخابگرها Challenge: Working with selectors

• راه حل: کار با انتخابگرها Solution: Working with selectors

• امتحان فصل Chapter Quiz

2. رنگ ها و تصاویر CSS 2. CSS Colors and Images

• یک طرح رنگی را مشخص کنید Identify a color scheme

• قالب بندی رنگ در CSS Formatting color in CSS

• رنگ پس زمینه و متن در CSS Background and text color in CSS

• درک تصاویر در CSS Understanding images in CSS

• کار با تصاویر پس زمینه در CSS Working with background images in CSS

• چالش: به این صفحه وب سبک دهید Challenge: Style this web page

• راه حل: به این صفحه وب استایل دهید Solution: Style this web page

• امتحان فصل Chapter Quiz

3. جعبه‌ها، اندازه‌ها و نوع CSS 3. CSS Boxes, Sizes, and Type

• درک نوع در CSS Understanding type in CSS

• اعمال قالب بندی نوع با CSS Applying type formatting with CSS

• درک و اعمال اندازه در CSS Understanding and applying size in CSS

• آشنایی با مدل جعبه در CSS Understanding the box model in CSS

• کار با حاشیه، padding و margin در CSS Working with border, padding, and margin in CSS

• چالش: یک استایل به این صفحه اضافه کنید Challenge: Add styling to this page

• راه حل: یک ظاهر طراحی را به این صفحه اضافه کنید Solution: Add styling to this page

• امتحان فصل Chapter Quiz

4. مفاهیم و ویژگی های پیشرفته CSS 4. More Advanced CSS Concepts and Properties

• استایل دادن به پیوندها با CSS Styling links with CSS

• درک وراثت در CSS Understanding inheritance in CSS

• اشکال زدایی CSS با حاشیه ها و رنگ های پس زمینه Debugging CSS with borders and background colors

• امتحان فصل Chapter Quiz

نتیجه Conclusion

• مراحل بعدی Next steps