کتاب صوتی آموزش جامع HTML و CSS برای ساخت صفحات وب مدرن

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

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

عنوان دوره: دوره آموزش جامع HTML و CSS برای ساخت صفحات وب مدرن

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

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

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

• 1. مقدمه‌ای بر توسعه وب و HTML
• 2. ساختار پایه صفحات وب با HTML
• 3. عناصر اصلی HTML: متن و پاراگراف‌ها
• 4. عناصر HTML: لینک‌ها و ناوبری
• 5. عناصر HTML: تصاویر و رسانه‌ها
• 6. عناصر HTML: لیست‌ها و جداول
• 7. عناصر HTML: فرم‌ها و ورودی‌ها
• 8. عناصر HTML: گروه‌بندی محتوا و بخش‌بندی
• 9. عناصر HTML: عناصر معنایی (Semantic Elements)
• 10. مقدمه‌ای بر CSS و استایل‌دهی صفحات وب
• 11. نحوه اتصال CSS به HTML
• 12. انتخابگرهای CSS (Selectors)
• 13. ویژگی‌های عمومی CSS: رنگ، پس‌زمینه، فونت
• 14. ویژگی‌های CSS: جعبه مدل (Box Model)
• 15. ویژگی‌های CSS: حاشیه (Margin) و فاصله داخلی (Padding)
• 16. ویژگی‌های CSS: چیدمان (Layout) با Flexbox
• 17. ویژگی‌های CSS: چیدمان (Layout) با Grid
• 18. ویژگی‌های CSS: موقعیت‌دهی (Positioning)
• 19. ویژگی‌های CSS: نمایش (Display) و پنهان‌سازی عناصر
• 20. ویژگی‌های CSS: تبدیل‌ها (Transforms) و انتقال‌ها (Transitions)
• 21. ویژگی‌های CSS: انیمیشن‌ها (Animations)
• 22. طراحی واکنش‌گرا (Responsive Design) با CSS
• 23. استفاده از واحدهای نسبی در CSS (em, rem, %)
• 24. مدیریت فونت‌ها و تایپوگرافی در وب
• 25. کار با آیکون‌ها در وب‌سایت‌ها
• 26. مقدمه‌ای بر فرم‌های وب پیشرفته در HTML
• 27. اعتبارسنجی فرم‌ها با HTML5
• 28. استفاده از داده‌های سفارشی (Custom Data Attributes)
• 29. بهینه‌سازی تصاویر برای وب
• 30. مقدمه‌ای بر دسترس‌پذیری (Accessibility) در وب
• 31. استفاده از ARIA برای بهبود دسترس‌پذیری
• 32. ساختاردهی معنایی برای سئو (SEO)
• 33. استفاده از تگ‌های معنایی HTML5 (header, nav, main, article, section, footer)
• 34. مدیریت فونت‌های سفارشی (Custom Fonts)
• 35. طراحی دکمه‌ها و عناصر تعاملی با CSS
• 36. ایجاد منوهای ناوبری واکنش‌گرا
• 37. کار با پس‌زمینه‌های گرادیان و تصاویر
• 38. تنظیمات پیشرفته متن و فونت
• 39. استفاده از شبه‌کلاس‌ها (Pseudo-classes) و شبه‌عناصر (Pseudo-elements)
• 40. طراحی گالری تصاویر با CSS
• 41. ساخت اسلایدرهای ساده با CSS
• 42. مدیریت فرمت‌های مختلف رسانه در HTML
• 43. مقدمه‌ای بر وب‌کامپوننت‌ها (Web Components)
• 44. کار با SVG در صفحات وب
• 45. استفاده از CSS Variables (Custom Properties)
• 46. بهینه‌سازی عملکرد صفحات وب (Performance Optimization)
• 47. مقدمه‌ای بر ابزارهای توسعه‌دهنده مرورگر (Browser Developer Tools)
• 48. اشکال‌زدایی (Debugging) HTML و CSS
• 49. اصول طراحی تجربه کاربری (UX) در وب
• 50. اصول طراحی رابط کاربری (UI) در وب
• 51. استفاده از رنگ‌ها در طراحی وب
• 52. طراحی سلسله‌مراتبی بصری (Visual Hierarchy)
• 53. ایجاد فضاهای سفید (Whitespace) مؤثر
• 54. اصول انتخاب طرح‌بندی (Layout) مناسب
• 55. طراحی برای موبایل اول (Mobile-First Design)
• 56. استفاده از فریم‌ورک‌های CSS (مانند Bootstrap - مقدماتی)
• 57. مقدمه‌ای بر مفاهیم طراحی مدرن وب
• 58. کار با انیمیشن‌های CSS پیشرفته
• 59. ایجاد عناصر متحرک و جذاب
• 60. طراحی جداول داده واکنش‌گرا
• 61. استفاده از CSS برای ایجاد افکت‌های بصری
• 62. مدیریت زوایا و گوشه‌های گرد در CSS
• 63. طراحی کارت‌های وب (Web Cards)
• 64. ساخت فرم‌های ثبت‌نام و ورود
• 65. استفاده از CSS برای ایجاد پس‌زمینه‌های ویدئویی
• 66. مقدمه‌ای بر مفاهیم طراحی UI Kit
• 67. طراحی دکمه‌های سفارشی با CSS
• 68. استفاده از CSS برای ایجاد سایه‌ها و افکت‌های نور
• 69. مدیریت فونت‌های فارسی و راست‌چین
• 70. طراحی هدر و فوترهای خلاقانه
• 71. ایجاد منوهای همبرگری (Hamburger Menus)
• 72. استفاده از CSS برای ایجاد مودهای تاریک (Dark Mode)
• 73. مقدمه‌ای بر اصول طراحی دسترس‌پذیر (Accessible Design)
• 74. کار با تگ‌های معنایی برای بهبود سئو
• 75. ساخت صفحات فرود (Landing Pages) با HTML و CSS
• 76. طراحی گالری محصولات
• 77. استفاده از CSS برای افکت‌های هاور (Hover Effects)
• 78. ایجاد عناصر تعاملی با CSS
• 79. مدیریت فضاهای بین خطوط و پاراگراف‌ها
• 80. طراحی فرم‌های چند مرحله‌ای
• 81. مقدمه‌ای بر ابزارهای طراحی UI/UX (مانند Figma - اشاره)
• 82. استفاده از CSS برای ایجاد افکت‌های پارالاکس (Parallax Effects)
• 83. طراحی صفحات درباره ما و تماس با ما
• 84. ساخت انیمیشن‌های CSS پیچیده‌تر
• 85. مدیریت فونت‌های وب (Web Fonts)
• 86. استفاده از CSS برای ایجاد آواتارها
• 87. طراحی دکمه‌های فراخوان (Call to Action)
• 88. مقدمه‌ای بر اصول انیمیشن در رابط کاربری
• 89. کار با CSS برای ایجاد حالت‌های مختلف عناصر
• 90. طراحی بخش نظرات کاربران
• 91. استفاده از CSS برای ایجاد الگوهای پس‌زمینه
• 92. مدیریت فاصله بین عناصر در چیدمان‌های پیچیده
• 93. ساخت صفحات پروفایل کاربری
• 94. مقدمه‌ای بر مفاهیم طراحی مینیمالیسم (Minimalism)
• 95. استفاده از CSS برای ایجاد افکت‌های سه بعدی
• 96. طراحی هدرهای شناور (Sticky Headers)
• 97. مدیریت تگ‌های HTML برای ساختاردهی محتوا
• 98. کار با CSS برای ایجاد دکمه‌های دایره‌ای
• 99. طراحی صفحات اخبار و مقالات
• 100. استفاده از CSS برای ایجاد افکت‌های شیشه‌ای (Glassmorphism)