کتاب صوتی CSS for Administrative Law

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

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

عنوان دوره: دوره CSS for Administrative Law

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در حقوق اداری
• 2. چرا CSS برای مستندات حقوق اداری اهمیت دارد؟
• 3. آشنایی با ساختار یک سند وب (HTML)
• 4. سه روش افزودن CSS به یک صفحه: داخلی، خارجی و درون‌خطی
• 5. سینتکس پایه CSS: انتخابگر، خصوصیت و مقدار
• 6. اولین استایل شما: تغییر رنگ و فونت متن
• 7. کار با ابزارهای توسعه‌دهنده مرورگر (Developer Tools)
• 8. مفهوم Cascade (آبشار) و وراثت (Inheritance) در CSS
• 9. نحوه افزودن کامنت در کدهای CSS
• 10. سازماندهی فایل‌های CSS در یک پروژه حقوقی
• 11. انتخابگرهای اصلی: تگ، کلاس و شناسه (ID)
• 12. انتخابگرهای ترکیبی (Combinators): فرزند، نسل و همسایه
• 13. انتخابگرهای صفت (Attribute Selectors) برای فرم‌های اداری
• 14. گروه‌بندی انتخابگرها برای اعمال استایل یکسان
• 15. کلاس‌های کاذب (Pseudo-classes): استایل‌دهی به حالت‌های مختلف
• 16. کلاس‌های کاذب تعاملی: :hover, :active, :focus
• 17. کلاس‌های کاذب ساختاری: :first-child, :last-child, :nth-child
• 18. عناصر کاذب (Pseudo-elements): ::before و ::after
• 19. کاربرد عناصر کاذب برای شماره‌گذاری اتوماتیک مواد قانونی
• 20. اولویت و امتیازدهی انتخابگرها (Specificity)
• 21. مفهوم Box Model: محتوا، Padding, Border, Margin
• 22. واحدها در CSS: پیکسل (px)، درصد (%) و em/rem
• 23. کنترل ابعاد: خصوصیات width و height
• 24. خصوصیت box-sizing: border-box برای کنترل بهتر ابعاد
• 25. تنظیم فاصله‌های داخلی با Padding
• 26. تنظیم فاصله‌های خارجی با Margin و تکنیک‌های آن
• 27. استایل‌دهی به حاشیه‌ها (Borders): ضخامت، نوع و رنگ
• 28. گرد کردن گوشه‌ها با border-radius
• 29. کنترل سرریز محتوا با خصوصیت overflow
• 30. مفهوم سایه‌ها: box-shadow برای کادرها
• 31. مقدمه‌ای بر تایپوگرافی در وب برای متون رسمی
• 32. انتخاب فونت مناسب با font-family و فونت‌های امن وب
• 33. استفاده از فونت‌های سفارشی با @font-face
• 34. تنظیم اندازه فونت با font-size
• 35. تنظیم وزن فونت با font-weight و استایل با font-style
• 36. رنگ متن و پس‌زمینه: color و background-color
• 37. تراز کردن متن: text-align برای پاراگراف‌های حقوقی
• 38. تزئین متن: text-decoration برای لینک‌ها و ارجاعات
• 39. تغییر حالت حروف با text-transform
• 40. تنظیم فاصله بین خطوط با line-height برای خوانایی بهتر
• 41. تنظیم فاصله بین حروف و کلمات
• 42. استایل‌دهی به لیست‌های شماره‌دار (ordered) و بدون شماره (unordered)
• 43. کنترل شکستن کلمات طولانی در متون حقوقی
• 44. خصوصیت white-space برای کنترل فضاهای خالی
• 45. ایجاد تورفتگی در خط اول پاراگراف با text-indent
• 46. افزودن سایه به متن با text-shadow
• 47. مفهوم چیدمان (Layout) در CSS
• 48. خصوصیت display: بلاک، درون‌خطی و درون‌خطی-بلاک
• 49. مخفی کردن عناصر با display: none و visibility: hidden
• 50. مدل چیدمان قدیمی: Float و Clear
• 51. موقعیت‌یابی عناصر (Positioning): static, relative, absolute
• 52. موقعیت‌یابی ثابت و چسبان: fixed و sticky
• 53. کنترل لایه‌ها روی هم با z-index
• 54. مقدمه‌ای بر Flexbox برای چیدمان‌های یک‌بعدی
• 55. ویژگی‌های کانتینر Flexbox: flex-direction, justify-content
• 56. ویژگی‌های کانتینر Flexbox: align-items, align-content, flex-wrap
• 57. ویژگی‌های آیتم‌های Flexbox: flex-grow, flex-shrink, flex-basis
• 58. تراز کردن آیتم‌ها به صورت مجزا با align-self
• 59. مثال عملی: ساخت نوار ناوبری یک پورتال دولتی با Flexbox
• 60. مقدمه‌ای بر Grid برای چیدمان‌های دوبعدی
• 61. تعریف یک گرید: grid-template-columns و grid-template-rows
• 62. قرار دادن آیتم‌ها در گرید بر اساس شماره خطوط
• 63. استفاده از نام برای خطوط گرید
• 64. ایجاد فاصله بین خانه‌های گرید با gap
• 65. مثال عملی: طراحی چیدمان یک فرم اداری پیچیده با Grid
• 66. استفاده از پس‌زمینه‌های تصویری (background-image)
• 67. کنترل تکرار و موقعیت تصویر پس‌زمینه
• 68. تغییر اندازه تصویر پس‌زمینه با background-size
• 69. ایجاد گرادیان‌های رنگی به عنوان پس‌زمینه
• 70. استفاده از چندین پس‌زمینه برای یک عنصر
• 71. خصوصیت opacity برای ایجاد شفافیت
• 72. استایل‌دهی به جداول: border-collapse
• 73. استایل‌دهی به سرآیند، بدنه و پاورقی جدول (thead, tbody, tfoot)
• 74. ایجاد جداول واکنش‌گرا (Responsive)
• 75. استایل‌دهی به فرم‌ها: input, textarea, select
• 76. استایل‌دهی به دکمه‌ها (buttons)
• 77. استایل‌دهی به برچسب‌ها (labels) و گروه‌بندی فیلدها
• 78. استایل‌دهی به حالت‌های مختلف فیلدها: :focus, :valid, :invalid
• 79. شخصی‌سازی Checkbox و Radio Button
• 80. طراحی یک فرم درخواست آنلاین کامل
• 81. مقدمه‌ای بر طراحی واکنش‌گرا (Responsive Design)
• 82. استفاده از متا تگ viewport
• 83. مفهوم Media Queries و نقاط شکست (Breakpoints)
• 84. رویکرد Mobile-First در طراحی واکنش‌گرا
• 85. استفاده از واحدهای نسبی (rem, %, vw, vh) برای واکنش‌گرایی
• 86. ایجاد تصاویر واکنش‌گرا
• 87. مقدمه‌ای بر استایل‌های چاپ (@media print)
• 88. مخفی کردن عناصر غیرضروری در نسخه چاپی
• 89. تنظیم فونت، رنگ و حاشیه برای چاپ
• 90. کنترل شکسته‌شدن صفحات (Page Breaks) در چاپ
• 91. متغیرها در CSS (Custom Properties) و کاربرد آن در تم‌سازی
• 92. انتقال‌ها (Transitions) برای ایجاد افکت‌های نرم
• 93. انیمیشن‌های ساده با @keyframes و خصوصیت animation
• 94. توابع در CSS: calc(), var()
• 95. بهینه‌سازی و کاهش حجم فایل‌های CSS
• 96. مقدمه‌ای بر مفاهیم دسترسی‌پذیری (Accessibility) در CSS
• 97. استفاده از CSS برای بهبود تجربه کاربران صفحه‌خوان
• 98. اطمینان از کنتراست رنگ کافی
• 99. سازماندهی کدهای CSS با روش‌شناسی BEM
• 100. پروژه نهایی: استایل‌دهی به یک صفحه کامل از یک آیین‌نامه دولتی