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

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

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

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

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

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

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

• 1. مقدمه‌ای بر ساخت صفحات وب
• 2. آشنایی با ساختار صفحات وب
• 3. عناصر اولیه HTML
• 4. برچسب‌ها و صفات در HTML
• 5. ساختار کلی یک سند HTML
• 6. عنوان صفحه و متا تگ‌ها
• 7. کار با متن در HTML
• 8. عنوان‌بندی متن (H1 تا H6)
• 9. پاراگراف‌ها و خطوط شکسته
• 10. لیست‌ها در HTML (مرتب و نامرتب)
• 11. نقل قول‌ها و بلاک‌کوت‌ها
• 12. نمایش کد و اطلاعات پیش‌فرمت شده
• 13. پیوندها و هایپرلینک‌ها
• 14. ایجاد پیوند به صفحات دیگر
• 15. پیوند به بخش‌های درون صفحه
• 16. پیوند به ایمیل و فایل‌ها
• 17. مدیریت تصاویر در HTML
• 18. درج تصاویر و صفات مرتبط
• 19. فرمت‌های تصویری پشتیبانی شده
• 20. تصاویر واکنش‌گرا
• 21. کار با جداول در HTML
• 22. ساختار جداول (TR, TH, TD)
• 23. ادغام سلول‌ها (colspan, rowspan)
• 24. کپشن و گروه‌بندی جدول
• 25. فرم‌ها در HTML
• 26. عناصر ورودی (Input)
• 27. انواع مختلف فیلدهای ورودی
• 28. دکمه‌ها و ارسال فرم
• 29. منطقه‌بندی فرم (Fieldset, Legend)
• 30. انتخاب‌گرها و چک‌باکس‌ها
• 31. دکمه‌های رادیویی
• 32. فیلدهای متنی چندخطی (Textarea)
• 33. منوهای کشویی (Select, Option)
• 34. کار با رسانه در HTML
• 35. درج فایل‌های صوتی (Audio)
• 36. درج فایل‌های تصویری (Video)
• 37. کنترل‌های رسانه
• 38. فریم‌ها و پنجره‌های تو در تو (Iframe)
• 39. استفاده از Iframe برای جاسازی محتوا
• 40. ملاحظات امنیتی Iframe
• 41. قالب‌بندی پیشرفته متن
• 42. تأکید و اهمیت متن (Em, Strong)
• 43. متن کوچک و زیر/بالا نویس (Small, Sub, Sup)
• 44. خط خوردگی و خط زیر متن (Del, Ins)
• 45. کار با سمبل‌ها و کاراکترهای خاص
• 46. کدگذاری کاراکترهای HTML
• 47. نمایش کاراکترهای یونیکد
• 48. استفاده از انتیتی‌ها
• 49. ساختاردهی معنایی صفحات وب
• 50. عناصر معنایی جدید HTML5 (Header, Nav, Main, Footer)
• 51. استفاده از Section, Article, Aside
• 52. کارت‌ها و بلوک‌های محتوایی
• 53. تگ‌های نمایشی (Block vs Inline)
• 54. تفاوت و کاربرد تگ‌های Block و Inline
• 55. مدیریت نمایش عناصر
• 56. طراحی ریسپانسیو با HTML (مبانی)
• 57. مفهوم طراحی واکنش‌گرا
• 58. استفاده از Viewport Meta Tag
• 59. تگ‌های معنایی برای ساختاردهی
• 60. کار با فرمت‌های داده‌ای
• 61. JSON در وب (مقدمه)
• 62. XML در وب (مقدمه)
• 63. تبادل داده در وب
• 64. مبانی دسترسی‌پذیری (Accessibility)
• 65. استفاده از صفات ARIA (مقدمه)
• 66. اهمیت دسترسی‌پذیری برای همه کاربران
• 67. مبانی سئو (SEO) برای صفحات HTML
• 68. نقش ساختار HTML در سئو
• 69. استفاده از تگ‌های هدینگ برای سئو
• 70. تگ‌های متا برای سئو
• 71. بهینه‌سازی تصاویر برای سئو
• 72. مبانی امنیت در صفحات وب
• 73. جلوگیری از حملات رایج (مقدمه)
• 74. استفاده صحیح از فرم‌ها
• 75. مدیریت ورودی‌های کاربر
• 76. اشکال‌زدایی (Debugging) صفحات HTML
• 77. ابزارهای توسعه‌دهنده مرورگر
• 78. بررسی ساختار و خطاها
• 79. اعتبارسنجی کد HTML
• 80. استفاده از اعتبارسنج‌های آنلاین
• 81. رفع اشکالات رایج
• 82. پروژه‌های عملی ساخت صفحات وب
• 83. ساخت یک صفحه پروفایل ساده
• 84. طراحی یک صفحه محصول
• 85. ایجاد یک فرم تماس ساده
• 86. آشنایی با CSS (مقدمه)
• 87. ارتباط HTML و CSS
• 88. نحوه اعمال سبک‌ها
• 89. تاریخچه و تکامل HTML (مرور کوتاه)
• 90. نسخه‌های مختلف HTML
• 91. استانداردسازی وب
• 92. نکات پایانی و گام‌های بعدی
• 93. منابع بیشتر برای یادگیری
• 94. ادامه مسیر در توسعه وب
• 95. جمع‌بندی آموخته‌ها
• 96. ساخت یک وبلاگ ساده
• 97. طراحی یک صفحه گالری تصاویر
• 98. ایجاد یک صفحه درباره ما
• 99. مبانی طراحی رابط کاربری (UI)
• 100. اهمیت ساختاردهی صحیح HTML