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

آخرین بروزرسانی این دوره در تاریخ 16/بهمن/1400 است.

مقدمه

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

زبان HTML چیست ؟

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

مفهوم HTML ؟

وقتی حرف از طراحی وب‌ سایت به میان می‌ آید، در ابتدا ذهن تمامی افراد ناخواسته به سمت زبان HTML و CSS هدایت می‌ شود. واژه HTML (اچ‌ تی‌ ام‌ ال) مخفف Hyper Text Markup Language به معنی زبان نشانه‌ گذاری ابر متنی است. چون این زبان، یک زبان سطح پایین برای طراحی قالب و اسکلت بندی یک وب سایت است که توسط مرورگر ترجمه شده و به کاربر نمایش داده می‌ شود. به طور دقیق‌ تر، شما وب‌ سایتی را به زبان PHP و یا ASP.Net طراحی و برنامه نویسی می‌کنید، که تبدیل به قطعه کدهای HTML شده و بر روی مرورگر ترجمه شده و به کاربر نمایش داده می‌ شود.

برای آموزش HTML باید چه چیزهایی را بدانیم؟

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

آموزش html چقدر زمان میبرد‌؟

برای یادگیری HTML تقریبا بین 5 تا 8 ساعت آموزش مفید لازم است و  همین طور تقریبا 1 هفته تمرین لازم است تا بر روی دستورات آن تسلط پیدا کنید. پس یادگیری این زبان آنقدر کار سخت و پیچیده ای نیست فقط کافی است که کار را شروع کنید و یادگیری خود را از همین لحظه آغاز کنید.

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

آیا یادگیری html برای طراحی وب ضروری است؟

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

دوره آموزش html چند درصد از مباحث را پوشش می‌دهد؟

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

آموزش زبان اچ تی ام ال

زبان برنامه نویسی html نیز همانند همه زبان های برنامه نویسی سیر تکامل خود را مرحله به مرحله طی کرده است و در ابتدا کار خود را با نسخه اول html شروع کرد و به مرور این نسخه ارتقاء پیدا کرد و مشکلات خود را به مرور حل کرد تا زمانی که به نسخه html4 رسید در این نسخه نیز مشکلاتی اعم از این که هنوز html برای استفاده کردن از videoها و audioها وابسته به افزونه هایی همچون flash بود و این خود نقطه ضعف بسیار بزرگی بود. همین موضوعات توسعه دهندگان این زبان را به فکر تحول اساسی برای رفع این مشکلات و بهبود html4 و درست در همان زمان بود که ارتقاء دادن اینترنت به آن سوی web 2.0 به یک نسخه جدیدی از استاندارد html نیاز بود تا این نواقص نسخه html4 را رفع کند. نام این استاندارد html5 که توسعه آن از سال 2004 هنگامی که اولین پیش نویس های آن توسط دو شرکت بزرگ اپرا و موزیلا ارایه شد آغاز گشت. اما تا اوایل سال 2013 که پیش نویس نهایی آن از سمت کنسرسیوم وب جهان گستر ارسال شد. هنوز مرجع استانداردی برای وب نهایی نشده بود.

جدیدترین نسخه HTML ؟

این واقعا یک تصور غلط است که بگوییم یک زبان تمام احتیاجات ما را برطرف میکند پس احتیاجی به ارتقاء ندارد. و یا نباید نسخه جدید آن را برای توسعه یادبگیریم. همواره در طول تاریخ بشر در حال پیشرفت بوده و این پیشرفت باعث باعث به وجود آمدن نیاز های جدید در زندگی بشر میشود پس باید تکنولوژی ها هم همواره پا به پای نیازهای جدید بشر، خود را به روز کنند. پس نباید تصور کنیم که کار با ارتقاء html4 تمام شده است. در اولیل سال 2015 زبان html5 خود را به نسخه html5.1 ارتقاء داد و این چرخه توسعه هیچ گاه پایان نمیبابد. اما درست است که html 5.1 توسعه داده شده اما همواره برنامه نویسان از html5 استفاده میکنند چون html5.1 هنوز به صورت رسمی معرفی نشده و همچنان html5 تا سال ها بر قوت خود پایدار خواهد ماند.

نسخه‌های مختلف HTML

تا امروز ورژن های مختلفی از زبان HTML منتشر شده، که در این قسمت لیستی از این نسخه ها را می‌توانید ببینید.

