دوره CSS for Fleet Management Manuals همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره CSS for Fleet Management Manuals

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

موضوع میانی: CSS

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

• 1. مقدمه ای بر CSS و کاربرد آن در مستندات
• 2. اهمیت CSS برای دفترچه راهنماهای مدیریت ناوگان
• 3. ساختار پایه HTML برای تولید مستندات
• 4. نحوه اتصال فایل CSS به اسناد HTML
• 5. سینتکس CSS: قواعد، سلکتورها و دکلریشن ها
• 6. سلکتورهای نوع (Type Selectors)
• 7. سلکتورهای کلاس (Class Selectors)
• 8. سلکتورهای آی‌دی (ID Selectors)
• 9. سلکتورهای خصوصیت (Attribute Selectors)
• 10. سلکتور جهانی (Universal Selector)
• 11. کمبیناتور فرزندان (Descendant Combinator)
• 12. کمبیناتور فرزند مستقیم (Child Combinator)
• 13. کمبیناتورهای برادر (Adjacent Sibling, General Sibling)
• 14. مدل جعبه‌ای (Box Model) در CSS
• 15. کنترل عرض و ارتفاع عناصر
• 16. خاصیت Padding (فضای داخلی)
• 17. خاصیت Border (مرز)
• 18. خاصیت Margin (فضای خارجی)
• 19. تعیین رنگ پس‌زمینه
• 20. استفاده از تصاویر پس‌زمینه
• 21. کنترل تکرار و موقعیت تصاویر پس‌زمینه
• 22. مفهوم رنگ‌ها در CSS (HEX, RGB, HSL, RGBA, HSLA)
• 23. واحدهای اندازه‌گیری رایج در CSS (px, em, rem, %)
• 24. تفاوت واحدهای مطلق و نسبی
• 25. آبشار (Cascade) و اولویت (Specificity) در CSS
• 26. ارث‌بری (Inheritance) در CSS
• 27. قانون !important و موارد استفاده آن
• 28. ویژگی `font-family` برای انتخاب فونت
• 29. مدیریت اندازه فونت (`font-size`)
• 30. ویژگی‌های `font-weight` و `font-style`
• 31. استایل‌دهی به رنگ متن
• 32. تنظیم `line-height` برای خوانایی بهتر
• 33. تراز کردن متن (`text-align`)
• 34. ویژگی `text-decoration` (زیرخط، خط روی متن)
• 35. تنظیم فاصله‌گذاری حروف و کلمات
• 36. تبدیل متن (`text-transform`)
• 37. کنترل فضای خالی (`white-space`)
• 38. ایجاد مقیاس تایپوگرافی برای عنوان‌ها
• 39. استایل‌دهی به پاراگراف‌ها در دفترچه راهنما
• 40. خاصیت `display` (block, inline, inline-block)
• 41. مقدمه ای بر Floats برای چیدمان
• 42. پاک کردن Floats با `clear`
• 43. موقعیت‌یابی `static`
• 44. موقعیت‌یابی `relative`
• 45. موقعیت‌یابی `absolute`
• 46. موقعیت‌یابی `fixed`
• 47. موقعیت‌یابی `sticky`
• 48. مفهوم `z-index` و لایه‌بندی عناصر
• 49. مقدمه ای بر Flexbox برای چیدمان انعطاف‌پذیر
• 50. ویژگی‌های Container در Flexbox: `flex-direction`, `justify-content`
• 51. ویژگی‌های Container در Flexbox: `align-items`, `flex-wrap`
• 52. ویژگی‌های Item در Flexbox: `flex-grow`, `flex-shrink`, `flex-basis`
• 53. ویژگی‌های Item در Flexbox: `order`, `align-self`
• 54. مقدمه ای بر CSS Grid Layout برای چیدمان دو بعدی
• 55. ویژگی‌های Container در Grid: `grid-template-columns`, `grid-template-rows`
• 56. ویژگی‌های Container در Grid: `grid-gap` (columns, rows)
• 57. ویژگی‌های Item در Grid: `grid-column`, `grid-row`
• 58. ایجاد چیدمان‌های چند ستونه برای دفترچه راهنما
• 59. استایل‌دهی به منوهای ناوبری (مانند فهرست مطالب)
• 60. استایل‌دهی به لینک‌ها و حالت‌های آن‌ها (hover, active, visited, focus)
• 61. استایل‌دهی به لیست‌های مرتب و نامرتب برای مراحل کاری
• 62. سفارشی‌سازی نشانگرهای لیست
• 63. استایل‌دهی پایه به جداول (borders, padding)
• 64. رنگ‌آمیزی متناوب ردیف‌های جدول (Zebra Tables)
• 65. جداول ریسپانسیو برای نمایش داده‌ها در دستگاه‌های مختلف
• 66. استایل‌دهی به تصاویر و شکل‌ها همراه با زیرنویس
• 67. ساخت جعبه‌های هشدار، توجه و نکات (Callout Boxes)
• 68. استایل‌دهی به بلوک‌های کد و متن پیش‌فرمت شده
• 69. مقدمه ای بر استایل‌شیت‌های چاپ
• 70. پرس‌وجوهای رسانه برای چاپ (Media Queries for Print)
• 71. پنهان کردن عناصر غیرضروری برای چاپ
• 72. تنظیم چیدمان برای چاپ (مانند تک ستونه)
• 73. کنترل شکست صفحه (`page-break-before`, `after`, `inside`)
• 74. کنترل خطوط تنها (Orphans) و بیوه (Widows) در چاپ
• 75. افزودن سرصفحه و پاصفحه به صفحات چاپی (`@page`, generated content)
• 76. تنظیم حاشیه‌های چاپ
• 77. مقدمه ای بر طراحی ریسپانسیو (Responsive Design)
• 78. تگ متا Viewport
• 79. پرس‌وجوهای رسانه برای اندازه‌های مختلف صفحه نمایش
• 80. اصول طراحی Mobile-First
• 81. تصاویر و رسانه‌های انعطاف‌پذیر (Fluid Images and Media)
• 82. متغیرهای CSS (Custom Properties)
• 83. پیاده‌سازی توکن‌های طراحی با متغیرهای CSS
• 84. شبه‌عناصر `::before` و `::after`
• 85. تولید محتوا با CSS
• 86. انتقال‌ها (Transitions) در CSS برای انیمیشن‌های ظریف
• 87. تبدیل‌های پایه در CSS (translate, scale, rotate)
• 88. مقدمه ای بر دسترسی‌پذیری (Accessibility) در CSS
• 89. استایل‌دهی برای کنتراست بالا
• 90. مدیریت فوکوس با CSS
• 91. استایل‌دهی برای حالت تاریک (Dark Mode)
• 92. CSS Reset در مقابل Normalize.css
• 93. ابزارهای توسعه‌دهنده مرورگر برای دیباگ CSS
• 94. بهینه‌سازی CSS برای بهبود عملکرد
• 95. استایل‌دهی به بخش‌های مشخصات فنی وسایل نقلیه
• 96. قالب‌بندی جداول زمان‌بندی نگهداری و تعمیرات
• 97. طراحی چک‌لیست‌های رویه ایمنی
• 98. استایل‌دهی به نمایش لیست قطعات یدکی
• 99. پیاده‌سازی دستورالعمل‌های برندینگ با CSS
• 100. ساخت یک راهنمای استایل قابل استفاده مجدد برای دفترچه راهنماهای ناوگان