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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و کاربرد آن در اقیانوس‌شناسی
• 2. نصب و راه‌اندازی ابزارهای توسعه وب
• 3. آشنایی با ساختار HTML برای CSS
• 4. اتصال فایل‌های CSS به HTML
• 5. اصول پایه‌ای سلکتورها (Selectors)
• 6. انتخاب عناصر بر اساس نام تگ
• 7. انتخاب عناصر بر اساس کلاس (Class)
• 8. انتخاب عناصر بر اساس ID
• 9. انتخاب عناصر ترکیبی (Combinators)
• 10. انتخاب کننده‌های ویژگی (Attribute Selectors)
• 11. انتخاب کننده‌های شبه‌کلاس (Pseudo-classes)
• 12. انتخاب کننده‌های شبه‌عنصر (Pseudo-elements)
• 13. مفهوم وراثت (Inheritance) در CSS
• 14. اولویت‌بندی (Specificity) قوانین CSS
• 15. قانون !important و کاربرد آن
• 16. تنظیم خواص فونت (Font Properties)
• 17. تنظیم اندازه فونت (Font Size)
• 18. تنظیم خانواده فونت (Font Family)
• 19. تنظیم وزن فونت (Font Weight)
• 20. تنظیم سبک فونت (Font Style)
• 21. تنظیم متن (Text Properties)
• 22. تراز کردن متن (Text Alignment)
• 23. فاصله خطوط (Line Height)
• 24. فاصله کلمات (Word Spacing)
• 25. فاصله حروف (Letter Spacing)
• 26. تزیینات متن (Text Decoration)
• 27. تبدیل حروف (Text Transform)
• 28. رنگ‌ها در CSS (Colors)
• 29. کدهای رنگی هگزادسیمال (Hex)
• 30. مقادیر RGB و RGBA
• 31. مقادیر HSL و HSLA
• 32. نام رنگ‌های استاندارد
• 33. مفهوم Background در CSS
• 34. رنگ پس‌زمینه (Background Color)
• 35. تصویر پس‌زمینه (Background Image)
• 36. تکرار تصویر پس‌زمینه (Background Repeat)
• 37. موقعیت تصویر پس‌زمینه (Background Position)
• 38. اندازه تصویر پس‌زمینه (Background Size)
• 39. پیوستگی تصویر پس‌زمینه (Background Attachment)
• 40. رابطه کلی Background (Background Shorthand)
• 41. جعبه مدل (Box Model)
• 42. عرض و ارتفاع عناصر (Width and Height)
• 43. پدینگ (Padding)
• 44. حاشیه (Margin)
• 45. کادر (Border)
• 46. تنظیمات کلی کادر (Border Shorthand)
• 47. ضخامت کادر (Border Width)
• 48. نوع کادر (Border Style)
• 49. رنگ کادر (Border Color)
• 50. گرد کردن گوشه‌های کادر (Border Radius)
• 51. نمایش عناصر (Display Property)
• 52. انواع مقادیر display (block, inline, inline-block)
• 53. مقادیر display (flex, grid)
• 54. مقادیر display (none, table, etc.)
• 55. مفهوم Position در CSS
• 56. موقعیت نسبی (Relative Positioning)
• 57. موقعیت مطلق (Absolute Positioning)
• 58. موقعیت ثابت (Fixed Positioning)
• 59. موقعیت چسبنده (Sticky Positioning)
• 60. خواص top, right, bottom, left
• 61. نکات پیشرفته Position
• 62. سیستم Flexbox
• 63. مفهوم Flex Container و Flex Items
• 64. خواص Flex Container (justify-content, align-items)
• 65. خواص Flex Container (flex-wrap, align-content)
• 66. خواص Flex Items (flex-grow, flex-shrink, flex-basis)
• 67. خواص Flex Items (order, align-self)
• 68. مثال‌های عملی Flexbox در طراحی اقیانوس‌شناسی
• 69. سیستم Grid
• 70. مفهوم Grid Container و Grid Items
• 71. خواص Grid Container (grid-template-columns, grid-template-rows)
• 72. خواص Grid Container (gap, grid-template-areas)
• 73. خواص Grid Items (grid-column, grid-row)
• 74. خواص Grid Items (grid-area)
• 75. مثال‌های عملی Grid در طراحی اقیانوس‌شناسی
• 76. مفهوم Responsive Design
• 77. Viewport Meta Tag
• 78. اندازه‌های پاسخگو (Responsive Units)
• 79. Media Queries
• 80. تنظیمات پایه Media Queries
• 81. استفاده از Min-width و Max-width
• 82. مثال‌های عملی Media Queries برای صفحات دریایی
• 83. طراحی جداول (Tables) با CSS
• 84. استایل‌دهی به سلول‌های جدول
• 85. تنظیم فاصله‌ها و حاشیه‌ها در جداول
• 86. جدول‌های پاسخگو
• 87. مفهوم فرم‌ها (Forms) در CSS
• 88. استایل‌دهی به عناصر ورودی (Input Fields)
• 89. استایل‌دهی به دکمه‌ها (Buttons)
• 90. استایل‌دهی به لیبل‌ها (Labels)
• 91. استایل‌دهی به ناحیه متنی (Textareas)
• 92. استایل‌دهی به انتخاب‌گرها (Selects)
• 93. فرم‌های پاسخگو
• 94. انتقال‌ها (Transitions)
• 95. تنظیم خواص انتقال (transition-property)
• 96. زمان‌بندی انتقال (transition-duration)
• 97. تاخیر انتقال (transition-delay)
• 98. سرعت انتقال (transition-timing-function)
• 99. انتقال‌های ترکیبی (Transitions Shorthand)
• 100. انیمیشن‌ها (Animations)