• HTML در ابتدا در سال ۱۹۹۱ منتشر شد.
• HTML 2.0 در ۱۹۹۵ منتشر شد.
• HTML 3.2 در ۱۹۹۷ منتشر شد.
• HTML 4.01 در ۱۹۹۹-۲۰۰۰ منتشر شد.
• HTML5 که آخرین و پیشرفته‌ترین نسخه از HTML است را در سال ۲۰۱۴ منتشر کردند.

تفاوت های HTML5 با نسخه های قبلی HTML

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

هدف دوره آموزش HTML در ابتدا این است که شما را با مبانی HTML (که تقریبا در تمام نسخه‌ها یکی است) و سپس با مفاهیم پیشرفته و جدید HTML5 آشنا کند.

آموزش های این دوره نیز با جدیدترین نسخه html که همان html5 است پیش برده شده و در صورتی که هر زمان نسخه جدیدی از html معرفی شود این آموزش آپدیت میشود و در صورتی که تغییرات نسخه جدید بسیار زیاد باشد دوره جدیدی در وب سایت با همین نام منتشر میشود.

دوره پیشنهادی بعد از گذراندن این دوره

دوره جامع و پروژه محور CSS

فهرست سرفصل ها و مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است 

• درس اول: مقدمات html
• معرفی html
• لزوم یادگیری html
• بررسی سر فصل ها
• بررسی و معرفی پروژه های دوره
• درس دوم: بررسی تاریخچه html
• بررسی تاریخچه html
• بررسی سیر تکاملی این زبان
• نحوه نسخه بندی های این زبان
• معرفی زبان xhtml
• درس سوم: ویرایشگر  phpstorm 2021 
• معرفی بهترین ویرایشگر متن( IDE ) 
• نصب ویرایشگر phpstorm 2021
• شروع به کار کردن با ویرایشگر
• ساخت اولین پروژه
• درس چهارم: شروع کار با تگ ها
• معرفی تگ ها
• بررسی ساختار یک سند html
• معرفی تگ heading
• کار با تگ div
• کار با تگ p
• معرفی تگ br
• درس پنجم: ادامه کار با تگ ها
• معرفی elemment ها
• معرفی attributeها
• کار با تگ img
• معرفی attributeهای alt و title
• معرفی تگ  لینک
• درس ششم: کامنت گذاری و استایل دهی
• کامنت چیست
• لزوم کامنت گذاری در طراحی
• بررسی انواع کامنت گذاری
• کار با استایل دهی در تگ ها
• درس هفتم: کار با formatting-text ها
• معرفی تگ del,ins, address
• معرفی تگ strong, i, em, small, mark
• معرفی تگ  cite,bdo , q, blockquote
• معرفی تگ sup & sub
• درس هشتم: شروع css مقدماتی
• معرفی مفهوم style
• معرفی روش های style گذاری
• آشنایی با id و class در css
• درس نهم: کار با لیست ها
• تگ ul, li, ol
• معرفی تگ dt, dd, dl
• درس دهم: ;کار با جداول
• معرفی تگ table
• معرفی تگ tr, td, th
• بررسی colgroup ها
• درس یازدهم: کار با فرم ها
• معرفی تگ form
• معرفی تگ lable
• معرفی انواع تگ input
• درس دوازدهم: بررسی تگ های معنایی
• معرفی و بررسی تگ های معنایی در html5
• پیاده سازی یک تمرین با تگ های معنایی
• درس سیزدهم: بررسی ui قالب
• معرفی و کار با رنگ ها
• معرفی کار با آیکن ها
• درس چهاردهم: کار با iframe
• معرفی iframe
• پیاده سازی iframe در صفحه قالب
• درس پانزدهم: بررسی meta tag
• معرفی متا تگ ها و تاثیر آن ها در قالب
• درس سیزدهم: کار با تگ video و audio
• معرفی و کار video ها و بررسی attributeهای آن
• معرفی کار audio ها و بررسی attributeهای آن
• درس چهاردهم: پیاده سازی پروژه های پایان دوره
• پیاده سازی سه قالب با سطح های متفاوت

بعد از گذراندن این دوره شما آمادگی لارم را پیدا خواهید کرد که یک گام دیگر در جهت پیشرفت در آموزش ها بردارید و دوره آموزش جامع و پروژه محور CSS و بعد از آن برای بالا بردن مهارت کد نویسی خود دوره جامع Emmet را شروع کنید.

نرم افزار های این دوره را میتوانید از لینک زیر دانلود کنید

نرم افزار phpstorm2021