آموزش جامع HTML5 (از 0 تا 100)

HTML5 در واقع پنجمین نسخه HTML است ک از برچسب ها و ویژگی های بیشتری پشتیبانی می کند. از نظر فنی این نسخه را HTML 5.0 می نامند، اما در بین توسعه دهندگان به آن HTML5 گفته می شود. آخرین نسخه مرورگر ها مانند Safari ،Opera ،Chrome و Firefox از همه ویژگی های HTML5 به خوبی پشتیبانی می کنند.

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

در این دوره چه مباحثی آموزش داده شده است؟

ما در این دوره به آموزش جامع HTML5 می پردازیم. این دوره با تمرکز بر بازار کار تمامی مباحث مرتبط با HTML 5 را به شما آموزش می دهد. در دوره آموزش HTML5 از 0 تا 100 نحوه کار با این زبان نشانه گذاری را به شما آموزش می دهیم. از تگ ها و روش های لینکدهی گرفته تا کار با تصاویر و روش های استایل دهی و ایجاد جداول و… همگی به طور کامل در این دوره به شما آموزش داده شده است و کافیست تا شما با دقت تمام قسمت های این دوره را مشاهده نمایید.

سرفصل های دوره آموزش جامع HTML5

بخش اول: آشنایی با HTML

• درباره HTML
• شروع کار با HTML

بررسی تگ‌ها و مفاهیم:

• زبان
• عنوان‌ها
• پاراگراف
• رنگ‌ها
• نام لاتین علائم
• و …

بخش دوم: تگ‌های عبارتی

• بررسی تگ‌های عبارتی (Phrase Tags)

بخش سوم: روش‌های لینک‌دهی

• بررسی روش‌های لینک
• , <a href> , <a name> , …<a>
• اجرای لینک‌ها در انواع مرورگرها

بخش چهارم: کار با تصاویر

قسمت اول:

• بررسی و درج ویژگی‌های تصویر

قسمت دوم:

• قرار دادن محدوده انتخابی مستطیل و دایره بر روی یک تصویر

قسمت سوم:

• انتخاب قسمت‌هایی از تصویر به شکل چندضلعی

قسمت چهارم:

• قرار دادن تگ رنگ و تصویر برای پشت زمینه صفحه سایت

بخش پنجم: روش‌های استایل‌دهی

بررسی روش‌های استایل‌دهی:

• Inline Style
• Internal Style
• External Style

بخش ششم: ایجاد و بررسی لیست موارد

قسمت اول:

• لیست موارد به ترتیب (Order List)
• لیست موارد بدون ترتیب (Unorder List)

قسمت دوم:

• روش استفاده از تگ Description
• لینک کردن موارد لیست
• قرار دادن تصویر به جای Bullet در لیست موارد

قسمت سوم:

• زیر مجموعه‌سازی ترکیبی در لیست موارد
• نکاتی در خصوص رنگ‌بندی متن و Bullet ها
• تعیین ویژگی لیست موارد با استفاده از کلاس‌های CSS

بخش هفتم: ایجاد و بررسی جدول‌ها

• نحوه ایجاد جدول‌ها
• بررسی تگ‌ها و ویژگی‌های مختلف جدول‌ها
• چیدمان عناصر درون سلول‌ها و موارد مربوط به ظاهر جدول
• ادغام سلول‌های سطرها و ستون‌های جدول
• بررسی و ایجاد قسمت‌های مختلف جدول (Header, Body, Footer)

بخش هشتم: بخش‌بندی صفحات وب

قسمت اول:

بخش‌بندی صفحه وب

بررسی موقعیت‌های:

• Absolute
• Relative
• Fixed

قسمت دوم:

• ایجاد کردن قالب صفحه وب

بخش نهم: ایجاد و کار با فرم‌ها

قسمت اول:

ایجاد Form دریافت اطلاعات کاربر

ایجاد و بررسی کنترل‌های:

• Text
• Checkbox
• Radio
• Password
• Textarea
• Datetime
• و …

قسمت دوم:

• نکات تکمیلی در خصوص ایجاد Form

بخش دهم: درج فایل‌های صوتی و تصویری

قسمت اول:

• درج Audio در صفحه وب
• بررسی تگ Audio و ویژگی‌های آن
• Controls
• Loop
• Muted
• Preload
• تگ‌های Object, Embed

قسمت دوم:

• درج Video در صفحه وب
• بررسی تگ Video و ویژگی‌های آن
• Controls
• Preload
• Poster
• Loop
• Muted
• تگ‌های Object, Embed
• دانلود ویدئو

بخش یازدهم: بررسی و استفاده از متا تگ‌ها

قسمت اول:

• بررسی تگ Base

قسمت دوم:

• بررسی Meta Tags
• Charset
• Keywords
• Description
• Author
• Refresh
• Language

بخش دوازدهم: کار با رنگ‌ها

• بررسی رنگ‌ها در صفحات وب

بخش سیزدهم: انتشار صفحه وب

• آپلود کردن صفحه وب طراحی شده در Github

حاصل دوره

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