قیمت این دوره: رایگانــ
  • مدرس دوره : ابوالفضل منتظر
  • تعداد ویدیوها : 16 ویدیو
  • مدت زمان دوره : 1:0:00
  • سطح دوره : متوسط
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1404/12/05
آموزش رایگان HTML

آموزش رایگان HTML

سلام خدمت دانشجویان عزیز و پرانرژی **تاپ‌لرن**! 🌟

 

به دوره‌ ی **«قدم اول برنامه‌نویسی وب»** خوش آمدید.  

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

 

تلاش من در این دوره بر این بوده که **مهم‌ترین و کاربردی‌ ترین مفاهیم HTML** را به شکلی منسجم، روان و پروژه‌ محور ارائه دهم.  

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

 

ویژگی‌های کلیدی این دوره:

 

✅ **پروژه‌محور بودن**: از همان ابتدا، کدها و مثال‌ها در قالب پروژه‌های کوچک و بزرگ ارائه می‌شوند تا یادگیری را ملموس‌تر کنند.  

✅ **سادگی و وضوح**: مطالب به زبانی روان و گام‌به‌گام تدریس می‌شوند تا برای همه‌ی دوستان — حتی بدون پیش‌زمینه — قابل فهم باشد.  

✅ **کاربردی‌بودن**: آنچه یاد می‌گیرید، بلافاصله در محیط واقعی توسعه وب قابل استفاده خواهد بود.  

✅ **تمرکز بر اصول**: فقط چیزی را آموزش می‌دهیم که واقعاً نیاز دارید؛ بدون اضافات و شلوغیِ غیرضروری.

 

امیدوارم این دوره بتواند **آغازی قدرتمند** و انگیزه‌بخش برای ورود شما به دنیای گسترده و خلاقانه‌ی برنامه‌نویسی وب باشد.  

هر قدم با هم برمی‌داریم، از پایه تا پروژه.

پیش نیاز  : ندارد

 

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

مقدمه

ابزارها

ساخت یک پروژه جدید

ساخت یک سند جدید

تگ ها

تنظیمات ضروری در vscode

تگ های h و p

تگ های div و span

تگ های معنایی

فرم ها

جدول  

تگ های br و hr

توضیحات تکمیلی

 

 

**بیایید شروع کنیم! 🚀**




فهرستـــ ویدیوها

مدت زمان دوره 1:0:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی آموزش رایگان Html

00:04:00

معرفی آموزش رایگان طراحی سایت

2
  • معرفی ابزارها

00:03:40

ما برای شروع نیاز داریم تا از ابزارهایی استفاده کنیم که کار کد نویسی را برای ما راحت کند. در این جلسه نیاز هست که از مرورگر کروم و نرم افزار vscode استفاده کنیم.

3
  • ساخت یک پروژه جدید

00:02:08

توی این جلسه یاد میگیریم چطور توی vscode یک پروژه جدید بسازیم.

4
  • ساخت یک سند جدید

00:02:18

اضافه کردن یک سند جدید به پروژه

5
  • تگ ها

00:04:42

زبان نشانه گذاری HTML از تگ های مختلف ساخته شده. هر تگ یک واحد کوچک ازین زبان است.

6
  • تنظیمات ضروری vscode

00:03:45

برای اینکه بتونیم بهتر با نرم افزار خودمون کار کنیم بد نیست با چند تا از تنظیمات خوب آشنا بشیم.

7
  • تگ های p و h

00:02:39

این دوتا تگ یعنی تگ p و h از پر کاربردترین تگ های html هستن. بریم یادشون بگیریم.

8
  • تگ های div و span

00:03:53

تگ های div و span هم بسیار مهم هستن و برای دسته بندی المان ها در HTML استفاده میشن.

9
  • تگ های معنایی

00:03:51

این تگ ها ساختار اصلی صفحات ما رو تشکیل میدن. یادگرفتنشون مثل بقیه تگ ها خیلی آسونه.

10
  • لیست ها

00:02:16

لیست ها همونطور که از اسمشون معلومه برای لیست کردن یک سری اطلاعات استفاده میشن.

11
  • لینک ها

00:03:51

ما برای ناوبری به داخل یا خارج از صفحاتمون به این تگ ها نیاز داریم. این بخش خیلی جذابه از دستش ندید.

12
  • تصاویر

00:01:52

توی این بخش یاد میگیریم چطور یک عکس رو به پروژه مون اضافه کنیم.

13
  • فرم ها

00:09:44

فرم ها به هر شکلی در سایت های مختلف استفاده میشن. این قسمت رو خیلی خوب یاد بگیرید.

14
  • جدول ها

00:04:17

جدول ها هم که نیاز به معرفی ندارن.

15
  • تگ های hr و br

00:04:32

تگ های hr و br هم تگ هایی هستند که برای رسم یک خط افقی و دومی کار اینتر رو داخل سند HTML انجام میده.

16
  • توضیحات تکمیلی

00:03:29

توضیحات تکمیلی


نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .