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

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

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

عنوان دوره: دوره CSS for Advertising

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

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

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

• 1. مبانی CSS و جایگاه آن در تبلیغات آنلاین
• 2. تاریخچه و تکامل CSS
• 3. اهمیت CSS در طراحی رابط کاربری تبلیغات
• 4. ساختار کلی یک فایل CSS
• 5. انتخابگرهای CSS: تگ، کلاس و ID
• 6. انتخابگرهای پیشرفته: صفات، شبه‌کلاس‌ها و شبه‌عناصر
• 7. نوشتن CSS درون HTML: Inline, Internal و External
• 8. مدیریت cascades و اولویت‌بندی قوانین CSS
• 9. واحدها در CSS: پیکسل، em، rem، vw، vh و درصد
• 10. رنگ‌ها در CSS: نام‌ها، مقادیر هگزادسیمال، RGB و RGBA
• 11. شفافیت رنگ‌ها با RGBA
• 12. مدیریت پس‌زمینه (Background): رنگ، تصویر و تکرار
• 13. مشخصات موقعیت و تکرار تصاویر پس‌زمینه
• 14. خاصیت `background-attachment` و Scroll Effect
• 15. خاصیت `background-origin` و `background-clip`
• 16. مدیریت فونت‌ها: انتخاب فونت، وزن و استایل
• 17. وب‌فونت‌ها (Web Fonts) و نحوه استفاده از آن‌ها
• 18. تنظیم اندازه و فاصله خطوط (Line Height)
• 19. خاصیت `text-decoration` و `text-transform`
• 20. مدیریت تراز متن و فاصله‌گذاری بین کلمات
• 21. خاصیت `letter-spacing` و `word-spacing`
• 22. خاصیت `text-shadow` برای ایجاد افکت‌های متنی
• 23. مدیریت کادربندی (Borders): ضخامت، استایل و رنگ
• 24. تنظیم گوشه‌های گرد با `border-radius`
• 25. مدیریت فاصله‌های داخلی (Padding)
• 26. مدیریت فاصله‌های خارجی (Margin)
• 27. مدیریت `box-sizing`: `content-box` و `border-box`
• 28. مدیریت نمایش عناصر: `display` (block, inline, inline-block)
• 29. خاصیت `display: flex` برای چیدمان انعطاف‌پذیر
• 30. تنظیمات اصلی Flexbox: `justify-content` و `align-items`
• 31. مدیریت جهت و ترتیب در Flexbox: `flex-direction` و `flex-wrap`
• 32. خاصیت `flex-grow`, `flex-shrink` و `flex-basis`
• 33. مدیریت نمایش عناصر: `display: grid` برای چیدمان شبکه‌ای
• 34. تنظیمات اصلی Grid: `grid-template-columns` و `grid-template-rows`
• 35. مدیریت گپ‌ها در Grid: `grid-gap`
• 36. خاصیت `grid-column` و `grid-row`
• 37. خاصیت `position`: `static`, `relative`, `absolute`, `fixed`, `sticky`
• 38. تنظیمات `top`, `right`, `bottom`, `left` برای عناصر موقعیت‌دهی شده
• 39. مدیریت لایه‌ها با `z-index`
• 40. انتقال‌ها (Transitions) در CSS: تعریف و کاربرد
• 41. تنظیمات `transition-property`, `transition-duration`, `transition-timing-function`, `transition-delay`
• 42. انتقال‌های چندگانه
• 43. انیمیشن‌ها (Animations) در CSS: `keyframes`
• 44. تعریف فریم‌های کلیدی انیمیشن
• 45. تنظیمات `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`
• 46. تکرار و جهت انیمیشن: `animation-iteration-count` و `animation-direction`
• 47. خاصیت `animation-fill-mode`
• 48. مدیریت انیمیشن‌های پیچیده
• 49. استفاده از CSS برای ایجاد افکت‌های بصری جذاب در تبلیغات
• 50. ساخت دکمه‌های تعاملی با CSS
• 51. افکت‌های هاور (Hover Effects) برای عناصر تبلیغاتی
• 52. تغییرات رنگ و اندازه با هاور
• 53. افکت‌های متحرک روی تصاویر
• 54. ایجاد فرم‌های واکنش‌گرا با CSS
• 55. مدیریت نمایش عناصر در اندازه‌های مختلف صفحه (Responsive Design)
• 56. استفاده از Media Queries برای طراحی واکنش‌گرا
• 57. تعریف نقاط شکست (Breakpoints)
• 58. بهینه‌سازی تصاویر برای تبلیغات با CSS
• 59. استفاده از SVG در تبلیغات و مدیریت آن با CSS
• 60. مدیریت فونت‌های فارسی و عربی در CSS
• 61. نکات کلیدی در طراحی تبلیغات مؤثر با CSS
• 62. بررسی مثال‌های موفق تبلیغات مبتنی بر CSS
• 63. اشتباهات رایج در استفاده از CSS برای تبلیغات
• 64. ابزارهای توسعه‌دهنده مرورگر برای اشکال‌زدایی CSS
• 65. اصول دسترسی‌پذیری (Accessibility) در طراحی تبلیغات
• 66. بهینه‌سازی عملکرد (Performance) CSS در تبلیغات
• 67. استفاده از CSS Preprocessors (مانند Sass/SCSS)
• 68. مفاهیم پیشرفته‌تر در Sass/SCSS: Mixins, Variables, Functions
• 69. مدیریت پروژه‌های CSS بزرگ
• 70. استفاده از فریم‌ورک‌های CSS (مانند Bootstrap/Tailwind CSS)
• 71. تنظیمات سفارشی در فریم‌ورک‌های CSS
• 72. نکات حقوقی و رعایت مقررات در تبلیغات دیجیتال (ایران)
• 73. اهمیت رعایت چارچوب‌های شرعی در محتوای بصری
• 74. رعایت استانداردهای پوشش و حجاب در تصاویر تبلیغاتی
• 75. پرهیز از محتوای ترویج‌کننده موارد ممنوع شرعی
• 76. استفاده از رنگ‌ها و طرح‌های متناسب با فرهنگ ایرانی-اسلامی
• 77. مدیریت اطلاعات حساس و جلوگیری از نقض حریم خصوصی
• 78. رعایت قوانین مربوط به بانک مرکزی در تراکنش‌های مالی تبلیغات
• 79. پرهیز از ترویج خشونت، قمار و مواد مخدر
• 80. تأکید بر خانواده و ارزش‌های اسلامی در طراحی
• 81. استفاده از زبان فارسی صحیح و محترمانه
• 82. پرهیز از کلیشه‌های جنسیتی و قومیتی
• 83. رعایت اصول اخلاقی در تبلیغات
• 84. تحلیل و بررسی نمونه‌های تبلیغات منطبق با قوانین
• 85. ساخت تبلیغات تعاملی بدون نقض قوانین
• 86. مدیریت نمایش محتوای تبلیغاتی برای گروه‌های سنی مختلف
• 87. اصول طراحی تبلیغات آموزشی مطابق با چارچوب رسمی
• 88. تأثیر CSS بر نرخ تبدیل (Conversion Rate) در تبلیغات
• 89. آینده CSS در تبلیغات دیجیتال