دوره آموزشی یادگیری جامع HTML
3 ساعت 56 دقیقهمبتدی2025-03-21
مدرسین

Christina Truong
Educator, Front-End Developer
جزئیات دوره
اگه دوست داری وارد دنیای طراحی و ساخت سایت بشی، باید با زبان HTML شروع کنی — این زبان پایه و اساس تمام سایتها و اپلیکیشنهای وبه!
تو این دورهی آموزشی، کریستینا ترونگ بهت یاد میده چطور HTML بنویسی، از اصطلاحات و ساختارهاش گرفته تا ساخت فرمها و اضافه کردن عکس و ویدیو به صفحات. قدم به قدم یاد میگیری که چطوری یه صفحهی استاندارد و مرتب بسازی که برای مرورگرها هم قابل درک باشه.
اگه تا حالا کدنویسی نکردی، نگران نباش! این دوره برای مبتدیها طراحی شده و آخرش میتونی با اعتماد به نفس اولین صفحهی وب خودتو بسازی و منتشر کنی.
🎯 اهداف یادگیری:
توضیح نقش و اهمیت HTML در ساخت سایتها
آشنایی با ساختار و قواعد (syntax) زبان HTML
ایجاد ساختار صفحات وب با استفاده از تگهای معنایی (semantic)
افزودن عکس، ویدیو و صدا به صفحات به شکل درست و قابل نمایش در همهی دستگاهها
ساخت فرم ساده برای دریافت اطلاعات از کاربران، همراه با اصول دسترسپذیری (accessibility)
تو این دورهی آموزشی، کریستینا ترونگ بهت یاد میده چطور HTML بنویسی، از اصطلاحات و ساختارهاش گرفته تا ساخت فرمها و اضافه کردن عکس و ویدیو به صفحات. قدم به قدم یاد میگیری که چطوری یه صفحهی استاندارد و مرتب بسازی که برای مرورگرها هم قابل درک باشه.
اگه تا حالا کدنویسی نکردی، نگران نباش! این دوره برای مبتدیها طراحی شده و آخرش میتونی با اعتماد به نفس اولین صفحهی وب خودتو بسازی و منتشر کنی.
🎯 اهداف یادگیری:
توضیح نقش و اهمیت HTML در ساخت سایتها
آشنایی با ساختار و قواعد (syntax) زبان HTML
ایجاد ساختار صفحات وب با استفاده از تگهای معنایی (semantic)
افزودن عکس، ویدیو و صدا به صفحات به شکل درست و قابل نمایش در همهی دستگاهها
ساخت فرم ساده برای دریافت اطلاعات از کاربران، همراه با اصول دسترسپذیری (accessibility)
مهارت ها
Web StandardsWeb DesignWeb Development ToolsFront-End Web DevelopmentEssential TrainingWeb DevelopmentProgramming LanguagesSoftware Development
سرفصل ها
0. مقدمه
- 01 - چرا باید HTML یاد بگیرم
- 02 - نحوه استفاده از فایلهای تمرینی
1. وب
- 03 - زبانهای وب
- 04 - آناتومی یک وب سایت
- 05 - قوانین وب
- 06 - اصطلاحات و نحو
- 07 - تمرین - محیط توسعه
- 08 - تمرین - ویرایشگر متن خود را سفارشی کنید
- 09 - تمرین - تنظیم محیط برنامه نویس خود
2. قالببندی متن
- 10 - پاراگرافها و سرفصل ها
- 11 - لیستهای مرتب، نامرتب و شرح
- 12 - نقل قول
- 13 - تمرین - قالببندی متن قسمت 1
- 14 - تاریخ و زمان
- 15 - پررنگ و مورب
- 16 - مرجع شخصیت کاراکتر
- 17 - تمرین - قالببندی متن قسمت 2
- 18 - شکست کد و خط
- 19 - HTML و تایپوگرافی
- 20 - چالش - نوشتن نشانه گذاری HTML مبتنی بر متن برای پروژه دوره
- 21 - راه حل - دمو
3. سند HTML و ساختار صفحه
- 22 - سند اصلی HTML
- 23 - ساختار محتوا قسمت اول
- 24 - ساختار محتوا قسمت دوم
- 25 - تمرین - ساختار محتوا
- 26 - جداول HTML
- 27 - تمرین - یک جدول HTML ایجاد کنید
- 28 - مدل شیء سند
- 29 - چالش - اضافه کردن عناصر ساختاری به پروژه
- 30 - راه حل - دمو
4. پیوندها و ناوبری
- 31 - هایپرلینک
- 32 - URLهای نسبی و مطلق
- 33 - انواع پیوند
- 34 - ناوبری
- 35 - چالش - اضافه کردن لینک و ناوبری
- 36 - راه حل - دمو
5. تصاویر
- 37 - فرمتهای تصویر
- 38 - تعبیه تصاویر
- 39 - صفات عرض و ارتفاع
- 40 - بهینهسازی تصاویر
- 41 - ابزارهای توسعه دهنده و تغییر اندازه تصاویر
- 42 - تصاویر واکنش گرا قسمت اول
- 43 - تصاویر واکنش گرا قسمت 2
- 44 - تصاویر واکنش گرا با تصویر
- 45 - چالش - اضافه کردن تصاویر واکنشگرا
- 46 - راه حل - دمو
6. عناصر رسانهای بیشتر
- 47 - ویدئو
- 48 - اضافه کردن زیرنویس و زیرنویس
- 49 - صوتی
- 50 - تعبیه رسانه با iframe
- 51 - چالش - افزودن رسانه به پروژه
- 52 - راه حل - دمو
7. فرمهای وب
- 53 - فرمهای وب چیست
- 54 - مبانی فرم HTML
- 55 - انواع ورودی
- 56 - اعتبار سنجی فرم
- 57 - چک باکس و ورودیهای رادیویی
- 58 - عناصر فرم اضافی
- 59 - چالش - یک فرم تماس اضافه کنید
- 60 - راه حل - دمو
8. دسترسی و بین المللی شدن
- 61 - دسترسی چیست
- 62 - مبانی برنامههای کاربردی اینترنت غنی در دسترس (ARIA).
- 63 - پشتیبانی از زبان ها
نتیجه گیری
- 64 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی هوش مصنوعی عملی: ساخت پایگاه داده تولید نقد فیلم تحت وب با استفاده از هوش مصنوعی مولد، HTML، CSS و PHP
- دوره آموزشی زیباییشناسی طراحی برای تجربههای وب
- دوره آموزشی HTML و CSS: ساخت فرمها
- دوره آموزشی یادگیری SFTP
- دوره آموزشی تصاویر در CSS
- دوره آموزشی تکنیکهای مدرن CSS بدون نیاز به JavaScript
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی سرور HTTP آپاچی: نصب، پیکربندی و مدیریت