کتاب صوتی HTML و CSS: مرجع کامل برای طراحی وب مدرن و واکنش‌گرا

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

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

عنوان دوره: دوره HTML و CSS: مرجع کامل برای طراحی وب مدرن و واکنش‌گرا

موضوع کلی: طراحی و توسعه وب فرانت‌اند

موضوع میانی: مبانی و تکنیک‌های پیشرفته HTML و CSS

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

• 1. مقدمه‌ای بر طراحی وب و ابزارهای فرانت‌اند
• 2. تاریخچه HTML و CSS
• 3. نصب و راه‌اندازی محیط توسعه
• 4. ساختار اولیه سند HTML
• 5. برچسب‌ها و عناصر HTML
• 6. ویژگی‌های (Attributes) عناصر HTML
• 7. کار با متن و پاراگراف‌ها
• 8. عنوان‌بندی در HTML
• 9. لیست‌ها در HTML (مرتب و نامرتب)
• 10. پیوندها (Links) در HTML
• 11. تصاویر (Images) در HTML
• 12. جداول (Tables) در HTML
• 13. فرم‌ها (Forms) در HTML: مقدمه
• 14. عناصر ورودی در فرم‌ها (Text, Password, Email, URL)
• 15. دکمه‌ها در فرم‌ها (Submit, Reset, Button)
• 16. چک‌باکس‌ها و رادیو باتن‌ها
• 17. انتخاب‌گرها (Select Boxes)
• 18. متن‌خانه‌ها (Textareas)
• 19. فیلدهای مخفی (Hidden Fields)
• 20. اعتبارسنجی اولیه فرم‌ها
• 21. ساختاردهی محتوا با Semantic HTML
• 22. برچسب‌های معنایی (Section, Article, Aside, Nav, Header, Footer)
• 23. دسته‌بندی و گروه‌بندی محتوا (Div, Span)
• 24. عناصر چندرسانه‌ای (Audio, Video)
• 25. عناصر Inline و Block-level
• 26. کدهای HTML قابل نمایش
• 27. کدهای HTML کامنت‌شونده
• 28. کاراکترهای خاص و انتیتی‌ها
• 29. کدگذاری کاراکترها (Character Encoding)
• 30. بخش head در HTML
• 31. عنصر title
• 32. عنصر meta (Description, Keywords, Viewport)
• 33. عنصر link و style
• 34. عناصر script
• 35. فضاهای خالی (Whitespace) در HTML
• 36. استانداردهای HTML5
• 37. معرفی CSS
• 38. تفاوت HTML و CSS
• 39. روش‌های اضافه کردن CSS به HTML (Inline, Internal, External)
• 40. انتخاب‌گرهای (Selectors) CSS: مقدمه
• 41. انتخاب‌گرهای نوع (Type Selectors)
• 42. انتخاب‌گرهای کلاس (Class Selectors)
• 43. انتخاب‌گرهای شناسه (ID Selectors)
• 44. انتخاب‌گرهای عمومی (Universal Selector)
• 45. انتخاب‌گرهای ترکیبی (Combinators)
• 46. انتخاب‌گرهای فرزند (Child Combinators)
• 47. انتخاب‌گرهای خواهر و برادری (Adjacent & General Sibling Combinators)
• 48. انتخاب‌گرهای صفات (Attribute Selectors)
• 49. انتخاب‌گرهای شبه‌کلاس (Pseudo-classes): مقدمه
• 50. `:hover`, `:active`, `:focus`
• 51. `:nth-child`, `:first-child`, `:last-child`
• 52. `:empty`, `:not()`
• 53. انتخاب‌گرهای شبه‌عنصر (Pseudo-elements): مقدمه
• 54. `::before`, `::after`
• 55. `::first-letter`, `::first-line`
• 56. نحوه اولویت‌بندی (Specificity) در CSS
• 57. قانون `!important`
• 58. خواص (Properties) و مقادیر (Values) در CSS
• 59. واحدها در CSS (px, em, rem, %, vw, vh)
• 60. رنگ‌ها در CSS (نام رنگ، HEX, RGB, RGBA, HSL, HSLA)
• 61. پس‌زمینه‌ها (Backgrounds): `background-color`
• 62. تصاویر پس‌زمینه: `background-image`
• 63. تکرار پس‌زمینه: `background-repeat`
• 64. موقعیت پس‌زمینه: `background-position`
• 65. اندازه پس‌زمینه: `background-size`
• 66. ضمیمه پس‌زمینه: `background-attachment`
• 67. خواص خلاصه‌شده پس‌زمینه: `background`
• 68. متن (Text): `color`
• 69. ترازبندی متن: `text-align`
• 70. تزئین متن: `text-decoration`
• 71. تغییر حالت حروف: `text-transform`
• 72. فاصله بین خطوط: `line-height`
• 73. تورفتگی متن: `text-indent`
• 74. فاصله بین کلمات و حروف: `word-spacing`, `letter-spacing`
• 75. فونت (Font): `font-family`
• 76. اندازه فونت: `font-size`
• 77. وزن فونت: `font-weight`
• 78. سبک فونت: `font-style`
• 79. خواص خلاصه‌شده فونت: `font`
• 80. حاشیه‌ها (Margins): `margin`
• 81. فاصله داخلی (Padding): `padding`
• 82. حاشیه‌های خارجی (Borders): `border-width`, `border-style`, `border-color`
• 83. خواص خلاصه‌شده حاشیه: `border`
• 84. حاشیه‌های منفرد (border-top, border-right, border-bottom, border-left)
• 85. شعاع حاشیه: `border-radius`
• 86. جعبه مدل (Box Model): درک کامل
• 87. عرض و ارتفاع عناصر: `width`, `height`
• 88. حداقل و حداکثر عرض و ارتفاع: `min-width`, `max-width`, `min-height`, `max-height`
• 89. نحوه نمایش عناصر (Display): `inline`, `block`, `inline-block`
• 90. نحوه نمایش عناصر (Display): `none`, `flex`, `grid`
• 91. شناور کردن (Float) و پاکسازی شناوری (Clearfix)
• 92. موقعیت‌دهی (Positioning): `static`, `relative`, `absolute`, `fixed`, `sticky`
• 93. خواص `top`, `right`, `bottom`, `left`
• 94. لایه بندی (Z-index)
• 95. مدیریت سرریز (Overflow): `visible`, `hidden`, `scroll`, `auto`
• 96. دکمه‌ها و لینک‌های سبک‌دهی شده
• 97. ناوبری (Navigation) با CSS
• 98. فرم‌های سبک‌دهی شده
• 99. عناصر جدولی سبک‌دهی شده
• 100. استفاده از فونت‌های وب (Web Fonts)