آموزش جامع Html5 (آپدیت ۲۰۲۳)

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

100% پیشنهاد شگفت انگیز
0 روز
0 ساعت
0 دقیقه
0 ثانیه
شرکت در دوره
220,000
رایگان!

وضعیت دوره

تکمیل شده

مدت زمان دوره

7 ساعت

آخرین بروزرسانی

1402/07/05

روش پشتیبانی

آنلاین

پیش نیاز

ندارد

نوع مشاهده

دانلودی/آنلاین

31739

دانشجو

5.0

رضایت

درصد تکمیل دوره 100%
حمیدرضا عبادی

حمیدرضا عبادی

مشاهده پروفایل

توضیحات

توسعه وب سایت بدون استفاده از HTML  امکان پذیر نیست و در واقع شالوده و اسکلت هر وب سایتی HTML آن حساب میشه.

 

آموزش HTML یکی از اساسی‌ترین ماموریت‌های سبزلرن برای پرورش برنامه نویسان وب حرفه‌ای محسوب میشه. حتما اسمشو شنیدید اما شاید براتون سوال پیش اومده که چرا و چطور باید اون رو یاد گرفت و چه اهمیتی داره؟ میشه گفت الفبای برنامه نویسی وب هست و یادگیری این زبان نشانه گذاری مشهور، اولین پیش نیاز ورود به این تخصص جذاب محسوب میشه.

 

 

HTML5 در دهه گذشته به عنوان نسخه جدید و بهبود یافته از زبان HTML و با هدف بهبود قابلیت‌ها و امکانات وب توسعه داده شد که در ادامه مهمترین مزیت های اون رو بررسی می کنیم :

 

1 – ساختار ساده‌تر :

در HTML5 ساختار صفحات وب به صورت ساده‌تر و قابل فهم‌تری قابل تعریف هست و همین مورد کمک میکنه تا کدنویسی راحت‌تر و سریع‌تری داشته باشید.

 

2 – پشتیبانی از چند رسانه‌ای:

 HTML5 برخلاف نسخه قبلی، قابلیت پشتیبانی از صوت، تصویر و ویدئو رو به صورت native داره، یعنی نیاز به استفاده از پلاگین‌های جانبی مثل Flash نداره. همین قابلیت باعث سرعت بخشیدن به بارگذاری صفحات و کاهش استفاده از منابع سخت افزاری مورد نیاز میشه.

 

3 – پشتیبانی از طرح بندی‌های پویا:

HTML5 قابلیت‌های CSS3 رو در خودش جاسازی کرده تا قابلیت‌هایی مثل تغییر سایز و تکان دادن عناصر، سایه‌ها و افکت ها رو پشتیبانی کنه.

 

4 – تگ های جدید:

HTML5 شامل تگ های جدیدی هست که به طور خاص برای ساختاردهی صفحات وب طراحی شدن، مثل <header>، <nav>، <section>، <article> و <footer>. این تگ ها به توسعه دهندگان کمک میکنن تا صفحات رو به شکل منطقی تقسیم کرده و چیدمان رو اصولی تر پیاده سازی کنن.

 

5 – فرم‌های پیشرفته:

HTML5 قابلیت‌های پیشرفته ای هم در زمینه تعامل با فرم‌ها ارائه میکنه. از جمله اعتبارسنجی (validation)، نوع داده (input type)، تقویم (date picker)، جستجوی خودکار (autocomplete) و غیره. این ویژگی‌ها به کاربران کمک میکنن تا فرم‌ها رو بهتر و سریعتر پر کنن!

 

 


 

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

 

خوشحالیم که شما هم به بهترین مرجع آموزش HTML رایگان سر زدید و قراره یک بار برای همیشه و کاملا اصولی و راحت یادش بگیرید و از کار کردن با اون لذت ببرید.

 


 

 

تو این دوره قراره چی یاد بگیریم؟

1. مقدمه‌ای درباره HTML و نحوه عملکرد اون

2. ساختار اساسی یک صفحه وب با استفاده از تگ‌ها و المان‌های HTML

3. استفاده از تگ‌های متنی برای نمایش متن در صفحه

4. ایجاد لینک‌ها و پیوندها بین صفحات

