فلش‌کارت‌های آموزشی مبانی طراحی و ساخت صفحات وب با HTML و CSS

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

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

عنوان دوره: دوره مبانی طراحی و ساخت صفحات وب با HTML و CSS

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

موضوع میانی: توسعه وب

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

• 1. مقدمه‌ای بر طراحی وب
• 2. تاریخچه اینترنت و وب
• 3. کارکرد وب و پروتکل‌ها
• 4. مفاهیم اولیه HTML
• 5. ساختار پایه یک صفحه HTML
• 6. عناصر متنی در HTML
• 7. عناصر پاراگراف و خط جدید
• 8. عنوان‌بندی در HTML
• 9. قالب‌بندی متن (بولد، ایتالیک)
• 10. لیست‌های مرتب و نامرتب
• 11. ایجاد لینک در HTML
• 12. ارتباط با صفحات دیگر
• 13. ارتباط با منابع خارجی
• 14. تصاویر در صفحات وب
• 15. مشخصات تصویر (src, alt)
• 16. ابعاد تصاویر
• 17. عناصر جدول در HTML
• 18. ساختار جدول (thead, tbody, tfoot)
• 19. سلول‌های جدول (td, th)
• 20. ادغام سلول‌ها (rowspan, colspan)
• 21. فرم‌ها در HTML
• 22. عناصر ورودی (input)
• 23. انواع ورودی‌ها (text, password, email)
• 24. دکمه‌ها در فرم‌ها
• 25. منطقه‌بندی فرم‌ها
• 26. نوار پیشرفت
• 27. عناصر معنایی در HTML5
• 28. هدر و فوتر صفحه
• 29. بخش اصلی (main)
• 30. نوار کناری (aside)
• 31. محتوای اصلی (article, section)
• 32. نمایش امبد شده (iframe)
• 33. صدا و تصویر در HTML5
• 34. عناصر چندرسانه‌ای
• 35. کنترل‌های پخش صدا و تصویر
• 36. کدنویسی HTML استاندارد
• 37. اعتبارسنجی HTML
• 38. مقدمه‌ای بر CSS
• 39. کاربرد CSS در طراحی وب
• 40. نحو کلی CSS
• 41. انتخابگرهای CSS (Selectors)
• 42. انتخابگر تگ، کلاس، ID
• 43. انتخابگرهای ترکیبی
• 44. انتخابگرهای شبه‌کلاس
• 45. انتخابگرهای شبه‌عنصر
• 46. خاصیت‌ها و مقادیر CSS
• 47. رنگ متن و پس‌زمینه
• 48. فونت و تایپوگرافی
• 49. اندازه‌دهی متن
• 50. فاصله‌گذاری (margin, padding)
• 51. کادر (border)
• 52. اندازه‌دهی عناصر (width, height)
• 53. مدل جعبه‌ای (Box Model)
• 54. پس‌زمینه (background-color, background-image)
• 55. پس‌زمینه تکرار شونده
• 56. موقعیت‌دهی عناصر (position)
• 57. عناصر شناور (float)
• 58. نمایش (display)
• 59. حذف شناوری (clear)
• 60. نقل و انتقال (transform)
• 61. انیمیشن در CSS
• 62. قوانین @media (طراحی واکنش‌گرا)
• 63. صفحات واکنش‌گرا
• 64. طراحی برای دستگاه‌های مختلف
• 65. مقدمه‌ای بر طراحی ریسپانسیو
• 66. استفاده از گرید CSS
• 67. سیستم گرید فلکس‌باکس
• 68. چیدمان ستونی
• 69. چیدمان سطری
• 70. پشتیبانی مرورگرها
• 71. بهینه‌سازی صفحات وب
• 72. مقدمه‌ای بر سئو (SEO)
• 73. ساختار معنایی برای سئو
• 74. استفاده صحیح از تگ‌ها
• 75. تصاویر بهینه
• 76. لینک‌سازی داخلی و خارجی
• 77. اصول اولیه امنیت وب
• 78. مقدمه‌ای بر جاوا اسکریپت (اختیاری)
• 79. تغییرات دینامیک با جاوا اسکریپت
• 80. ارتباط با سرور (AJAX - اختیاری)
• 81. مقدمه‌ای بر فریم‌ورک‌ها (اختیاری)
• 82. چارچوب‌های CSS (Bootstrap)
• 83. کاربرد فریم‌ورک‌ها
• 84. آزمایش و دیباگ کردن
• 85. نکات پیشرفته CSS
• 86. انتقال (transitions)
• 87. انیمیشن‌های پیچیده‌تر
• 88. طراحی رابط کاربری (UI)
• 89. تجربه کاربری (UX)
• 90. آزمون A/B در طراحی
• 91. ملاحظات دسترسی‌پذیری (Accessibility)
• 92. طراحی وب برای همه
• 93. مقدمه‌ای بر توسعه بک‌اند (اختیاری)
• 94. ارتباط فرانت‌اند با بک‌اند
• 95. فناوری‌های سمت سرور (اختیاری)
• 96. پایگاه‌های داده (اختیاری)
• 97. اصول تست نرم‌افزار
• 98. مستندسازی پروژه وب
• 99. مدیریت پروژه در توسعه وب
• 100. روندهای نوین طراحی وب