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

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

3 ساعت 56 دقیقهمبتدی2025-03-21

مدرسین

Christina Truong

Christina Truong

Educator, Front-End Developer

جزئیات دوره

اگه دوست داری وارد دنیای طراحی و ساخت سایت بشی، باید با زبان HTML شروع کنی — این زبان پایه و اساس تمام سایت‌ها و اپلیکیشن‌های وبه!

تو این دوره‌ی آموزشی، کریستینا ترونگ بهت یاد می‌ده چطور HTML بنویسی، از اصطلاحات و ساختارهاش گرفته تا ساخت فرم‌ها و اضافه کردن عکس و ویدیو به صفحات. قدم به قدم یاد می‌گیری که چطوری یه صفحه‌ی استاندارد و مرتب بسازی که برای مرورگرها هم قابل درک باشه.

اگه تا حالا کدنویسی نکردی، نگران نباش! این دوره برای مبتدی‌ها طراحی شده و آخرش می‌تونی با اعتماد به نفس اولین صفحه‌ی وب خودتو بسازی و منتشر کنی.

🎯 اهداف یادگیری:
توضیح نقش و اهمیت HTML در ساخت سایت‌ها
آشنایی با ساختار و قواعد (syntax) زبان HTML
ایجاد ساختار صفحات وب با استفاده از تگ‌های معنایی (semantic)
افزودن عکس، ویدیو و صدا به صفحات به شکل درست و قابل نمایش در همه‌ی دستگاه‌ها
ساخت فرم ساده برای دریافت اطلاعات از کاربران، همراه با اصول دسترس‌پذیری (accessibility)

مهارت ها

Web StandardsWeb DesignWeb Development ToolsFront-End Web DevelopmentEssential TrainingWeb DevelopmentProgramming LanguagesSoftware Development

سرفصل ها

مقدمه

  • چرا باید HTML یاد بگیرم
  • نحوه استفاده از فایل‌های تمرینی

وب

  • زبان‌های وب
  • آناتومی یک وب سایت
  • قوانین وب
  • اصطلاحات و نحو
  • تمرین - محیط توسعه
  • تمرین - ویرایشگر متن خود را سفارشی کنید
  • تمرین - تنظیم محیط برنامه نویس خود

قالب‌بندی متن

  • پاراگراف‌ها و سرفصل ها
  • لیست‌های مرتب، نامرتب و شرح
  • نقل قول
  • تمرین - قالب‌بندی متن قسمت 1
  • تاریخ و زمان
  • پررنگ و مورب
  • مرجع شخصیت کاراکتر
  • تمرین - قالب‌بندی متن قسمت 2
  • شکست کد و خط
  • HTML و تایپوگرافی
  • چالش - نوشتن نشانه گذاری HTML مبتنی بر متن برای پروژه دوره
  • راه حل - دمو

سند HTML و ساختار صفحه

  • سند اصلی HTML
  • ساختار محتوا قسمت اول
  • ساختار محتوا قسمت دوم
  • تمرین - ساختار محتوا
  • جداول HTML
  • تمرین - یک جدول HTML ایجاد کنید
  • مدل شیء سند
  • چالش - اضافه کردن عناصر ساختاری به پروژه
  • راه حل - دمو

پیوندها و ناوبری

  • هایپرلینک
  • URL‌های نسبی و مطلق
  • انواع پیوند
  • ناوبری
  • چالش - اضافه کردن لینک و ناوبری
  • راه حل - دمو

تصاویر

  • فرمت‌های تصویر
  • تعبیه تصاویر
  • صفات عرض و ارتفاع
  • بهینه‌سازی تصاویر
  • ابزارهای توسعه دهنده و تغییر اندازه تصاویر
  • تصاویر واکنش گرا قسمت اول
  • تصاویر واکنش گرا قسمت 2
  • تصاویر واکنش گرا با تصویر
  • چالش - اضافه کردن تصاویر واکنشگرا
  • راه حل - دمو

عناصر رسانه‌ای بیشتر

  • ویدئو
  • اضافه کردن زیرنویس و زیرنویس
  • صوتی
  • تعبیه رسانه با iframe
  • چالش - افزودن رسانه به پروژه
  • راه حل - دمو

فرم‌های وب

  • فرم‌های وب چیست
  • مبانی فرم HTML
  • انواع ورودی
  • اعتبار سنجی فرم
  • چک باکس و ورودی‌های رادیویی
  • عناصر فرم اضافی
  • چالش - یک فرم تماس اضافه کنید
  • راه حل - دمو

دسترسی و بین المللی شدن

  • دسترسی چیست
  • مبانی برنامه‌های کاربردی اینترنت غنی در دسترس (ARIA).
  • پشتیبانی از زبان ها

نتیجه گیری

  • مراحل بعدی
۱۰۰,۰۰۰ تومان