فلش‌کارت‌های آموزشی CSS for Online Assessments

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب CSS for Online Assessments

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

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

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مقدمه ای بر CSS برای آزمون های آنلاین
• 2. چرا CSS برای آزمون های آنلاین مهم است؟
• 3. کاربرد CSS در طراحی رابط کاربری آزمون
• 4. اصول اولیه CSS: انتخابگرها، خواص و مقادیر
• 5. نحوه اتصال CSS به HTML
• 6. انواع شیوه نامه ها: داخلی، خارجی و درون خطی
• 7. دستورالعمل های عمومی طراحی برای آزمون های آنلاین
• 8. تایپوگرافی و انتخاب فونت
• 9. خوانایی متن در آزمون ها
• 10. استفاده از فونت های وب (Web Fonts)
• 11. تنظیم اندازه فونت و ارتفاع خط
• 12. رنگ ها و کنتراست
• 13. انتخاب پالت رنگی مناسب
• 14. کنتراست متن و پس زمینه
• 15. دستورالعمل های دسترسی (Accessibility) در رنگ ها
• 16. طراحی ریسپانسیو (Responsive Design)
• 17. مفهوم طراحی ریسپانسیو
• 18. استفاده از واحدهای نسبی (em, rem, %)
• 19. مدیریت اندازه صفحه نمایش با Media Queries
• 20. طراحی برای موبایل، تبلت و دسکتاپ
• 21. چیدمان (Layout)
• 22. مدل جعبه ای CSS (Box Model)
• 23. حاشیه، پر کردن و مرز (Margin, Padding, Border)
• 24. استفاده از Flexbox برای چیدمان
• 25. استفاده از CSS Grid برای چیدمان
• 26. موقعیت دهی عناصر (Positioning)
• 27. صفحه بندی آزمون
• 28. طراحی بخش های مختلف آزمون (عنوان، دستورالعمل، سوالات، دکمه ها)
• 29. چیدمان سوالات (تک ستونی، چند ستونی)
• 30. فواصل بین عناصر
• 31. کارت ها و کانتینرها
• 32. عناصر تعاملی
• 33. دکمه ها: استایل دهی، حالت ها (hover, active, focus)
• 34. فیلد های ورودی: استایل دهی (text, number, checkbox, radio)
• 35. لیست ها و گزینه های انتخابی
• 36. اسلایدرها و کنترل های سفارشی
• 37. منوها و ناوبری (در صورت وجود)
• 38. فرم ها
• 39. استایل دهی به برچسب ها (Labels)
• 40. استایل دهی به فیلدهای ورودی و textarea
• 41. استایل دهی به دکمه های ارسال و ریست
• 42. اعتبارسنجی فرم و پیام های خطا
• 43. جداول (برای سوالات یا اطلاعات)
• 44. استایل دهی به سلول ها و ردیف ها
• 45. مرز بندی و پس زمینه جداول
• 46. پاسخگویی جداول
• 47. تصاویر و رسانه ها
• 48. اندازه دهی تصاویر
• 49. تراز بندی تصاویر
• 50. اضافه کردن کپشن (Caption)
• 51. استایل دهی به ویدئو و صدا
• 52. انیمیشن و افکت ها
• 53. ایجاد انیمیشن های ساده برای بازخورد
• 54. استفاده از Transition برای تغییرات نرم
• 55. افکت های هاور (Hover Effects)
• 56. تغییر رنگ، اندازه، سایه
• 57. بازخورد بصری
• 58. نمایش وضعیت سوال (پاسخ داده شده، پاسخ نداده، صحیح، غلط)
• 59. هایلایت کردن عناصر مهم
• 60. استفاده از آیکون ها
• 61. استایل دهی به آیکون ها (Font Awesome, Material Icons)
• 62. موقعیت دهی آیکون ها
• 63. رنگ بندی آیکون ها
• 64. دسترسی پذیری (Accessibility)
• 65. استفاده از رنگ های با کنتراست کافی
• 66. استفاده از تگ های معنایی HTML5
• 67. استایل دهی برای صفحه خوان ها (Screen Readers)
• 68. قابلیت پیمایش با کیبورد (Keyboard Navigation)
• 69. تنظیمات فونت قابل تنظیم توسط کاربر
• 70. تم های روشن و تاریک (Light & Dark Themes)
• 71. طراحی تم روشن
• 72. طراحی تم تاریک
• 73. سوئیچ بین تم ها (با استفاده از جاوا اسکریپت)
• 74. کاربرد CSS Variables (Custom Properties)
• 75. تعریف متغیرها برای رنگ، فونت، فاصله
• 76. استفاده از متغیرها در سراسر شیوه نامه
• 77. مدیریت آسان تر تم ها و استایل ها
• 78. بهینه سازی عملکرد
• 79. کاهش اندازه فایل CSS
• 80. استفاده از تکنیک های فشرده سازی
• 81. بارگذاری تنبل (Lazy Loading) برای استایل ها (در صورت نیاز)
• 82. سازگاری مرورگرها
• 83. تست و عیب یابی CSS
• 84. استفاده از ابزارهای توسعه دهنده مرورگر
• 85. رفع مشکلات سازگاری
• 86. نکات پیشرفته
• 87. استفاده از Pseudo-elements (::before, ::after)
• 88. استفاده از Pseudo-classes (:nth-child, :checked)
• 89. استفاده از Mixins و Extend در SASS/LESS (اگر از پیش پردازنده استفاده می شود)
• 90. تکنیک های Grid برای چیدمان پیچیده
• 91. مدیریت Scrollbars
• 92. استایل دهی به Scrollbars سفارشی
• 93. مدیریت Scrollbars در بخش های خاص
• 94. طراحی برای زبان های راست به چپ (RTL)
• 95. استفاده از direction: rtl
• 96. تنظیمات خاص برای زبان های RTL
• 97. استایل دهی به پیام ها و اعلان ها
• 98. پیام های موفقیت، خطا، هشدار
• 99. استایل دهی به Modal ها و Pop-up ها
• 100. مدیریت فضای سفید (Whitespace)