دوره آموزشی HTML5 

html در واقع اولین سنگ بنای طراحی وب سایته که لازمه برای شروع اونو خیلی خوب یاد بگیرید، برای شروع طراحی سایت لازمه با یه سری اصطلاحات آشنا بشید تا درک بهتری از زبان های برنامه نویسی داشته باشید؛

• کلاینت (Client): کامپیوترهای عادی که در دسترس من و شماست
• سرور (Server): ابر کامپیوترهای که وظیفه سرویس دهی به کامپیوتر کاربران رو دارد
• کلاینت ساید (Client side): (معنی:سمت کاربر) کدهایی که روی مرورگر و سیستم کاربر پردازش میشه و کاربر میتونه به اون کدها دسترسی داشته باشه
• سرور ساید (Server side): (معنی:سمت سرور) کدهایی که روی سرور پردازش میشه و فقط نتیجه به کاربر نمایش داده میشه و کاربر نمیتونه به کدهاش دسترسی داشته باشه
• فرانت اند (Front-end): بخشی است که قابل دیدن است و با آن تعامل می کنیم
• بک اند (Back-end): بخشی که قابل دیدن نیست اما برای تعامل لازم است

اجازه بدید با یه مثال ساده تفاوت Back-end و Front-end رو بهتون بگم:
Front-end (فرانت اند): هر آنچه در صحنه یک تئاتر میبینید مثل بازیگران میشه 
Back-end(بک اند): هر آنچه در پشت صحنه تئاتر هست و شما نمیبینید اما تاثیر مستقیم بر روی تئاتر دارد مثل کارگردان و نویسنده 

HTML زبان برنامه نویسی نیست!!!
درست دیدید HTML زبان برنامه نویسی نیست! بلکه زبان نشانه گذاریه؛ اصن بیاید ببینیم html چی هست؟

HTML چیست؟

عبارت HTML (اچ تی ام ال) مخفف Hyper Text Markup Language به معنی زبان نشانه (تگ) گذاری ابر متن است، بذارید یکم بیشتر توضیح بدم
زبان HTML شامل یه سری تگ میشه که این تگ ها هر کدوم یه خصوصیاتی دارن مثلا برای نوشتن پاراگراف از تگ p استفاده میکنیم یعنی هر متنی بین تگ باز (p) و تگ بسته (p/) قرار بگیره مثل یک پاراگراف ساده نشون میده یا مثلا هر متنی بین تگ قرار بگیره عنوان محسوب میشه و از نظر سایز از متن داخل تگ بزرگتر و ضخیم تر نمایش داده میشه.

html زبان استاندارد طراحی صفحات وب است و در نهايت کليه کدهای صفحه اعم از سمت سرور (Serverside) و سمت کاربر (Client side) به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند.

زبان های برنامه نویسی به دو بخش اصلی کلاینت ساید (client side) و سرور ساید (server side) تقسیم میشن؛

• زبان های طراحی قالب سایت که سمت کاربر پردازش میشه مثل (HTML, CSS, JavaScript) زبان کلاینت ساید میگویند.
• زبان های برنامه نویسی سایت که سمت سرور پردازش میشه (PHP, ASP, Ruby, Python) زیان سرورساید میگویند.

یادگیری HTML

برای برداشتن اولین قدم در طراحی قالب سایت، شما نیازمند یادگیری html میباشید؛ در واقع html اسکلت و استخون بندی وب سایت شماست که با یادگیری css و فریمورک هاش مثل بوت استرپ و... میتونید قالب سایت مورد نظرتونو طراحی کنید. دوست من هر صفحه وب سایتی که میبینی یقینا با استفاده از زبان HTML ایجاد شده و هیچ صفحه سایتی وجود ندارد که از HTML استفاده نکرده باشه، در کنار این زبان که اسکلت تمام صفحات سایت هست از زبان های دیگری هم قطعا استفاده میشود اما همانطور که اشاره کردم استخوان بندی تمام صفحات وب سایت با استفاده از زبان html ایجاد میشه.
شما برای ورود به دنیای طراحی سایت لازمه آموزش HTML رو خیلی جدی بگیرید چرا که میتونه به شما کمک کنه وب سایتی اصولی تر و حرفه ای تر ایجاد کنید ، در دوره آموزش html ما با استفاده از به روز ترین تکنولوژی طراحی سایت و آخرین ورژن html یعنی HTML5 شما را از پایه با ساده ترین مفاهیم آشنا میکنیم و به شما آموزش میدیم که چطور با استفاده از این آموزش ها اولین وب سایت خودتون رو طراحی کنید ، توی دوره آموزشی html از صفر به سادگی شما را با تمام مفاهیم مانند تصاویر و رنگ ها و آدرس دهی های پیشرفته و ... آشنا میکنیم و شما با سپری کردن این دوره میتونید از اینکه اولین قدم رو در طراحی سایت با قدرت برداشتید مطمئن بردارید
یکی از شغل های اصلی در رابطه با وب سایت طراح سایت و یا Web Designer هست که کار طراحی قالب یا اصطلاحا UI-User Interface رو انجام میده که یکی از شغل های بسیار زیبا و لذت بخش دنیاست، اگر شما تصمیم گرفتید وارد عرصه طراحی وب سایت بشید لازمه به زبان HTML به طور کامل مسلط بشید.

