دوره CSS for Non-profit Organizations همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره CSS for Non-profit Organizations

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

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

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

• 1. آشنایی با اصول CSS
• 2. مبانی انتخابگرها در CSS
• 3. نحوهٔ استفاده از خصوصیات CSS
• 4. مدیریت ابعاد عناصر (Width & Height)
• 5. کادربندی (Box Model) در CSS
• 6. فضای داخلی و خارجی (Padding & Margin)
• 7. استفاده از رنگ‌ها و پس‌زمینه‌ها
• 8. مدیریت فونت‌ها و متن (Typography)
• 9. تنظیمات پاراگراف و خطوط
• 10. کار با لیست‌ها در CSS
• 11. استفاده از لینک‌ها و دکمه‌ها
• 12. قوانین نمایش (Display Properties)
• 13. موقعیت‌دهی عناصر (Positioning)
• 14. انتقال و تبدیل عناصر (Transforms)
• 15. انیمیشن‌ها در CSS (Animations)
• 16. گذارها (Transitions) در CSS
• 17. طراحی واکنش‌گرا (Responsive Design)
• 18. مدیریت واحدها در CSS (Units)
• 19. استفاده از متغیرها در CSS (Custom Properties)
• 20. طراحی فرم‌ها در CSS
• 21. استفاده از آیکن‌ها (Iconography)
• 22. اصول طراحی برای سازمان‌های غیرانتفاعی
• 23. اهمیت هویت بصری در سازمان‌های غیرانتفاعی
• 24. ساختاردهی CSS برای پروژه‌های سازمانی
• 25. بهینه‌سازی CSS برای عملکرد (Performance)
• 26. اصول دسترسی‌پذیری (Accessibility) در وب
• 27. طراحی رابط کاربری (UI) برای وب‌سایت‌های غیرانتفاعی
• 28. تجربه کاربری (UX) در وب‌سایت‌های غیرانتفاعی
• 29. مدیریت محتوای وب‌سایت‌های خیریه
• 30. اصول سئو (SEO) برای وب‌سایت‌های غیرانتفاعی
• 31. استفاده از CSS فریم‌ورک‌ها (مانند Bootstrap)
• 32. مبانی Grid Layout در CSS
• 33. استفاده از Flexbox در CSS
• 34. طراحی هدر (Header) و فوتر (Footer)
• 35. ساخت منوهای ناوبری (Navigation Menus)
• 36. استفاده از CSS برای گالری تصاویر
• 37. طراحی اسلایدرها (Sliders)
• 38. مدیریت فرم‌های ثبت‌نام و تماس
• 39. بهینه‌سازی تصاویر برای وب
• 40. استفاده از فونت‌های سفارشی (Custom Fonts)
• 41. اصول طراحی برای جذب کمک‌های مالی
• 42. نمایش اطلاعات و آمار سازمان
• 43. طراحی بخش درباره ما (About Us)
• 44. طراحی بخش پروژه‌ها و فعالیت‌ها
• 45. طراحی بخش اخبار و رویدادها
• 46. طراحی بخش تماس با ما
• 47. مدیریت بخش مشارکت‌کنندگان (Donors)
• 48. استفاده از CSS برای نمایش نقشه‌ها
• 49. اصول طراحی برای افزایش آگاهی‌بخشی
• 50. طراحی بخش گزارش‌ها و شفافیت مالی
• 51. مدیریت بخش داوطلبان (Volunteers)
• 52. استفاده از CSS برای ایجاد فرم‌های نظرسنجی
• 53. طراحی بخش سوالات متداول (FAQ)
• 54. اصول طراحی برای ایجاد اعتماد
• 55. استفاده از CSS برای نمایش نقل قول‌ها
• 56. طراحی بخش گواهینامه‌ها و افتخارات
• 57. مدیریت بخش حامیان مالی (Sponsors)
• 58. استفاده از CSS برای نمایش جدول‌ها
• 59. طراحی بخش فرصت‌های شغلی
• 60. اصول طراحی برای ترویج فرهنگ سازمانی
• 61. استفاده از CSS برای ایجاد کارت‌های اطلاعاتی
• 62. طراحی بخش وبلاگ یا مقالات
• 63. مدیریت بخش گالری ویدئو
• 64. استفاده از CSS برای ایجاد تقویم رویدادها
• 65. طراحی بخش اعضای هیئت مدیره
• 66. اصول طراحی برای تشویق به اقدام
• 67. استفاده از CSS برای نمایش نمودارها
• 68. طراحی بخش کمپین‌های جمع‌آوری کمک
• 69. مدیریت بخش تشکر از حامیان
• 70. استفاده از CSS برای ایجاد تایم‌لاین (Timeline)
• 71. طراحی بخش داستان‌های موفقیت
• 72. اصول طراحی برای بیان تأثیرگذاری
• 73. استفاده از CSS برای ایجاد افکت‌های هاور (Hover Effects)
• 74. طراحی بخش فرم درخواست کمک
• 75. مدیریت بخش رویدادهای ویژه
• 76. استفاده از CSS برای ساخت چرخ‌فلک (Carousel)
• 77. طراحی بخش معرفی تیم
• 78. اصول طراحی برای ایجاد حس تعلق
• 79. استفاده از CSS برای ایجاد پنجره‌های مدال (Modal Windows)
• 80. طراحی بخش فرم ثبت‌نام در خبرنامه
• 81. مدیریت بخش گالری دستاوردها
• 82. استفاده از CSS برای ایجاد اسکرول‌بار سفارشی
• 83. طراحی بخش معرفی شرکای سازمانی
• 84. اصول طراحی برای تسهیل ارتباط
• 85. استفاده از CSS برای ایجاد لایه‌بندی (Layering)
• 86. طراحی بخش فرم ثبت‌نام رویداد
• 87. مدیریت بخش گالری تقدیرنامه‌ها
• 88. استفاده از CSS برای ایجاد ماسک (Masks)
• 89. طراحی بخش معرفی بخش‌های مختلف سازمان
• 90. اصول طراحی برای نمایش اهداف و چشم‌انداز
• 91. استفاده از CSS برای ایجاد افکت‌های پارالاکس (Parallax Effects)
• 92. طراحی بخش فرم مشارکت داوطلبانه
• 93. مدیریت بخش گالری عکس‌های سازمانی
• 94. استفاده از CSS برای ایجاد سایه‌های پیچیده
• 95. طراحی بخش معرفی ارزش‌های سازمانی
• 96. اصول طراحی برای ایجاد تجربه کاربری لذت‌بخش
• 97. استفاده از CSS برای ایجاد انیمیشن‌های سفارشی
• 98. طراحی بخش فرم درخواست همکاری
• 99. مدیریت بخش گالری پوسترها و بنرها
• 100. استفاده از CSS برای ایجاد افکت‌های شیشه‌ای