5. اضافه کردن تصاویر و رسانه‌ها به صفحه

6. استفاده از فرم‌ها برای جمع‌آوری اطلاعات از کاربران

7. استفاده از تگ‌های جدول برای نمایش داده‌ها در قالب جدول

8. استفاده از تگ‌های لیست برای نمایش داده‌ها به صورت لیست

9. استفاده از تگ‌های قالب‌بندی برای طراحی صفحات وب

10. استفاده از تگ‌های هدر و فوتر برای نمایش اطلاعات عنوان و پانویس در صفحات

12. استفاده از تگ‌های شکل‌دهی برای ایجاد عناصر گرافیکی مانند خطوط و شکل‌ها

13. استفاده از تگ‌های صوت و ویدئو برای نمایش رسانه‌های صوتی و تصویری

 

 


 

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

 


 

 

این دوره برای چه کسانی مناسب هست؟

  • اگر به حوزه فرانت‌اند و طراحی رابط کاربری (UI) علاقه دارید
  • اگر دوست دارید صفحات سایت خودتون رو شخصا به شکل دلخواه تغییر بدید
  • اگر قصد دارید سایت هارو آنالیز کنید یا از ساختار اونها ایده بگیرید
  • اگر قصد دارید یک برنامه‌نویس وب (طراح سایت و اپلیکیشن تحت وب) بشید
  • اگر دوست دارید کدهای بهینه تولید کنید تا سئوی قوی‌تری داشته باشید

 

 


 

گذروندن آموزش HTML از نون شب و حتی چایی صبح واجب تره و یکی از اولین چک لیست‌های شما برای ادامه مسیر محسوب میشه.

 


 

 

چرا سبزلرن بهترین گزینه برای یادگیری هست؟

ما هم مثل شما می‌دونیم که در هر زمینه‌ای منابع آموزشی زیادی وجود داره. اما اینکه اون منبع، مطالب آموزشی رو بر اساس تجربه و انجام پروژه‌های مختلف به صورت بومی‌سازی شده ارائه بده یا صرفا کپی از منابع رسمی و کتابی، مسئله مهمیه!

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

 

 

بعد از اتمام دوره به چه نتیجه‌ای می‌رسیم؟

بعد از سال‌ها تجربه و پرورش صدها برنامه‌نویس می‌تونیم به جرات اعلام کنیم که کامل‌ترین و بهترین دوره آموزش HTML در اختیار شماست و غیر از اون به هیچ منبع و استاد دیگه‌ای نیاز نخواهید داشت. با بهترین کیفیت، بهترین محتوا و بهترین مدرس! مطمئن باشید که بالافاصله بعد از دوره به چنان تسلط و آگاهی نسبت به HTML می‌رسید که هیچ صفحه سایتی خارج از دید ذره بین و تحلیل شما نباشه و هر ایده‌ای تو ذهنتون باشه بتونید خیلی راحت پیاده کنید.

 

 

به طور خلاصه شما بعد از دیدن این دوره :

  • توانایی پیاده سازی ساختار صفحات وب رو خواهید داشت و میتونید بخش های مختلف یک صفحه وب سایت رو با استفاده از تگ های مخصوص هرکار، به راحتی پیاده سازی کنید. مثلا در صفحات ساختار هایی مثل پاراگراف، لینک ها، تصاویر و… رو قرار بدید.
  • به کمک html5 و تگ لینک میتونید بین صفحات وب سایت ارتباط برقرار کنید که با کلیک روی یک لینک به صفحه مورد نظرتون منتقل بشه و یا به صفحات وب سایت های دیگه منتقل بشه.
  • با توجه به اینکه کار با جدول ها رو هم در این دوره یاد می گیرید، میتونید جدول های مختلفی رو هم مطابق با نیاز خودتون پیاده سازی کنید.

خلاصه ش کنیم؟!

هیچ چیزی در HTML نخواهد بود که شما بعد از دوره متوجه اون نشده باشید یا به جستجو و تحقیق بیشتر نیاز پیدا کنید. تمام کارهایی که میشه با اون انجام داد رو یاد میگیرید. در این مورد شک نکنید!

 

 

این دوره پیش نیاز خاصی داره که باید قبلش بلد باشم؟

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

 

 

