دوره کارگاه عملی طراحی وب با HTML و CSS: ساخت بیش از ۲۰ نمونه پروژه کاربردی همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره کارگاه عملی طراحی وب با HTML و CSS: ساخت بیش از ۲۰ نمونه پروژه کاربردی

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

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

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

• 1. مقدمه ای بر طراحی و توسعه وب در ایران
• 2. مبانی HTML: ساختار صفحات وب
• 3. تگ های اساسی HTML: عناوین، پاراگراف ها و لینک ها
• 4. عناصر ساختاری HTML5: سربرگ، بدنه و پاورقی
• 5. کاربرد تگ های معنایی در HTML5
• 6. مدیریت تصاویر و رسانه ها در صفحات وب
• 7. فرم ها در HTML: ورودی ها، دکمه ها و اعتبارسنجی
• 8. مفاهیم اولیه CSS: استایل دهی به صفحات وب
• 9. انتخابگرهای CSS: تگ، کلاس و شناسه
• 10. خاصیت های CSS: رنگ، فونت و پس زمینه
• 11. مدیریت طرح بندی با CSS: جعبه مدل (Box Model)
• 12. چیدمان انعطاف پذیر با Flexbox
• 13. شبکه بندی با CSS Grid Layout
• 14. طراحی ریسپانسیو (واکنش‌گرا) با Media Queries
• 15. نکات پیشرفته CSS: انیمیشن ها و ترنزیشن ها
• 16. استفاده از فونت های وب فارسی
• 17. بهینه سازی تصاویر برای وب
• 18. مدیریت فرمت های ویدیویی و صوتی در وب
• 19. مقدمه ای بر دسترس پذیری وب (Web Accessibility)
• 20. اهمیت دسترس پذیری در طراحی وب
• 21. اصول طراحی رابط کاربری (UI)
• 22. اصول طراحی تجربه کاربری (UX)
• 23. کاربرد رنگ در طراحی وب
• 24. انتخاب پالت رنگی مناسب
• 25. اصول تایپوگرافی در وب
• 26. طراحی ناوبری (Navigation) کاربرپسند
• 27. ساخت منوهای واکنش‌گرا
• 28. طراحی هدر و فوتر موثر
• 29. استفاده از آیکون ها در طراحی وب
• 30. طراحی فرم های ثبت نام و ورود
• 31. اعتبارسنجی فرم ها در سمت کلاینت
• 32. مقدمه ای بر جاوا اسکریپت در طراحی وب
• 33. نقش جاوا اسکریپت در تعامل پذیری وب
• 34. اصول اولیه جاوا اسکریپت (متغیرها، توابع)
• 35. دستکاری DOM با جاوا اسکریپت
• 36. مدیریت رویدادها در جاوا اسکریپت
• 37. ساخت اسلایدر با جاوا اسکریپت
• 38. اعتبارسنجی پیشرفته فرم ها با جاوا اسکریپت
• 39. مقدمه ای بر فریمورک های CSS
• 40. استفاده از Bootstrap برای طراحی سریع
• 41. سفارشی سازی Bootstrap
• 42. استفاده از Tailwind CSS
• 43. مقدمه ای بر سیستم های مدیریت محتوا (CMS)
• 44. کاربرد وردپرس در طراحی وب
• 45. مبانی طراحی وب سایت خبری
• 46. طراحی وب سایت شرکتی
• 47. طراحی وب سایت فروشگاهی (مقدماتی)
• 48. اصول امنیتی در طراحی وب
• 49. مقدمه ای بر پایگاه داده در وب
• 50. مفاهیم اولیه SQL
• 51. مقدمه ای بر زبان PHP برای بک اند
• 52. اصول طراحی API (مقدماتی)
• 53. استفاده از Git برای کنترل نسخه
• 54. مقدمه ای بر مفاهیم DevOps
• 55. اصول بهینه سازی موتور جستجو (SEO)
• 56. نکات اولیه سئو در HTML و CSS
• 57. طراحی وب سایت های آموزشی
• 58. ساخت نمونه های اولیه (Prototypes)
• 59. آزمایش کاربردپذیری (Usability Testing)
• 60. مقدمه ای بر ابزارهای طراحی وب
• 61. استفاده از Adobe XD برای طراحی رابط کاربری
• 62. استفاده از Figma برای طراحی رابط کاربری
• 63. اصول طراحی صفحات فرود (Landing Pages)
• 64. طراحی وب سایت های شخصی
• 65. ایجاد گالری تصاویر حرفه ای
• 66. مدیریت فرم های تماس پیشرفته
• 67. استفاده از نقشه در وب سایت
• 68. طراحی چارت و نمودار در وب
• 69. مقدمه ای بر مفاهیم دسترسی جهانی به وب
• 70. طراحی وب سایت های چندزبانه
• 71. اصول کار با فونت های فارسی در وب
• 72. مدیریت خطاها در طراحی وب
• 73. اصول طراحی برای مرورگرهای مختلف
• 74. بهینه سازی سرعت بارگذاری صفحات
• 75. مقدمه ای بر مفاهیم Cloud Computing
• 76. کاربرد CDN در بهبود سرعت
• 77. اصول طراحی رابط کاربری برای موبایل
• 78. طراحی وب سایت برای رویدادها
• 79. نمونه پروژه: ساخت وب سایت نمایشگاهی
• 80. نمونه پروژه: ساخت وب سایت رزرو
• 81. نمونه پروژه: ساخت وب سایت گالری هنری
• 82. نمونه پروژه: ساخت وب سایت بلاگ شخصی
• 83. نمونه پروژه: ساخت وب سایت معرفی اپلیکیشن
• 84. نمونه پروژه: ساخت وب سایت پورتفولیو
• 85. نمونه پروژه: ساخت وب سایت فرم نظرسنجی
• 86. نمونه پروژه: ساخت وب سایت محاسبه گر ساده
• 87. نمونه پروژه: ساخت وب سایت تقویم شمسی
• 88. نمونه پروژه: ساخت وب سایت نمایش آب و هوا
• 89. نمونه پروژه: ساخت وب سایت پروفایل کاربری
• 90. نمونه پروژه: ساخت وب سایت صفحه درباره ما
• 91. نمونه پروژه: ساخت وب سایت صفحه تماس با ما
• 92. نمونه پروژه: ساخت وب سایت گالری محصولات
• 93. نمونه پروژه: ساخت وب سایت صفحه سوالات متداول
• 94. نمونه پروژه: ساخت وب سایت صفحه قوانین و مقررات
• 95. نمونه پروژه: ساخت وب سایت صفحه حریم خصوصی
• 96. نمونه پروژه: ساخت وب سایت صفحه شرایط استفاده
• 97. نمونه پروژه: ساخت وب سایت صفحه راهنمای سایت
• 98. اصول توسعه وب پایدار و مسئولانه
• 99. جمع بندی و گام های بعدی در توسعه وب
• 100. آینده طراحی و توسعه وب در ایران