کاربرد html در برنامه نویسی و طراحی سایت

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

یادگیری زبان HTML (اچ تی ام ال) را دست کم نگیرید...!

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

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

آموزش مقدماتی html 

ابتدا به توضیحات پایه ای و ضروری راجع به اصول طراحی سایت و تاریخچه html میپردازیم، سپس ساختار کدها و تگ¬های html و خصوصیت آن¬ها بررسی میکنیم؛ در ادامه ساخت منو با html،  انواع لینک ها و آپلود عکس رو یادمیگیرید. یکم css یادمیگیریم بعد به عنوان پروژه با هم یه گالری تصاویر درست میکنیم.
خب تا اینجا کار  ما باhtml4  تموم میشه 

آموزش پیشرفته html

میریم سراغ آموزش html5، با تگ ها و ویژگی های اضافه شده و جدید html5 به طور کامل آشنا میشیم، المان های اضافه شده در ساخت فرم با html5 تست میکنیم و در انتها دوره آموزشی html5 رو با نحوه بارگذاری ویدئو و صدا به پایان میرسانیم
 

ویدئو معرفی دوره جامع html 

شما با تسلط کافی بر زبان HTML میتوانید به سراغ تکمیل طراحی قالب بروید و زبان های دیگری چون CSS یا ... را بیاموزید و شغلی زیبا با درآمدی مناسب را برای خود ایجاد کنید .

سرفصل های دوره پروژه محور HTML 

اصول طراحی سایت 

جلسه اول: آشنایی با اصول طراحی سایت با HTML:

زبان های سرور ساید و کلاینت ساید، مقدمات 

Html مقدماتی

جلسه دوم ساختار کدها و تگ های html:

ابزار های طراحی سایت ، آشنایی با دستورات html(تگ ها)

جلسه سوم آشنایی با خصوصیت تگ های html:

انواع Text Level و Block Level، کنترل متون سایت، خصوصیت تگ های مختلف

جلسه چهارم آموزش ساخت منو و لیست ها در html:

تگ هایul ، ol ، dl برای ساخت لیست و منو و انواع تگ های Empty و Container و تگ hr

جلسه پنجم: ساخت انواع لینک در HTML:

آموزش آدرس دهی در وب، داخلی، خارجی، ایمیل و Anchor

جلسه ششم: آموزش آپلود تصاویر در سایت:

انواع تصاویر و بهینه سازی تصاویر در وب سایت و انتخاب تصویر برای بک گراند صفحه با html

جلسه هفتم: آموزش تکمیلی تصاویر:

ساخت انیمیشن Gif و image map و بهینه سازی آنلاین تصاویر

جلسه هشتم: طراحی با جدول ها:

آشنایی با متد های طراحی، جداول تو در تو

جلسه نهم: آموزش ساخت فرم در HTML:

خصوصیات و موارد مختلف در فرم

جلسه دهم: آموزش رنگ ها در html:

مدهای مختلف آن، meta تگ ها و تگ های دیگر در Head

پروژه

جلسه یازدهم: (پروژه) ساخت اولین گالری تصویر:

با استفاده از جدول ها و لینک ها و تصاویر

Html پیشرفته

جلسه دوازهم: طراحی Box Model و Full Css:

آشنایی با تگ div

جلسه سیزدهم: تاریخچه HTML5:

آشنایی با نحوه نگارش کدها

جلسه چهاردهم: آموزش تگ های جدید:

(DOCTYPE,header,nav,section,aside,footer) در HTML5

جلسه پانزدهم:  آشنایی با تگ های جدید:

(article,figure,figcaption,mark,progress,meter,time,details,summary) در HTML5

جلسه شانزدهم: آموزش ویژگی ها و المان های جدید HTML5 برای ایجاد فرم:

(color,date,datetime,month,time,url,range,search, autocomplete, autofocus, required, multiple,…)

جلسه هفدهم: آموزش کامل تگ های Video ,Audio در HTML5:

خصوصیات autoplay , controls, loop, preload,  poster

جلسه هجدهم: آموزش گرافیک های برداری (Vector) در HTML5:

تگ SVG