دوره مقدمه‌ای بر استایل‌دهی صفحات وب با CSS همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره مقدمه‌ای بر استایل‌دهی صفحات وب با CSS

موضوع کلی: فناوری اطلاعات و توسعه وب

موضوع میانی: طراحی و توسعه صفحات وب

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر استایل‌دهی صفحات وب
• 2. فلسفهٔ CSS و جایگاه آن در توسعه وب
• 3. نحوهٔ افزودن CSS به صفحات HTML
• 4. انتخابگرهای CSS: پایه و اساس استایل‌دهی
• 5. انتخابگرهای عمومی و تگ
• 6. انتخابگرهای کلاس: انعطاف‌پذیری در استایل‌دهی
• 7. انتخابگرهای شناسه: استایل‌دهی منحصر به فرد
• 8. انتخابگرهای صفات: استایل‌دهی بر اساس ویژگی‌ها
• 9. ترکیب‌کننده‌ها: ارتباط بین انتخابگرها
• 10. انتخابگرهای فرزند و فرزند بلاواسطه
• 11. انتخابگرهای همسایه و همسایه بلاواسطه
• 12. اولویت‌بندی قوانین CSS: اهمیت و نحوهٔ عملکرد
• 13. خاصیت‌بودن (Specificity) و محاسبهٔ آن
• 14. قانون !important: کاربرد و محدودیت‌ها
• 15. ارث‌بری (Inheritance) در CSS
• 16. مقادیر مقیاس‌پذیر: واحدهای طول (px, em, rem, vw, vh)
• 17. مقادیر مقیاس‌پذیر: واحدهای زاویه (deg, rad, grad)
• 18. مقادیر مقیاس‌پذیر: واحدهای زمان (s, ms)
• 19. رنگ‌ها در CSS: مقادیر هگزادسیمال و RGB
• 20. رنگ‌ها در CSS: مقادیر RGBA و HSL
• 21. رنگ‌ها در CSS: نام رنگ‌های استاندارد
• 22. مدیریت متن: فونت خانواده
• 23. مدیریت متن: اندازه فونت
• 24. مدیریت متن: وزن فونت
• 25. مدیریت متن: سبک فونت
• 26. مدیریت متن: دکوراسیون متن (زیرخط، خط‌خورده)
• 27. مدیریت متن: تراز متن
• 28. مدیریت متن: فاصله‌گذاری بین خطوط
• 29. مدیریت متن: فاصله‌گذاری بین کلمات
• 30. مدیریت متن: فاصله‌گذاری بین حروف
• 31. مدیریت متن: تبدیل حروف (کوچک، بزرگ)
• 32. مدیریت متن: سایهٔ متن
• 33. مدیریت پس‌زمینه: رنگ پس‌زمینه
• 34. مدیریت پس‌زمینه: تصویر پس‌زمینه
• 35. مدیریت پس‌زمینه: تکرار تصویر پس‌زمینه
• 36. مدیریت پس‌زمینه: موقعیت تصویر پس‌زمینه
• 37. مدیریت پس‌زمینه: اندازهٔ تصویر پس‌زمینه
• 38. مدیریت پس‌زمینه: پیوست تصویر پس‌زمینه
• 39. مدیریت پس‌زمینه: تکرار تصویر پس‌زمینه (تکمیلی)
• 40. مدیریت پس‌زمینه: وضعیت اسکرول تصویر پس‌زمینه
• 41. جعبه مدل (Box Model): معرفی و اجزای آن
• 42. عرض و ارتفاع عناصر (width, height)
• 43. حاشیه‌های بیرونی (margin)
• 44. حاشیه‌های داخلی (padding)
• 45. قاب (border): عرض، سبک و رنگ
• 46. قاب: گرد کردن گوشه‌ها (border-radius)
• 47. قاب: تصاویر قاب (border-image)
• 48. مدیریت نمایش عناصر (display: block, inline, inline-block)
• 49. مدیریت نمایش عناصر (display: flex, grid)
• 50. مدیریت موقعیت‌دهی (position: static, relative, absolute)
• 51. مدیریت موقعیت‌دهی (position: fixed, sticky)
• 52. لایه‌بندی عناصر (z-index)
• 53. شناور کردن عناصر (float)
• 54. پاک کردن شناورها (clear)
• 55. پوشاندن عناصر (overflow)
• 56. تنظیم اندازهٔ جعبه (box-sizing)
• 57. طراحی واکنش‌گرا (Responsive Design): مفهوم و اهمیت
• 58. پرسش‌های رسانه (Media Queries)
• 59. تنظیم مقیاس‌پذیری تصاویر
• 60. استفاده از واحدهای نسبی برای ابعاد
• 61. طراحی با استفاده از Flexbox
• 62. مفاهیم اصلی Flexbox: والد و فرزند
• 63. چیدمان عناصر با Flexbox
• 64. توزیع فضا در Flexbox
• 65. تراز عناصر در Flexbox
• 66. جهت‌دهی در Flexbox
• 67. قابلیت انعطاف‌پذیری در Flexbox
• 68. جمع شدن عناصر در Flexbox
• 69. طراحی با استفاده از Grid
• 70. مفاهیم اصلی Grid: والد و فرزند
• 71. تعریف ستون‌ها و ردیف‌ها در Grid
• 72. تعیین ابعاد ستون‌ها و ردیف‌ها
• 73. فضای خالی بین عناصر در Grid
• 74. تراز عناصر در Grid
• 75. پوشش دادن چند ستون یا ردیف
• 76. نام‌گذاری نواحی در Grid
• 77. انیمیشن در CSS: مقدمه و مفاهیم
• 78. تعریف کلیدفریم‌ها (Keyframes)
• 79. ویژگی‌های انیمیشن (animation-name, duration)
• 80. تأخیر در انیمیشن (animation-delay)
• 81. تعداد تکرار انیمیشن (animation-iteration-count)
• 82. جهت انیمیشن (animation-direction)
• 83. حالت پر کردن انیمیشن (animation-fill-mode)
• 84. سرعت انیمیشن (animation-timing-function)
• 85. انتقال‌ها (Transitions): مقدمه و کاربرد
• 86. تعریف ویژگی‌های انتقالی (transition-property)
• 87. مدت زمان انتقال (transition-duration)
• 88. سرعت انتقال (transition-timing-function)
• 89. تأخیر انتقال (transition-delay)
• 90. تبدیلات (Transforms): مقدمه و انواع
• 91. تبدیل دو بعدی: جابجایی (translate)
• 92. تبدیل دو بعدی: چرخش (rotate)
• 93. تبدیل دو بعدی: مقیاس‌دهی (scale)
• 94. تبدیل دو بعدی: برش (skew)
• 95. تبدیل سه‌بعدی: مقدمه
• 96. نقطهٔ مبدأ تبدیل (transform-origin)
• 97. استفاده از CSS در پروژه‌های عملی
• 98. بهینه‌سازی عملکرد CSS
• 99. نکات پیشرفته در انتخابگرها
• 100. مدیریت CSS در پروژه‌های بزرگ