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

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

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

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

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

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

• 1. معرفی CSS: ستون فقرات ظاهر وب و اهمیت آن برای محتوای حقوقی
• 2. مروری بر HTML: ساختاردهی اسناد حقوقی در وب
• 3. روش‌های اتصال CSS به HTML: داخلی، خارجی، و درون‌خطی
• 4. سینتکس CSS: قواعد نوشتن دستورات و کامنت‌گذاری
• 5. ابزارهای توسعه‌دهنده مرورگر: اشکال‌زدایی و بازرسی سبک‌های حقوقی
• 6. معرفی سلکتورها: انتخاب عناصر HTML (Element, Class, ID)
• 7. مفهوم Cascade، Specificity و Inheritance در طراحی حقوقی
• 8. مدل جعبه‌ای (Box Model): درک فضای اطراف متون قانونی
• 9. واحدهای اندازه‌گیری در CSS: پیکسل، درصد، em، rem، vw، vh
• 10. کار با رنگ‌ها: نام‌ها، Hex، RGB، HSL برای برندینگ حقوقی
• 11. تنظیم خانواده فونت، اندازه و وزن برای خوانایی قوانین
• 12. استایل‌دهی به عناوین و سرفصل‌های حقوقی (H1-H6)
• 13. تراز بندی متن (Text Alignment) و جهت‌دهی (Writing Modes)
• 14. تزئین متن (Text Decoration) و تبدیل حروف (Text Transform)
• 15. تنظیم ارتفاع خط (Line Height) و فاصله حروف (Letter Spacing)
• 16. سایه متن (Text Shadow) برای تاکید بر مفاهیم کلیدی
• 17. استایل‌دهی به لینک‌ها و ارجاعات قانونی
• 18. استایل‌دهی به لیست‌ها (مرتب و نامرتب) برای مواد قانونی
• 19. استفاده از فونت‌های سفارشی (@font-face) برای هویت بصری
• 20. مدیریت سرریز متن (Text Overflow) و شکست کلمات (Word Wrap)
• 21. استایل‌دهی به نقل‌قول‌های حقوقی (Blockquote)
• 22. شبه‌کلاس‌ها (Pseudo-classes): تغییر سبک در تعاملات کاربر
• 23. شبه‌عناصر (Pseudo-elements): افزودن محتوای تولید شده (::before, ::after)
• 24. استایل‌دهی به حرف اول پاراگراف (First-letter) در مقالات حقوقی
• 25. کنترل Hyphenation و Break-Word برای متون طولانی
• 26. جزئیات مدل جعبه‌ای: Margin، Border، Padding
• 27. انواع Border، ضخامت و رنگ حاشیه‌ها
• 28. Border Radius: گرد کردن گوشه‌ها برای عناصر ظریف
• 29. Box Shadow: افزودن عمق به کارت‌ها و بخش‌های اطلاعاتی
• 30. رنگ‌های پس‌زمینه (Background Colors)
• 31. تصاویر پس‌زمینه (Background Images): لوگوها و واترمارک‌های حقوقی
• 32. موقعیت، تکرار و اندازه تصاویر پس‌زمینه
• 33. استفاده از چند تصویر پس‌زمینه
• 34. گرادیان‌ها (Gradients): پس‌زمینه‌های رنگی پویا
• 35. Opacity و Transparency: شفافیت عناصر
• 36. خاصیت Outline: خطوط خارجی برای عناصر فوکوس شده
• 37. خاصیت Display: کنترل نحوه نمایش عناصر (block, inline, inline-block)
• 38. خاصیت Overflow: مدیریت محتوای سرریز شده
• 39. خاصیت Visibility: نمایش یا عدم نمایش عناصر
• 40. Z-index: کنترل ترتیب لایه‌بندی عناصر در صفحات قانونی
• 41. مقدمه‌ای بر چیدمان (Layout): جریان عادی و موقعیت‌دهی
• 42. موقعیت‌دهی Static، Relative، Absolute، Fixed
• 43. Floats: چیدمان متون و تصاویر (مانند گزارشات قانونی)
• 44. Clear Floats: رفع مشکلات چیدمان با Float
• 45. مقدمه‌ای بر Flexbox: چیدمان‌های یک‌بعدی برای ناوبری
• 46. خصوصیات Flex Container (flex-direction, justify-content, align-items)
• 47. خصوصیات Flex Item (flex-grow, flex-shrink, flex-basis)
• 48. ساخت نوار ناوبری واکنش‌گرا برای وب‌سایت حقوقی
• 49. ایجاد یک چیدمان چند ستونه با Flexbox
• 50. مقدمه‌ای بر CSS Grid: چیدمان‌های دوبعدی برای ساختار اصلی
• 51. خصوصیات Grid Container (grid-template-columns, grid-template-rows)
• 52. Grid Gap: تنظیم فاصله بین سطرها و ستون‌ها
• 53. قرار دادن آیتم‌ها در Grid (grid-column, grid-row)
• 54. چیدمان‌های Grid واکنش‌گرا برای بانک اطلاعات قوانین
• 55. استفاده از واحد fr در Grid برای بخش‌های متناسب
• 56. توابع minmax() و repeat() در Grid
• 57. Grid Areas: تعریف مناطق نام‌گذاری شده برای چیدمان‌های پیچیده
• 58. Subgrid: گرید در داخل گرید برای کنترل بیشتر
• 59. بهترین روش‌های چیدمان برای پورتال‌های حقوقی
• 60. واحدهای Viewport: vw, vh, vmin, vmax برای چیدمان‌های پویا
• 61. طراحی واکنش‌گرا: تطبیق محتوای حقوقی با هر دستگاه
• 62. تگ متا Viewport: تنظیم مقیاس‌پذیری صفحه
• 63. Media Queries: ساختار و نقاط شکست (Breakpoints)
• 64. طراحی Mobile-First برای دسترسی‌پذیری آسان به اطلاعات حقوقی
• 65. تطبیق تصاویر و رسانه‌ها برای واکنش‌گرایی
• 66. نمایش/پنهان کردن محتوا بر اساس اندازه صفحه (مثلاً خلاصه‌ها برای موبایل)
• 67. تفاوت گرید‌های Fluid و Fixed در طراحی واکنش‌گرا
• 68. جداول واکنش‌گرا برای داده‌های قانونی پیچیده
• 69. تست طرح‌های واکنش‌گرا در مرورگرها و ابزارهای مختلف
• 70. ملاحظات عملکردی برای وب‌سایت‌های حقوقی موبایل‌پسند
• 71. CSS Transitions: انتقال‌های نرم و زیبا بین حالت‌ها
• 72. خصوصیات Transition (duration, timing-function, delay)
• 73. تبدیلات 2D (Transforms): translate, rotate, scale, skew
• 74. تبدیلات 3D (Transforms): rotateX, rotateY, perspective
• 75. مقدمه‌ای بر CSS Animations: انیمیشن‌های مبتنی بر Keyframes
• 76. خصوصیات Animation (name, duration, iteration-count, direction)
• 77. ایجاد عناصر تعاملی برای داشبوردهای قانونی
• 78. ملاحظات دسترسی‌پذیری در استفاده از انیمیشن‌ها
• 79. بهینه‌سازی عملکرد انیمیشن‌ها
• 80. افکت‌های Hover برای لینک‌های اسناد حقوقی تعاملی
• 81. متغیرهای CSS (Custom Properties): برای ثبات برندینگ حقوقی
• 82. تابع calc(): محاسبات پویا در CSS
• 83. فیلترها (Filters): اعمال افکت‌های بصری (blur, grayscale)
• 84. Blending Modes: ترکیب حالت‌های رنگی (mix-blend-mode)
• 85. خاصیت Clip-path: برش اشکال سفارشی از عناصر
• 86. Object-fit و Object-position: کنترل نمایش تصاویر در کادرهای محتوا
• 87. آشنایی با Preprocessors مانند Sass/Less: سازماندهی بهتر CSS
• 88. CSS ماژولار (BEM, SMACSS): برای پروژه‌های بزرگ حقوقی
• 89. چارچوب‌های CSS (مثلاً Bootstrap): برای نمونه‌سازی سریع
• 90. استایل‌دهی مبتنی بر کامپوننت (Component-Based Styling)
• 91. دسترسی‌پذیری وب (WCAG) و الزامات قانونی
• 92. نقش HTML معنایی در دسترسی‌پذیری وب‌سایت‌های حقوقی
• 93. کنتراست رنگ برای خوانایی متون قانونی
• 94. ناوبری با کیبورد و وضعیت‌های Focus برای عناصر
• 95. استایل‌شیت‌های چاپ (Print Stylesheets) برای اسناد قانونی
• 96. بهینه‌سازی عملکرد CSS: Minification و Critical CSS
• 97. سازگاری مرورگرها (Browser Compatibility)
• 98. سازماندهی فایل‌ها و ساختار پوشه‌ها در پروژه‌های بزرگ
• 99. بازبینی کد و اشکال‌زدایی CSS در برنامه‌های حقوقی
• 100. پروژه نهایی: طراحی یک نمایشگر اسناد حقوقی جامع

CSS for Constitutional Law: وبسایت‌های حقوقی را با استایل طراحی کنید!