با یادگیری HTML میتونم به درآمد برسم؟

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

 

 

وقتی این دوره رو دیدم قدم بعدیم چیه؟

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

 

 


 

یادتون باشه یادگیری HTML و CSS در بازار امروز جزو ساده ترین و واضح ترین پیش نیازهای تبدیل شدن به برنامه نویس وب هست. پس هرچه سریع تر باید اونهارو یاد بگیرید تا زودتر به تکنولوژی های اصلی برسید.

 


 

 

چه تضمینی هست که خوب و کامل یاد بگیرم؟

چندین دلیل هست که معمولا باعث عدم نتیجه‌گیری شما از دوره‌ها میشه :

1 – کیفیت محتوای آموزشی و مدرس اون

2 – اشتیاق و علاقه‌مندی کافی برای یادگیری

3 – نبود پشتیبانی در دسترس و قوی در حین آموزش

4 – عدم مرور و تمرین مطالب و انبار کردن اونها برای روز مبادا!

دو مورد اینها بر عهده شماست و دو مورد هم بر عهده سبزلرن. ما به شما قول میدیم این آموزش رو با بالاترین کیفیت و موثرترین پشتیبانی در اختیار شما قرار بدیم. شما قول می‌دید که با علاقه و پشتکار تمام تمرینات رو انجام بدید تا به نتیجه برسید؟! پس همه چی حله…

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

07:37

سرفصل ها

1

معرفی دوره

جلسه رایگان
01:31
3

معرفی و توضیح Html

جلسه رایگان
09:37
5

ایجاد اولین پروژه

جلسه رایگان
10:07
6

بررسی تگ head و body

جلسه رایگان
15:09
7

Headings & paragraphs

جلسه رایگان
14:45
8

بررسی Attributes

جلسه رایگان
10:52
17

لیست ها در Html

جلسه رایگان
15:38
22

بررسی ویژگی Class و Id

جلسه رایگان
10:58
30

Form Attributes

نقدی
06:16
33

Input Type

نقدی
11:57
34

Input Attributes

نقدی
17:28
36

نگاه کلی به Canvas و Svg

جلسه رایگان
05:09
37

بررسی Iframe

نقدی
04:39

نظرات

ثبت نظر جدید
عرفان فیروزی
دانشجو
1402/07/06
عالی استاد
Mehnooshf
دانشجو
1402/07/03
سلا استاد عالی توضیح می‌دهید من از سایت‌های دیگر آموزش ها میدیدم درست نمیفهمیدم ولی اینجا کامل درک میکنم ممنون بزرگوار
alirabieey
دانشجو
1402/07/03
سلام دوره شمارو استفاده کردم عالی بود ازمون سایت w3schools رو که دادم متوجه شدم خوب یاد گرفتم پروژه هایی که گفته شد رو هم انجام دادم خیلی خوب بود بازم تشکر
mohammadROS
دانشجو
1402/07/02
سلام خسته نباشید
حس میکنم بعد از آپدیت شدن سایتتون ویدیو اموزش قبلی از دست دادین چون این اموزش با تگ اپدیت 2023 در کل خوبه ولی از قبلی ضعیف تره و انگار فقط ساخته شده که باشه !!! خیلی ممنون.
قدیر یلمه
مدیریت
1402/07/03
خیر عزیزم. این دوره اپدیتش از سال قبل شروع شد و بطور کامل مجددا با کیفیت و انسجام بهتر ضبط شد

این درحالیه که اپدیت جدید سایت تقریبا ۲۰ روز قبل بوده
mohammad mahdi yaghoobi
دانشجو
1402/07/01
درود به همگی
راستش من از html هیچی به اصطلاح بارم نبود و هیچچچی در موردش نمیدونستم اما تا الان که جلسه 16 هستم نسبت به دوستام که کلاس میرن دانایی بیشتری دارم. اونا همچی رو حفظی یاد گرفتن که ممکنه بعد از مدتی یادشون بره اما تو این دوره من همچی رو مفهومی یاد گرفتم که اصلا یادم نمیره. به کسایی که میخوان از اول و پایه یادگیری html رو شروع کنن این دوره رو به شدت بهشون پیشنهاد میکنم.
مشاهده بیشتر