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

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

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

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

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

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

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

• 1. آشنایی با زبان‌های نشانه گذاری وب
• 2. مقدمه‌ای بر HTML و CSS
• 3. اجزای اصلی یک صفحه وب
• 4. ساختار اولیه HTML
• 5. عناصر متنی در HTML
• 6. کار با لینک‌ها و ناوبری
• 7. ایجاد لیست‌ها در HTML
• 8. استفاده از تصاویر در صفحات وب
• 9. جداول در HTML
• 10. فرم‌ها در HTML
• 11. ورودی‌های مختلف در فرم‌ها
• 12. عناصر معنایی در HTML5
• 13. کارت‌های محتوایی با HTML
• 14. ساخت گالری تصاویر با HTML
• 15. مقدمه‌ای بر CSS
• 16. نحوه اعمال استایل‌ها با CSS
• 17. انتخابگرهای CSS
• 18. خصوصیات رنگ و پس‌زمینه
• 19. کار با فونت‌ها و متن
• 20. مدیریت اندازه و فضا (Box Model)
• 21. حاشیه‌ها، پدینگ و مرزها
• 22. استفاده از واحدهای اندازه‌گیری در CSS
• 23. پس‌زمینه‌های تکرارشونده و موقعیت‌دار
• 24. استایل‌دهی به لینک‌ها و دکمه‌ها
• 25. ایجاد لیست‌های استایل‌دار
• 26. استایل‌دهی به جداول
• 27. استایل‌دهی به فرم‌ها
• 28. استفاده از واحدهای نسبی (em, rem)
• 29. خصوصیات نمایش (Display)
• 30. مدیریت چیدمان با Flexbox
• 31. چیدمان پیشرفته با Grid
• 32. ایجاد ستون‌ها و ردیف‌ها
• 33. موقعیت‌دهی عناصر (Positioning)
• 34. استفاده از Z-index
• 35. انتقال‌ها (Transitions) در CSS
• 36. انیمیشن‌ها (Animations) در CSS
• 37. استفاده از شبه‌کلاس‌ها (Pseudo-classes)
• 38. استفاده از شبه‌المان‌ها (Pseudo-elements)
• 39. طراحی واکنش‌گرا (Responsive Design)
• 40. کار با Viewport
• 41. استفاده از Media Queries
• 42. طراحی برای دستگاه‌های مختلف
• 43. استایل‌دهی به عناصر فرم
• 44. ورودی‌های خاص فرم در CSS
• 45. نکات پیشرفته CSS
• 46. سازگاری مرورگرها
• 47. ابزارهای توسعه‌دهنده مرورگر
• 48. بهینه‌سازی عملکرد CSS
• 49. اصول طراحی کاربرپسند
• 50. ساخت هدر و فوتر
• 51. ایجاد منوهای ناوبری
• 52. طراحی کارت‌های محصول
• 53. نمایش نقل قول‌ها
• 54. استایل‌دهی به بلوک‌های کد
• 55. صفحات ورود و ثبت‌نام
• 56. طراحی فرم تماس
• 57. ایجاد صفحه درباره ما
• 58. ساخت صفحه خدمات
• 59. نمایش آیکون‌ها در صفحات وب
• 60. استفاده از فونت‌های سفارشی
• 61. طراحی دکمه‌های زیبا
• 62. استایل‌دهی به جداول داده
• 63. نمایش پیام‌های خطا و موفقیت
• 64. ساخت اسلایدر ساده
• 65. طراحی پاپ‌آپ‌ها
• 66. ایجاد بخش نظرات
• 67. طراحی فوترهای پیچیده
• 68. مدیریت چیدمان در موبایل
• 69. استایل‌دهی به عناصر رسانه‌ای
• 70. کار با تصاویر در طراحی واکنش‌گرا
• 71. ایجاد فرم‌های چند مرحله‌ای
• 72. استایل‌دهی به تقویم
• 73. طراحی بخش قیمت‌گذاری
• 74. ساخت نمودارهای ساده
• 75. نمایش موقعیت جغرافیایی
• 76. استایل‌دهی به ابزارک‌ها
• 77. طراحی صفحات 404
• 78. ساخت صفحه تشکر
• 79. مدیریت اسکرول صفحات
• 80. ایجاد افکت‌های هاور
• 81. استایل‌دهی به عناصر فرم سفارشی
• 82. طراحی بخش گالری ویدئو
• 83. نمایش اطلاعات آب و هوا
• 84. ساخت سیستم امتیازدهی
• 85. طراحی صفحات رویداد
• 86. استایل‌دهی به هشدارهای سفارشی
• 87. ایجاد بخش پرسش و پاسخ
• 88. طراحی فرم جستجو
• 89. نمایش رتبه‌بندی محصولات
• 90. ساخت فرم ثبت‌نام خبرنامه
• 91. طراحی فوترهای سه‌ستونی
• 92. مدیریت چیدمان در تبلت
• 93. استایل‌دهی به دکمه‌های شناور
• 94. ایجاد افکت‌های پارالاکس
• 95. طراحی بخش معرفی تیم
• 96. نمایش آمار و ارقام
• 97. ساخت فرم نظرسنجی
• 98. طراحی صفحات فرود
• 99. استایل‌دهی به عناصر تعاملی
• 100. ایجاد اسلایدرهای تمام صفحه