فلش‌کارت‌های آموزشی آموزش مقدماتی زبان نشانه‌گذاری ابرمتن (HTML) برای ساخت صفحات وب

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

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

عنوان دوره: دوره آموزش مقدماتی زبان نشانه‌گذاری ابرمتن (HTML) برای ساخت صفحات وب

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

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

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

• 1. مقدمه‌ای بر فناوری اطلاعات و ارتباطات
• 2. آشنایی با وب و تاریخچه آن
• 3. نقش HTML در ساختار صفحات وب
• 4. نصب و راه‌اندازی ابزارهای توسعه وب
• 5. آشنایی با محیط ویرایشگر کد
• 6. اولین گام‌ها در HTML: ساختار پایه صفحه
• 7. عناصر اصلی HTML: تگ‌ها و صفات
• 8. ایجاد پاراگراف‌ها و خطوط جدید
• 9. عنوان‌گذاری در صفحات وب (تگ‌های h1 تا h6)
• 10. اضافه کردن تصاویر به صفحات وب
• 11. ساخت لینک‌ها برای ناوبری
• 12. لیست‌های مرتب و نامرتب
• 13. جداول در HTML: ساختاردهی داده‌ها
• 14. فرم‌ها در HTML: جمع‌آوری اطلاعات کاربران
• 15. عناصر ورودی در فرم‌ها (متن، رمز عبور، ایمیل)
• 16. دکمه‌ها و گزینه‌های انتخاب در فرم‌ها
• 17. دسته‌بندی عناصر با تگ div
• 18. گروه‌بندی منطقی با تگ span
• 19. استفاده از صفات سراسری (id, class)
• 20. استایل‌دهی اولیه با CSS درون خطی
• 21. مقدمه‌ای بر CSS برای ظاهرسازی
• 22. لینک دادن به فایل‌های CSS خارجی
• 23. ساختاردهی با CSS: جعبه مدل
• 24. رنگ‌ها و پس‌زمینه‌ها در CSS
• 25. فونت‌ها و تایپوگرافی در CSS
• 26. تنظیم حاشیه‌ها و فاصله‌ها (margin, padding)
• 27. استفاده از ویژگی display برای چیدمان
• 28. موقعیت‌دهی عناصر با CSS (position)
• 29. ایجاد طرح‌بندی‌های واکنش‌گرا
• 30. مقدمه‌ای بر طراحی وب واکنش‌گرا
• 31. استفاده از واحدهای نسبی (%, em, rem)
• 32. رسانه‌های نمایشی (Media Queries)
• 33. ساخت فوتر و هدر صفحه
• 34. منوهای ناوبری در وب‌سایت‌ها
• 35. استفاده از فونت‌های سفارشی
• 36. افزودن آیکون‌ها به صفحات وب
• 37. مقدمه‌ای بر JavaScript برای تعامل
• 38. اضافه کردن اسکریپت‌های JavaScript
• 39. تغییر محتوای صفحه با JavaScript
• 40. مدیریت رویدادها در JavaScript
• 41. اعتبارسنجی فرم‌ها با JavaScript
• 42. مقدمه‌ای بر فرمت‌های داده (JSON)
• 43. کار با داده‌های JSON در JavaScript
• 44. ساخت گالری تصاویر ساده
• 45. ایجاد اسلایدرهای محتوا
• 46. آشنایی با مفهوم SEO
• 47. بهینه‌سازی ساختار HTML برای SEO
• 48. استفاده از تگ‌های معنایی (Semantic HTML)
• 49. مقدمه‌ای بر دسترسی‌پذیری وب (Accessibility)
• 50. اصول اولیه دسترسی‌پذیری در HTML
• 51. استفاده از تگ‌های معنایی برای دسترسی‌پذیری
• 52. ساخت فرم‌های دسترسی‌پذیر
• 53. مقدمه‌ای بر قالب‌های وب (Web Templates)
• 54. استفاده از فریم‌ورک‌های CSS (Bootstrap)
• 55. نصب و راه‌اندازی Bootstrap
• 56. استفاده از کامپوننت‌های آماده Bootstrap
• 57. طراحی واکنش‌گرا با Bootstrap
• 58. مقدمه‌ای بر سیستم‌های مدیریت محتوا (CMS)
• 59. آشنایی با وردپرس
• 60. نصب و راه‌اندازی وردپرس
• 61. مدیریت محتوا در وردپرس
• 62. مقدمه‌ای بر امنیت وب‌سایت
• 63. نکات امنیتی در توسعه وب
• 64. جلوگیری از حملات رایج (XSS, CSRF)
• 65. مقدمه‌ای بر پایگاه داده
• 66. ارتباط وب با پایگاه داده
• 67. آشنایی با SQL
• 68. مقدمه‌ای بر توسعه سمت سرور
• 69. زبان‌های برنامه‌نویسی سمت سرور (PHP, Python)
• 70. مقدمه‌ای بر API ها
• 71. استفاده از API های عمومی
• 72. اصول اولیه طراحی رابط کاربری (UI)
• 73. اصول اولیه تجربه کاربری (UX)
• 74. تست و اشکال‌زدایی صفحات وب
• 75. ابزارهای توسعه‌دهنده مرورگر
• 76. مستندسازی کدها
• 77. انتشار وب‌سایت (هاستینگ و دامنه)
• 78. مراحل ثبت دامنه
• 79. انتخاب سرویس هاستینگ مناسب
• 80. آپلود فایل‌های وب‌سایت
• 81. تنظیمات DNS
• 82. مقدمه‌ای بر پروتکل‌های شبکه (HTTP/HTTPS)
• 83. اهمیت HTTPS برای امنیت
• 84. مقدمه‌ای بر معماری وب
• 85. الگوهای طراحی وب
• 86. آخرین روندها در طراحی وب
• 87. کار با فرمت‌های تصویری (JPG, PNG, SVG)
• 88. بهینه‌سازی تصاویر برای وب
• 89. مقدمه‌ای بر انیمیشن‌های CSS
• 90. ایجاد انیمیشن‌های ساده با CSS
• 91. مقدمه‌ای بر ویدئو در صفحات وب
• 92. نحوه جاسازی ویدئو
• 93. ساخت فرم‌های چند مرحله‌ای
• 94. مدیریت حالت در برنامه‌های وب
• 95. مقدمه‌ای بر Progressive Web Apps (PWA)
• 96. ایجاد PWA های ساده
• 97. اصول اولیه آزمایش A/B
• 98. مقدمه‌ای بر ابزارهای تجزیه و تحلیل وب (Google Analytics)
• 99. تنظیمات اولیه Google Analytics
• 100. تفسیر داده‌های Google Analytics