قیمت ۱۶۰,۰۰۰ تومان ۳۵,۰۰۰ تومان

ویژگی های دوره
نوع دوره: غیر حضوری
پیش نیاز: ندارد
زبان: فارسی
22 ساعت و 50 دقیقه
24 جلسه
2.71 گیگابایت
روش دریافت: دانلود

آموزش htmlبه دوره آموزش html از مقدماتی تا پیشرفته و ۱۰۰%تضمینی سایت بیست آموز خوش آمدید.

html یه زبان نماد گذاری بسیار کامل هستش که جهت ایجاد قالب و ساختار سایت ها در زمان طراحی اونها انجام میشه.

زبان نمادگذاری html در کنار زبان ها و ابزارهایی مثل css ، JavaScript ، PHP ، MySQL و … جهت ایجاد سایت های مختلف به کار میرن.

در اصل html اولین زبانی هستش که برای شروع طراحی سایت لازمه یاد بگیرید.

در ضمن برای اینکه سایت های خیلی پرقدرتی از نظر ساختار ی داشته باشیم ، تا در کنار قدرت سایت ، رتبه خوبی رو هم بتونه در بین موتورهای جست و جو کسب کنه ، باید به صورت خیلی خوبی به html مسلط باشیم.

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

زمان این دوره آموزشی که داخل جلساتش از هرگونه اضافه گویی و مطالب حاشیه ای پرهیز شده چیزی حدود ۲۳ ساعت هست که در نوع خودش بینظیره.

چرا بیست آموزحالا بریم سراغ سرفصل های جلسات کاملترین دوره آموزش html از مقدماتی تا پیشرفته و صددرصد تضمینی

جلسه اول آموزش مقدماتی تا پیشرفته html 

مفاهیم اولیه زبان نمادگذاری html – اولین قدم آموزش html

  • مقدمه ای بر دوره آموزش html
  • چرا باید html را یاد بگیریم؟
  • html مخفف چیست؟
  • html چه زمانی و توسط چه کسی ابداع شد؟
  • کار html چیست ؟
  • کار css چیست؟
  • آیا html و css یک کار انجام می دهند؟
  • آیا html و css زبان برنامه نویسی هستند؟
  • معرفی نسخه ها یا ورژن های html
  • تفاوت نسخه html5 با xhtml
  • تعریف تگ (tag) یا نماد در html
  • تعریف عنصر یا elemnt در html
  • تعریف سند یا document در htmll
  • تعریف پسوند یا فرمت سندها در html
  • تفاوت پسوندهای htm و html
  • معرفی ویرایشگرها یا editor های معروف جهت کدنویسی در html
  • ساختار و اسکلت اصلی سایت توسط کدام زبان کدنویسی ایجاد می شود؟
  • نمای ظاهری و نمایشی سایت توسط کدام زبان کدنویسی انجام می شود؟

و در ادامه مباحث جلسه اول آموزش مقدماتی تا پیشرفته html …

  • مدیریت رویدادها در سایت توسط کدام زبان های برنامه نویسی انجام می شوند؟
  • تفاوت زبان های کدنویسی html ، css  ، javascript و php به زبانی ساده
  • تعریف زبان های سمت سرور یا server side
  • کاربرد زبان های سمت سرور در طراحی صفحات وب
  • تعریف زبان های سمت کاربر یا client side
  • کاربرد زبان های سمت کاربر در طراحی صفحات وب
  • تفاوت زبان های سمت سرور و زبانهای سمت کاربر
  • ارتباط زبان های سمت سرور و زبان های سمت کاربر در طراحی صفحات وب
  • تعریف دو مفهوم پرکاربرد ui و ux در طراحی سایت
  • تفاوت ui و ux
  • ui designer کیست و کارش چیست؟
  • ux designer چیست و کارش چیست؟
  • تفاوت ui designer و ux designer
  • طراح front-end کیست و چه کاری در طراحی صفحات وب انجام می ده؟
  • طراح back-end کیست و چه کاری در طراحی صفحات وب انجام می دهد؟
  • تفاوت طراح front-end و طراح back-end
  • ارتباط طراح front-end با ux و ui
  • ارتباط طراح front-end با زبان های سمت کاربر
  • ارتباط طراح back-end با زبان های سمت سرور
  • تعریف web developer در دنیای طراحی سایت
  • تعریف fulstack developer در دنیای طراحی وب
  • سایت های پویا یا dynamic چه سایت هایی هستند؟
  • چه سایت هایی باید به شکل پویا یا داینامیک ساخت شوند؟
  • سایت های ایستا یا static چه سایت هایی هستند؟

و در ادامه مباحث جلسه اول آموزش مقدماتی تا پیشرفته html …

  • چه سایت هایی باید به شکل ایستا یا استاتیک ساخته شوند؟
  • سایت های نیمه پویا به چه سایت هایی گفته می شود؟
  • کاربرد سایت هایی نیمه پویا چیست؟
  • تفاوت سایت های پویا (dynamic) با سایت های ایستا (static) و سایت های نیمه پویا در چیست؟
  • چه سایت هایی باید به شکل پویا ساخته شوند ؟ و چه سایت هایی باید به شکل ایستا ساخته شوند؟
  • نقاط ضعف و قوت سایت های پویا و ایستا چیست؟
  • از نظر اقتصادی سایت های داینامیک یا پویا به صرفه تر هستند یا سایت های ایستا؟
  • از نظر راحتی مدیریت سایت ، سایت های dynamic یا پویا به صرفه تر هستند یا سایت های static یا ایستا؟
  • نگاهی اجمالی بر سایت w3schools ، منبع آموزشی دوره آموزش کامل html

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

درحال بارگذاری...

جلسه دوم دوره آموزش تضمینی html

تعریف تگ (tag) یا برچسب و مباحث مربوط به تگ ها در آموزش html

  • تگ (tag) یا برچسب چیست ؟
  • تگ ها در html چه کاربردی دارند؟
  • انواع تگ در html 
  • تگ های جفت یا paired tags چه نوع تگ هایی هستند و چه کاربردی دارند؟
  • تگ های تکی (unpaired tags) یا تگ های خالی (empty tag)چه نوع تگ هایی هستند و چه کاربردی دارند؟
  • صفت یا ویژگی (attribute) در html چیست؟
  • صفت (attribute) ها در html چه کاربردی دارند؟
  • تعریف صفت (attribute) های سراسری (global) در html 
  • تگ ها با حروف کوچک باید نوشته شوند یا حروف بزرگ
  • انواع تگ یا برچسب بر اساس شکل قرار گیری در صفحات وب چه چه نام دارند؟
  • تگ های درون خطی یا inline tags چه نوع تگ هایی هستند؟
  • تگ های درون خطی یا inline tags چه خصوصیات و ویژگی هایی دارند؟

و در ادامه مباحث جلسه دوم دوره آموزش تضمینی html

  • تگ های بلاکی یا blocke-level tags چه نوع تگ هایی هستند؟
  • تگ های بلاکی یا blocke-level tags چه خصوصیات و ویژگی هایی دارند؟
  • تگ های درون خطی و بلاکی چه تفاوتهایی دارند؟
  • تعریف مفهوم وراثت در html 
  • تعریف تگ های تو در تو nested tags در html
  • قانون نوشتن صحیح تگهای تو در تو در html
  • ساختار سندهای html به چه شکلی است؟
  • تعریف اجمالی تگ doctype
  • تعریف اجمالی تگ html
  • تعریف اجمالی تگ head
  • تعریف اجمالی تگ body
  • تعریف اجمالی تگ 

و در ادامه میتونید فیلم آموزش رایگان جلسه دوم دوره آموزش کامل و تضمینی html رو مشاهده کنید.

درحال بارگذاری...

جلسه سوم دوره آموزش مقدماتی تا پیشرفته html 

تعریف تگ های پایه در html 

  • تعریف تگ <doctype>
  • کاربرد تگ doctype در html
  • آیا قراردادن تگ doctype در html ضروری است؟
  • انواع شکل های نوشتن تگ doctype
  • تعریف تگ </html><html>
  • بین تگ باز و بسته ی <html> چه تگ هایی قرار می گیرد؟
  • تگ html جزو کدام نوع تگ هاست؟
  • آیا قراردادن تگ html در سند html ضروری است؟
  • آیا می شود از چند تگ html در سند html استفاده کرد؟
  • تعریف تگ </head><head>
  • بین تگ باز و بسته ی <html> چه تگ ها و محتوایی قرار می گیرد؟
  • تگ head جزو کدام نوع تگ هاست؟
  • آیا قراردادن تگ head در سند html ضروری است؟
  • آیا می شود از چند تگ head در سند html استفاده کرد؟
  • تعریف تگ </title><title>
  • بین تگ باز و بسته ی <title> چه تگ ها و محتوایی قرار می گیرد؟
  • متنی که بین تگ title قرار می گیرد باید چه ویژگی های داشته باشد؟
  • تگ title جزو کدام نوع تگ هاست؟
  • آیا قراردادن تگ title در سند html ضروری است؟

و  در ادامه مباحث جلسه سوم دوره آموزش مقدماتی تا پیشرفته html 

  • آیا می شود از چند تگ title در سند html استفاده کرد؟
  • آیا می شود تگ title را در بین تگ باز و بسته ی body قرار داد؟
  • تعریف تگ </body><body>
  • بین تگ باز و بسته ی <body> چه تگ ها و محتوایی قرار می گیرد؟
  • متنی که بین تگ body قرار می گیرد باید چه ویژگی های داشته باشد؟
  • تگ bodyجزو کدام نوع تگ هاست؟
  • آیا قراردادن تگ body در سند html ضروری است؟
  • آیا می شود از چند تگ body در سند html استفاده کرد؟
  • قوانین قرار دادن محتوا بین تگ و باز و بسته ی body
  • تعریف توضیحات اضافی یا کامنت 
  • کاربرد comment در html
  • انواع روش های کامنت نویسی در html
  • تعریف کامنت تک خطی یا single line وو کاربرد آن در html
  • تعریف کامنت چند خطی یا multi line و کاربرد آن در html
  • تعریف کامنت شرطی یا conditional comment و کاربرد آن در html
  • مقایسه روش های کامنت گذاری در html

خُب حالا بریم سراغ فیلم آموزش رایگان جلسه سوم دوره آموزش حرفه ای html

درحال بارگذاری...

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

مقدمه ای بر نحوه استفاده از کدهای css در html

  • css چیست و چه کاربردی دارد؟
  • روش ها یا متدهای  مختلف نوشتن کدهای css بین کدهای html 
  • css نویسی به سبک درون خطی یا inline چیست؟
  • روش css نویسی به سبک درون خطی یا inline چه کاربردی دارد؟
  • نقاط ضعف و قوت روش css نویسی به سبک درون خطی یا inline
  • css نویسی به سبک درون برنامه ای یا internal چیست؟
  • css نویسی به سبک درون برنامه ای یا internalچه کاربردی دارد؟
  • نقاط ضعف و قوت روش css نویسی به سبک درون برنامه ای یا internal
  • نحوه تعیین حاشیه یا border عناصر html در css
  • نحوه تنظیم رنگ ، سبک و اندازه border در css
  • تعریف box model در css
  • تعریف مفاهیمی مثل margin  ، padding و content در css و ارتباط آنها با box model
  • نحوه تنظیم margin یک عنصر با عناصر دیگر در css
  • نحوه تنظیم padding یک عنصر در css
  • نحوه تنظیم پهنا یا width  یک عنصر در css
  • نحوه تنظیم ارتفاع یا height یک عنصر در css

و در ادامه میتونید فیلم رایگان جلسه چهارم آموزش html رو مشاهده کنید.

درحال بارگذاری...

جلسه پنجم آموزش کامل اچ تی ام ال 

تشریح  تگهای مربوط به سرتیترها در html

  • تعریف تگ های h1 تا h6  و کاربرد آنها در سرتیتر گذاری متن ها در html
  • آموزش نحوه صحیح استفاده از تگ های h1 تا h6
  • آشنایی با اهمیت هرکدام از تگ های h1 تا h6
  • نحوه تغییر نوع و اندازه فونت یا قلم عناصر h1 تا h6 با استفاده از دستورات css
  • نحوه تغییر رنگ متن عناصر h1 تا h6 با استفاده از دستورات css
  • نحوه تغییر رنگ پشت زمینه عناصر h1 تا h6 با استفاده از دستورات css
  • نحوه درست استفاه از تگ های h1 تا h6 و ارتباط آن با موتورهای جست جو 
  • ما مجاز به چند بار استفاده از تگ های h1 تا h6 در یک صفحه وب هستیم.
  • ما مجاز به چند بار استفاده از تگ h1 در یک صفحه وب هستیم.
  • متن سرفصل موجود در تگ های h1 تا h6 می تواند کپی باشد؟
  • طول متن سرفصل موجود در تگ های h1 تا h6 بهتر است چقدر باشد؟
  • حداکثر متن زیر سرفصل موجود در تگ های h1 تا h6 چند کلمه می تواند باشد؟

و  در ادامه مباحث جلسه پنجم آموزش کامل html 

  • کلیدواژه سایت می تواند در متن سرفصل موجود در تگ های h1 تا h6 تکرار شود؟
  • آشنایی با سئوی پاراگراف نویسی در html
  • آموزش کار با تگ head در html
  • اهمیت تگ head در html
  • آیا می توانیم از تگ head در html استفاده نکنیم؟
  • تگ head در کدام قسمت کدهای html قرار می گیرد.
  • بین تگ باز و بسته <head></head> چه محتوا و تگ هایی می تواند قرار بگیرد.
  • آیا متن بین تگ باز و بسته <head></head> در صفحه وب دیده می شود؟
  • آموزش کار با تگ hr در html
  • اهمیت تگ hr برای موتورهای جست و جو
  • نحوه تنظیم حاشیه و رنگ تگ hr
  • نحوه تنظیم محل قرار گیری تگ hr
  • نحوه تنظیم پهنای تگ hr

جلسه ششم آموزش مقدماتی تا پیشرفته html

تگ های مرتبط با پاراگراف بندی مطالب در html

  • نحوه استفاده از تگ پارارگراف <p></p>
  • نحوه ترکیب تگ p با تگ های h1  تا h6
  • سئو یا بهینه سازی پاراگراف ها
  • آموزش صحیح استفاده از پاراگراف در صفحات وب
  • متن پاراگراف باید چند کلمه باشد؟
  • جملات موجود در متن پاراگراف می تواند از چند کلمه تشکیل شود؟
  • متن کل صفحه حداقل باید چند جمله باشد تا سئوی ما پایین نیاید؟
  • متن پاراگراف می تواند شامل کلید واژه کانونی باشد؟
  • غلط املایی و انشایی در متن پاراگراف جایز است؟
  • مروری بر سئوی تگ های مربوط به سرتیترها
  • تگ br جزو کدام دسته از تگ ها می باشد؟
  • از تگ br در کدام قسمت های صفحات وب می توانیم استفاده کنیم؟
  • نحوه صحیح استفاده از تگ br لا به لای تگ و محتویات دیگر.
  • تعریف تگ pre
  • نحوه استفاده صحیح از تگ pre در بین تگ های دیگر

و در ادامه مباحث جلسه ششم آموزش مقدماتی تا پیشرفته html

  • کاربرد تگ pre در ایجاد صفحات وب
  • نحوه اضافه کردن فضای خالی یا space در بین متن ها با کاراکتر ویژه &nbsp
  • نحوه تغییر رنگ متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر چیدمان متن پاراگراف ها با استفاده از کدهای css
  • نحوه ایجاد خط در بالا ، پایین و یا وسط متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر بزرگی و کوچکی حروف متن انگلیسی پاراگراف ها با استفاده از کدهای css
  • نحوه ایجاد تورفتگی برای متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر فاصله بین حروف متن انگلیسی پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر ارتفاع خط متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر اندازه متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر جهت خط متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر فاصله بین کلمات متن پاراگراف ها با استفاده از کدهای css
  • نحوه ایجاد سایه برای متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر شکل ظاهری فونت متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر سبک فونت متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر دقیق اندازه فونت متن پاراگراف ها با استفاده از کدهای css
  • آشنایی دقیق با واحدهای مختلف اندازه گیری در html و css
  • نحوه ایجاد حاشیه یا border دور کادر متن پاراگراف ها با استفاده از کدهای css
  • آشنایی با مبحث بسیار پرکاربرد Box Model در css
  • نحوه ایجاد padding یا فاصله دور متن تا حاشیه متن پاراگراف ها با استفاده از کدهای css
  • نحوه ایجاد margin یا فاصله دور حاشیه متن پاراگراف ها و عناصر دیگر ، با استفاده از کدهای css
  • نحوه تغییر چیدمان عمودی یا vertical align برای متن پاراگراف ها با استفاده از کدهای css
  • نحوه کنترل متن های بدون فاصله و پیوسته و طولانی تر از اندازه خط متن پاراگراف ها با استفاده از کدهای css

جلسه هفتم آموزش کامل html 

تگ های مرتبط با قالب بندی متن در html

  • تگ باز و بسته <b></b> مخفف چه عبارتی است؟
  • تگ b جزو خانواده کدام نوع از تگ ها می باشد؟
  • کاربرد تگ b در قالب بندی متن های موجود در صفحات وب چیست؟
  • آیا قرار دادن تگ b در رتبه بندی یا سئوی سایت اثر دارد؟
  • جایگزین مناسب تگ b کدام تگ است؟
  • تگ باز و بسته ی  <strong></strong>جزو خانواده کدام نوع از تگ ها می باشد؟
  • کاربرد تگ strong در قالب بندی متن های موجود در صفحات وب چیست؟
  • آیا قرار دادن تگ strong در رتبه بندی یا سئوی سایت اثر دارد؟
  •  ضخیم کردن متن با استفاده از دستورات css
  • معرفی تگ باز و بسته ی  <del></del>
  • آیا استفاده از تگ del تاثیری در سئوی سایت ما دارد؟
  • دستور جایگزین تگ del در css چیست؟
  • معرفی تگ باز و بسته ی  <ins></ins>
  • آیا استفاده از تگ ins تاثیری در سئوی سایت ما دارد؟
  • دستور جایگزین تگ ins در css چیست؟
  • معرفی تگ باز و بسته ی  <s></s>

و در ادامه  مباحث جلسه هفتم آموزش کامل html 

  • آیا استفاده از تگ s تاثیری در سئوی سایت ما دارد؟
  • معرفی تگ باز و بسته ی  <strike></strike>
  • آیا استفاده از تگ strikeتاثیری در سئوی سایت ما دارد؟
  • معرفی تگ باز و بسته ی  <i></i>
  • آیا استفاده از تگ i تاثیری در سئوی سایت ما دارد؟
  • دستور جایگزین تگ i در css چیست؟
  • معرفی تگ باز و بسته ی  <em></em>
  • آیا استفاده از تگ em در سئوی سایت ما دارد؟
  • دستور جایگزین تگ em در css چیست؟
  • معرفی تگ باز و بسته ی  <mark></mark>
  • آیا استفاده از تگ mark تاثیری در سئوی سایت ما دارد؟
  • روش تغییر رنگ پیش فرض تگ mark
  • دستور جایگزین تگ mark در css چیست؟
  • معرفی تگ باز و بسته ی  <small></small>
  • آیا استفاده از تگ small تاثیری در سئوی سایت ما دارد؟
  • معرفی تگ باز و بسته ی  <big></big>
  • آیا استفاده از تگ big در سئوی سایت ما دارد؟
  • معرفی تگ باز و بسته ی  <sub></sub>
  • آیا استفاده از تگ sub تاثیری در سئوی سایت ما دارد؟
  • دستور جایگزین تگ sub در css چیست؟
  • معرفی تگ باز و بسته ی  <sup></sup>
  • آیا استفاده از تگ sup در سئوی سایت ما دارد؟
  • دستور جایگزین تگ sup در css چیست؟
  • معرفی تگ باز و بسته ی  <time></time>
  • آیا استفاده از تگ timeتاثیری در سئوی سایت ما دارد؟
  • روش های مختلف درج تاریخ در صفحات وب

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

تشریح تگ های مربوط به نقل قول ها در html

  • ما چه زمانی از نقل قول ها یا Quotation و Citation باید استفاده نماییم.
  • استفاده از نقل قول چه تاثیری در سئوی سایت ما دارد؟
  • معرفی تگ باز و بسته ی <q></q>
  • آیا قرار دادن تگ q در رتبه بندی یا سئوی سایت اثر دارد؟
  • معرفی صفت cite در تگ q
  • معرفی تگ باز و بسته ی  <blockquote></blockquote>
  • تفاوت تگ blockquote با تگ q
  • آیا استفاده از تگ blockquote تاثیری در سئوی سایت ما دارد؟
  • معرفی صفت یا ویژگی cite در تگ blockquote
  • معرفی تگ باز و بسته ی  <abbr></abbr>
  • آیا استفاده از تگ abbr تاثیری در سئوی سایت ما دارد؟
  • معرفی صفت های معروف تگ abbr
  • معرفی تگ باز و بسته ی  <acronym></acronym>
  • آیا استفاده از تگ acronym تاثیری در سئوی سایت ما دارد؟
  • معرفی صفت های معروف تگ acronym
  • معرفی تگ باز و بسته ی  <address></address>

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

  • آیا استفاده از تگ address تاثیری در سئوی سایت ما دارد؟
  • روش های استفاده صحیح از تگ address جهت بهبود رتیه سایت
  • معرفی تگ باز و بسته ی  <cite></cite>
  • آیا استفاده از تگ cite تاثیری در سئوی سایت ما دارد؟
  • روش های استفاده درست از تگ cite جهت بهبود رتبه سایت
  • معرفی تگ باز و بسته ی  <bdo></bdo>
  • آیا استفاده از تگ bdo تاثیری در سئوی سایت ما دارد؟
  • معرفی صفت معروف تگ bdo
  • دستورات جایگزین تگ bdo در css

جلسه نهم آموزش کامل html 

تگ های مرتبط با کار با تصاویر در html

  • انواع فرمت های تصویری که می توانیم در طراحی سایت استفاده کنیم.
  • کدام فرمت تصویری برای استفاده در صفحات وب مناستر است؟
  • مقایسه کیفی و کمی فرمت های تصویری پرکاربرد در صحات وب
  • معرفی روش های بهینه سازی تصاویر
  • دلیل بهینه سازی یا Optimize کردن تصاویر
  • معرفی سایت های برتر بهینه سازی تصاویر
  • معرفی تگ <img> 
  • آشنایی با صفت src در تگ img
  • آشنایی با روش های مختلف مسیردهی فایل در زمان اضافه کردن تصاویر
  • آشنایی با صفت alt در تگ img
  • معرفی صفت های width و height جهت تعیین پهنا و ارتفاع تصاویر
  • دستورات پرکاربرد css در زمان کار با تصاویر
  • آشنایی با صفت title در تگ img
  • نحوه ایجاد تصاویر پیوند دار (liked Images) در طراحی صفحات وب
  • روش ایجاد حاشیه دور کادر تصاویر با استفاده از دستورات css
  • روش ایجاد حاشیه گرد برای دور کادر تصاویر با استفاده از دستورات css
  •  شناور سازی تصاویر یا (image Floating)

و در ادامه مباحث جلسه نهم آموزش کامل html 

  • دلیل استفاده از شناور سازی تصاویر در صفحات وب
  • روش شناور سازی تصاویر با استفاده از دستور float در css
  • نحوه ایجاد نقشه تصویر یا Image Map در html
  • دلیل استفاده از نقشه تصویر یا Image Map در صفحات وب
  • معرفی تگ باز و بسته ی <map></map>
  • معرفی صفت name در تگ map
  • معرفی تگ باز و بسته ی <area></area> 
  • معرفی صفت shape در تگ area
  • معرفی صفت coords در تگ area
  • معرفی صفت alt  در تگ area
  • معرفی صفت href در تگ area
  • معرفی روش آسان تعیین مختصات تصاویر جهت استفاده در نقشه تصویر یا Image Map
  • نحوه تعیین رنگ یا تصویر پشت زمینه در صفحات وب

و در ادامه مباحث جلسه نهم آموزش کامل html 

  • دلیل استفاده از رنگ یا تصویر پشت زمینه در صفحات وب
  • معرفی دستورات مهم کار با تصاویر در css
  • معرفی دستور background-image
  • معرفی دستور background-color
  •  نحوه ایجاد تصاویر واکنش گرا یا Responsive در صفحات وب
  • نحوه ایجاد تصاویر واکنش گرا با استفاده از دستورات css
  • ضعف واکنش گرایی تصاویر با استفاده از دستورات css
  • معرفی تگ باز و بسته ی <picture></picture>
  • دلیل استفاده از تگ picture
  • معرفی تگ باز و بسته ی <source></source>
  • معرفی تگ باز و بسته ی <figure></figure>
  • دلیل استفاده از تگ figure
  • روش صحیح استفاده از تگ figure
  • معرفی تگ <figcaption></figcaption>  و روش استفاده صحیح از آن.

جلسه دهم آموزش مقدماتی تا پیشرفته html 

آموزش کار با جدول ها در html

  • کاربرد جدول یا table در صفحات وب و روش ایجاد جدول
  • تعریف جدول یا Table و کاربرد آن در طراحی صفحات وب
  • تاثیر جدول در ساختار سایت
  • آیا از جدول میتوان به عنوان ساختار و طرح اصلی سایت استفاده کرد؟
  • تاثیر جدول در رتبه بندی یا SEO سایت
  • تعریف تگ باز و بسته ی <table></table>
  • نحوه استفاده از تگ table
  • تعریف تگ باز و بسته ی <tr></tr>
  • نحوه استفاده از تگ tr
  • کاربرد تگ tr در ایجاد جدول
  • تعریف تگ باز و بسته ی <td></td>
  • نحوه استفاده از تگ td
  • کاربرد تگ td در ایجاد جدول
  • کاربرد صفت align در جدول

و در ادامه مباحث جلسه دهم آموزش مقدماتی تا پیشرفته html …

  • کاربرد صفت bgcolor در جدول
  • کاربرد صفت border در جدول
  • کاربرد صفت cellpadding در جدول
  • کاربرد صفت cellspacing در جدول
  • کاربرد صفت frame در جدول
  • کاربرد صفت rule در جدول
  • کاربرد صفت summary در جدول
  • کاربرد صفت width در جدول
  • نحوه تنظیم اندازه ، رنگ و ظاهر کادر حاشیه یا border جدول ها 
  • آشنایی با دستور border  جهت تنظیم کادر حاشیه جدول ها
  • آشنایی با دستور border-collapse در css و کاربرد آن
  • آشنایی با مفهوم cell padding و کاربرد آن
  • نحوه تنظیم cell padding یا فاصله محتوای سلول تا کادر سلول با استفاده از دستورات css
  • کاربرد دستور padding در جدول ها
  • آموزش نحوه تعیین چیدمان افقی محتوا یا text alignment جدول ها با استفاده از دستورات css
  • دلیل تنظیم فاصله بین سلول های جدول
  • نحوه تنظیم فاصله بین سلول های جدول با استفاده از دستورات css
  • دلیل کار نکردن فاصله بین سلول جدول ها در html
  • دلیل عمل ادغام سازی سطرها و ستون های جدول

و در ادامه مباحث جلسه دهم آموزش مقدماتی تا پیشرفته html …

  • نحوه کارکرد عمل colspan در ادغام سازی ستون های جدول
  • نحوه کارکرد عمل rowspan در ادغام سازی ستون های جدول
  • دلیل به کار گیری عنوان یا caption به جدول
  • تشریح تگ باز و بسته ی <caption></caption>
  • تغییر شکل ظاهری عنوان یا captionها توسط دستورات css
  • نحوه تغییر شکل ظاهری جدول ها بر اساس class یا id جدول
  • تغییر شکل سطرهای  جدول به صورت یکی در میان با استفاده از دستورات css
  • کاربرد دستور nth-child در تغییر ظاهری جدول ها
  • دلیل استفاده از تگ های <col></col> و  <colgroup></colgroup>
  • تشریح عملکرد تگ colgroup
  • تشریح عملکرد تگ col
  • قوانین استفاده از تگ های <col></col> و  <colgroup></colgroup>
  • دلیل استفاده از تگ های <thead></thead> و <tbody></tbody> و <tfoot></tfoot>
  • تشریح عملکرد تگ thead
  • تشریح عملکرد تگ tbody
  • تشریح عملکرد تگ tfoot

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

  آموزش کار با لیست ها در html

  • کاربرد و اهمیت لیست ها در طراحی صفحات وب
  • کاربرد لیست های غیرترتیبی
  • تشریح تگ باز و بسته ی <ul></ul>
  • کاربرد تگ ul در طراحی سایت
  • نحوه تغییر علامت لیست های غیرترتیبی با استفاده از دستورات css
  • تشریح کارکرد دستور list-style-type در css
  • نحوه برداشتن علامت لیست های ایجاد شده توسط تگ ul
  • نحوه قرار دادن عکس به جای علامت لیست های ایجاد شده توسط تگ ul
  • تشریح کارکرد دستور list-style-image در css
  • تشریح کارکرد دستور list-style-position در css جهت تغییر محل علامت لیست های ایجاد شده توسط تگ ul
  • کاربرد لیست های ترتیبی
  • تشریح تگ باز و بسته ی <ol></ol>
  • کاربرد تگ ol در طراحی سایت
  • نحوه تغییر علامت لیست های ترتیبی با استفاده از صفت type در تگ ol

و در ادامه مباحث جلسه یازدهم دوره کامل آموزش html

  • نحوه تغییر علامت لیست های ترتیبی با استفاده از دستورات css
  • تشریح کارکرد دستور list-style-type در css
  • نحوه برداشتن علامت لیست های ایجاد شده توسط تگ ol
  • نحوه معکوس کردن ترتیب در لیست های ترتیبی ایجاد شده توسط تگ ol 
  • تشریح صفت reversed در تگ ol
  • تشریح صفت start در تگ ol
  • کاربرد لیست های توصیفی در طراحی صفحات وب
  • اهمیت ایجاد لیست های توصیفی
  • تشریح کارکرد تگ باز و بسته ی <dl></dl>
  • تشریح کارکرد تگ باز و بسته ی <dd></dd>
  • تشریح کارکرد تگ باز و بسته ی <dt></dt>
  • نحوه ایجاد لیست های ترکیبی از لیست های ترتیبی و غیرترتیبی توسط تگ های ol و ul
  •  نحوه ایجاد لیست های تو در تو یا Nested List
  • اهمیت و کاربرد لیست های تو در تو یا Nested List
  • نحوه ایجاد لیست های تو در تو
  • اهمیت منوهای افقی در طراحی صفحات وب
  • آموزش ایجاد لیست های افقی به کمک دستورات html و css

جلسه دوازدهم آموزش تضمینی اچ تی ام ال 

آموزش کار با iframe ها در html

  • کاربرد و اهمیت iframe ها یا فریم های درون خطی
  • تشریح صفت src در تگ iframe در تعیین مسیر فایل ها در iframe ها
  • تشریح صفت width در تگ iframe جهت تعیین پهنای iframe
  • تشریح صفت height در تگ iframe جهت تعیین ارتفاع  iframe
  • نحوه تعیین پهنا و ارتفاع iframe ها با استفاده از دستورات و کدهای css
  • نحوه تعیین کادر حاشیه iframe ها با استفاده از دستورات و کدهای css
  • نحوه پشتیبانی مرورگرهای مختلف از iframe ها
  • نحوه ایجاد متن جایگزین در زمانی که مرورگری از iframe ها پشتیبانی نکند.
  • تشریح صفت یا ویژگی منسوخ شده align در iframe ها
  • تشریح صفت یا ویژگی منسوخ شده frameborder در iframe ها
  • تشریح صفت یا ویژگی منسوخ شده longdesc در iframe ها
  • تشریح صفت یا ویژگی منسوخ شده marginheight در iframe ها
  • تشریح صفت یا ویژگی منسوخ شده marginwidth در iframe ها
  • تشریح صفت یا ویژگی name در iframe ها
  • تشریح صفت یا ویژگی sandbox در iframe ها و مقادیر آن
  • تشریح صفت یا ویژگی منسوخ شده scrolling در iframe ها
  • تشریح صفت یا ویژگی scrdoc در iframe ها
  • اهمیت و کاربرد قرار دادن iframe ها به عنوان فایل مقصد برای لینک ها 
  • تشریح صفت target در iframe در زمان قرار دادن iframe ها به عنوان فایل مقصد برای لینک ها 

جلسه سیزدهم آموزش کامل html

آموزش استفاده از کدهای اسکریپت در html

  • کاربرد و اهمیت استفاده از کدهای جاوااسکریپت در طراحی صفحات وب
  • تاثیر جاوااسکریپت در پویایی صفحات وب
  • تشریح تگ باز و بسته ی <script></script>
  • تشریح صفت و ویژگی src در تگ script
  • نحوه اجرای کدهای جاوااسکریپت در بین کدهای html
  • نحوه فراخوانی کدهای جاوااسکریپت از یک فایل خارجی 
  • نحوه تغییر ظاهر صفحات وب با استفاده از کدهای جاوااسکریپت و css
  • تشریح صفت یا ویژگی async در تگ script
  • تشریح صفت یا ویژگی charset در تگ script
  • تشریح صفت یا ویژگی defer در تگ script
  • تشریح صفت یا ویژگی type در تگ script
  • تشریح صفت یا ویژگی xml:space در تگ script
  • کاربرد و اهمیت استفاده از تگ باز و بسته ی <noscript></noscript>
  • تشریح عملکرد و نحوه استفاده از تگ باز و بسته ی <noscript></noscript>

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

تشریح تگ های مربوط به کدهای کامپیوتری

  • تشریح تگ باز و بسته ی <kbd></kbd>
  • تگ kbd جزو کدام دسته از تگ ها می باشد؟
  • اهمیت استفاده از تگ kbd برای موتورهای جستجو چیست؟
  • جایگزین ظاهری تگ kbd با استفاده از دستورات css چیست؟
  • تشریح تگ باز و بسته ی <samp></samp>
  • تگ samp جزو کدام دسته از تگ ها می باشد؟
  • اهمیت استفاده از تگ samp برای موتورهای جستجو چیست؟
  • جایگزین ظاهری تگ samp با استفاده از دستورات css چیست؟
  • تشریح عملکرد تگ باز و بسته ی <code></code>
  • تگ code جزو کدام دسته از تگ ها می باشد؟
  • اهمیت استفاده از تگ code برای موتورهای جستجو چیست؟
  • ترکیب تگ های code و pre جهت نمایش بهتر محتوای تگ code
  • تشریح عملکرد تگ باز و بسته ی <var></var>
  • تگ var جزو کدام دسته از تگ ها می باشد؟
  • اهمیت استفاده از تگ var برای موتورهای جستجو چیست؟

و در ادامه مباحث جلسه چهاردهم آموزش کامل html

  • جایگزین ظاهری تگ var با استفاده از کدهای css چیست؟
  • تشریح تگ باز و بسته ی <kbd></kbd>
  • تگ kbd جزو کدام دسته از تگ ها می باشد؟
  • اهمیت استفاده از تگ kbd برای موتورهای جستجو چیست؟
  • جایگزین ظاهری تگ kbd با استفاده از دستورات css چیست؟
  • تشریح تگ باز و بسته ی <samp></samp>
  • تگ samp جزو کدام دسته از تگ ها می باشد؟
  • اهمیت استفاده از تگ samp برای موتورهای جستجو چیست؟
  • جایگزین ظاهری تگ samp با استفاده از دستورات css چیست؟
  • تشریح عملکرد تگ باز و بسته ی <code></code>
  • تگ code جزو کدام دسته از تگ ها می باشد؟
  • اهمیت استفاده از تگ code برای موتورهای جستجو چیست؟
  • ترکیب تگ های code و pre جهت نمایش بهتر محتوای تگ code
  • تشریح عملکرد تگ باز و بسته ی <var></var>
  • تگ var جزو کدام دسته از تگ ها می باشد؟
  • اهمیت استفاده از تگ var برای موتورهای جستجو چیست؟
  • جایگزین ظاهری تگ var با استفاده از کدهای css چیست؟

جلسه پانزدهم آموزش کامل html 

تشریح تگ ها و عناصر موجود در تگ head

  • meta data چیست و چه کاربردی در html دارد؟
  • اهمیت متادیتا برای موتورهای جستجو
  • معروفترین تگ هایی که برای تعریف متادیتاها استفاده می شوند ، کدامند؟
  • چه بخش هایی از صفحه وب توسط تگ های متادیتا تعریف می شوند؟
  • کاربرد تگ head در طراحی صفحات وب
  • آیا محتوای تگ head در ظاهر سایت دیده می شود؟
  • تگ head شامل چه تگ هایی است؟
  • پشتیبانی مرورگرهای مختلف از تگ head چگونه است؟
  • آیا ما می توانیم از تگ head استفاده نکنیم؟
  • تعریف صفت یا ویژگی profile درون تگ head
  • کاربرد تگ title در طراحی صفحات وب
  • اهمیت تگ title برای موتورهای جستجو
  • آیا تگ title یک تگ اجباری است یا اختیاری؟
  • محتوای درون تگ title کجای صفحه وب دیده می شود؟؟
  • آیا ما میتوانیم از چند تگ title در یک صفحه وبمان استفاده کنیم؟
  • کارکرد تگ base در طراحی صفحات وب
  • تگ base اجباری است یا اختیاری؟
  • از تگ base چندبار می توانیم در یک صفحه وب استفاده کنیم؟
  • محل قرارگیری تگ base در بین تگ های زیرمجموعه تگ head
  • تشریح صفت یا ویژگی target در تگ base
  • کاربرد تگ link در طراحی صفحات وب
  • آیا تگ link جرو تگ های اجباری است؟
  • ما در طراحی صفحات وب چند بار میتوانیم از تگ link استفاده کنیم؟

و در ادامه مباحث جلسه پانزدهم آموزش کامل html …

  • تشریح صفت یا ویژگی منسوخ شده charset در تگ link
  • تشریح صفت یا ویژگی   crossorigin در تگ link
  • تشریح صفت یا ویژگی   href در تگ link
  • تشریح صفت یا ویژگی hreflang در تگ link
  • تشریح کامل صفت یا ویژگی media در تگ link 
  • تشریح صفت یا ویژگی rel در تگ link
  • تشریح صفت یا ویژگی منسوخ شده rev در تگ link
  • تشریح صفت یا ویژگی sizes در تگ link
  • تشریح صفت یا ویژگی منسوخ شده  rel در تگ link
  • تشریح صفت یا ویژگی منسوخ شده  target در تگ link
  • تشریح صفت یا ویژگی type در تگ link
  • کاربرد تگ meta در طراحی صفحات وب چیست؟
  • تگ meta جزو کدام دسته از تگ ها می باشد؟
  • اهمیت تگ meta برای موتورهای جستجو
  • مقادیر درون تگ meta به چه شکلی باید وارد شوند؟
  • تشریح عملکرد صفت یا ویژگی charset در تگ meta
  • آشنایی با یونیکدهای معروف قابل استفاده در html
  • آشنایی با کدگذاری یا یونیکد ascii
  • آشنایی با کدگذاری یا یونیکد ansi و windows-1252

و در ادامه مباحث جلسه پانزدهم آموزش کامل html …

  • آشنایی با کدگذاری یا یونیکد utf-8
  • آشنایی با شکل کارکترها در یونیکدهای مختلف
  • دلیل استفاده از صفت content در تگ meta
  • نحوه استفاده از صفت content در تگ meta
  • صفت content چه زمانی نمی تواند استفاده شود؟
  • دلیل استفاده از صفت httpe-equiv در تگ meta
  • نحوه کار با صفت httpe-equiv درون تگ meta
  • آشنایی مقادیر مربوط به صفت httpe-equiv
  • تشریح عملکرد مقدار content-type در صفت httpe-equiv
  • تشریح عملکرد مقدار default-style در صفت httpe-equiv
  • تشریح عملکرد مقدار refresh در صفت httpe-equiv
  • تشریح عملکرد مقدار content-security-policy در صفت httpe-equiv
  • تشریح عملکرد مقدار cash-control در صفت httpe-equiv
  • تشریح عملکرد مقدار set-cookie در صفت httpe-equiv
  • تشریح عملکرد مقدار content-disposition در صفت httpe-equiv
  • تشریح عملکرد مقدار imagetoolbar در صفت httpe-equiv
  • تشریح عملکرد مقدار pics-lable در صفت httpe-equiv
  • تشریح عملکرد مقدار resource-type در صفت httpe-equiv
  • تشریح عملکرد مقدار content-script-type در صفت httpe-equiv
  • تشریح عملکرد مقدار content-style-type در صفت httpe-equiv
  • تشریح عملکرد مقدار window-target در صفت httpe-equiv
  • کاربرد صفت name در تگ meta
  • چه زمانی ما نمیتوانیم از صفت name در تگ meta استفاده نماییم؟
  • تشریح عملکرد مقدار description در صفت name
  • در مقابل صفت description چند کاراکتر می توانیم وارد کنیم؟
  • snippet چیست؟
  • دلیل استفاده از کلیدواژه در طراحی صفحات وب
  • قوانین مربوط به استفاده از کلیدواژه ها در html
  • نحوه پیدا کردن کلیدوازه یا keword مناسب برای صفحات وب
  • معرفی ابزار پیدا کردن کلیدوازه یا keword مناسب برای صفحات وب
  • تعداد کاراکترهای قابل استفاده در مقابل صفت keywords
  • آیا کلیدواژه در رتبه سایت در موتورهای جستجو تاثیری دارد؟
  • تشریح عملکرد صفت یا ویژگی author در تگ meta
  • تشریح عملکرد صفت یا ویژگی webauthor در تگ meta

و در ادامه مباحث جلسه پانزدهم آموزش کامل html …

  • تشریح عملکرد صفت یا ویژگی generator در تگ meta
  • تشریح عملکرد صفت یا ویژگی copyright در تگ meta
  • تشریح عملکرد صفت یا ویژگی languageدر تگ meta
  • تشریح اهیمت عملکرد مقدار robots در مقابل صفت name تگ meta
  • نحوه اسنفاده از مقدار robots
  • تشریح اهیمت عملکرد مقدار expire در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار googlebot در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار revisit after در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار abstract در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار no-email-collection در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار rating در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار replyto در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار distribution در مقابل صفت name تگ meta
  • اهمیت تعیین view port در طراحی صفحات وب
  • تشریح نحوه تعیین view port مناسب برای صفحات وب

جلسه شانزدهم آموزش مقدماتی تا پیشرفته html 

آموزش تگ های مربوط به لایه بندی صفحات در html

  • لایه بندی یا Layout صفحه وب چیست؟
  • روش های مختلف لایه بندی صفحات وب کدامند؟
  • تشریح تکنیک لایه بندی صفحات وب با تگ table و ضعف آن.
  • تشریح تکنیک لایه بندی صفحات وب با تگ div و ضعف آن.
  • تشریح تکنیک لایه بندی صفحات وب با تگ های پیشرفته لایه بندی
  • معرفی هرکدام از تگ های پیشرفته لایه بندی
  • کاربرد تگ header در طراحی صفحات وب چیست؟
  • اهمیت استفاده از تگ header در طراحی سایت چیست؟
  • درون تگ header ما از چه تگ ها و محتوایی میتوانیم استفاده کنیم؟
  • تگ header درون چه تگ ها و بخش هایی نمی تواند استفاده شود؟
  • پشتیبانی مرورگرهای مختلف از تگ header چگونه است؟
  • کاربرد تگ nav در طراحی صفحات وب چیست؟
  • اهمیت استفاده از تگ nav در طراحی سایت چیست؟
  • درون تگ nav ما از چه محتوایی میتوانیم استفاده کنیم؟
  • پشتیبانی مرورگرهای مختلف از تگ header چگونه است؟
  • کاربرد تگ section در طراحی صفحات وب چیست؟
  • اهمیت استفاده از تگ section در طراحی سایت چیست؟
  • درون تگ section ما از چه محتوا و تگ هایی میتوانیم استفاده کنیم؟
  • نکات مهم در زمان استفاده از تگ section
  • پشتیبانی مرورگرهای مختلف از تگ section چگونه است؟
  • کاربرد تگ article در طراحی صفحات وب چیست؟

و در ادامه مباحث جلسه شانزدهم آموزش مقدماتی تا پیشرفته html 

  • اهمیت استفاده از تگ article در طراحی سایت چیست؟
  • درون تگ article ما از چه محتوا و تگ هایی میتوانیم استفاده کنیم؟
  • نکات مهم در زمان استفاده از تگ article
  • پشتیبانی مرورگرهای مختلف از تگ article چگونه است؟
  • کاربرد تگ aside در طراحی صفحات وب چیست؟
  • اهمیت استفاده از تگ aside در طراحی سایت چیست؟
  • درون تگ aside ما از چه محتوا و تگ هایی میتوانیم استفاده کنیم؟
  • نکات مهم در زمان استفاده از تگ aside
  • پشتیبانی مرورگرهای مختلف از تگ aside چگونه است؟
  • کاربرد تگ footer در طراحی صفحات وب چیست؟
  • اهمیت استفاده از تگ footer در طراحی سایت چیست؟
  • درون تگ footer ما از چه محتوا و تگ هایی میتوانیم استفاده کنیم؟
  • نکات مهم در زمان استفاده از تگ footer
  • پشتیبانی مرورگرهای مختلف از تگ footer چگونه است؟
  • کاربرد تگ details در طراحی صفحات وب چیست؟
  • اهمیت استفاده از تگ details در طراحی سایت چیست؟
  • درون تگ details ما از چه محتوا و تگ هایی میتوانیم استفاده کنیم؟
  • نکات مهم در زمان استفاده از تگ details
  • پشتیبانی مرورگرهای مختلف از تگ details چگونه است؟
  • کاربرد تگ summary در طراحی صفحات وب چیست؟

و در ادامه مباحث جلسه شانزدهم آموزش مقدماتی تا پیشرفته html 

  • اهمیت استفاده از تگ summary در طراحی سایت چیست؟
  • درون تگ summary ما از چه محتوا و تگ هایی میتوانیم استفاده کنیم؟
  • نکات مهم در زمان استفاده از تگ summary
  • پشتیبانی مرورگرهای مختلف از تگ summary چگونه است؟
  • کاربرد تگ main در طراحی صفحات وب چیست؟
  • اهمیت استفاده از تگ main در طراحی سایت چیست؟
  • درون تگ main ما از چه محتوا و تگ هایی میتوانیم استفاده کنیم؟
  • نکات مهم در زمان استفاده از تگ main
  • پشتیبانی مرورگرهای مختلف از تگ main چگونه است؟

جلسه هفدهم آموزش تضمینی html 

تشریح  html Entities یا موجودیت ها در html

  • مفهوم موجودیت در html یا html entities چیست؟
  • کاربرد موجودیت در html یا html entities چیست؟
  • انواع روش های فراخوانی و به کارگیری موجودیت در html یا html entities چیست؟
  • موحودیت جایگزین فضای خالی یا space در html چیست؟
  • تشریح دسته بندی موجودیت ها در html
  • کاربرد و اهمیت استفاده از علامت ها یا symbols در طراحی صفحات وب
  • روش ها ی به کارگیری و فراخوانی علامت ها در html
  • آشنایی با علامت های ریاضی در html
  • آشنایی با علامت های نقطه گذاری یا punctuation در html
  • آشنایی با علامت های اقتصادی و مالی  یا currency در html
  • آشنایی با علامت های نامه ای یا letterlike در html
  • آشنایی با علامت های مربوط به فلش ها یا arrows در html
  • آشنایی با علامت های نقطه گذاری در html
  • آشنایی با علامت های ترسیم کادر یا box drawing در html
  • آشنایی با علامت های تعیین عنصرهای بلاکی یا bock elements در html
  • آشنایی با علامت های تعیین اشکال  هندسی یا geometric shapes در html
  • آشنایی با علامت های متفرقه پرکاربرد یا misc symbols در html
  • آشنایی با علامت های digbats در html

جلسه هجدهم آموزش مقدماتی تا پیشرفته و تضمینی html 

آموزش کار با فرم ها و ورودی ها در html

  • اهمیت و کاربرد فرم ها و ورودی ها در html
  • معرفی تگ باز و بسته ی <form></form> و کاربرد آن
  • معرفی تگ هایی که درون تگ form قرار می گیرند.
  • معرفی تگ  <input></input> و کاربرد آن
  • نحوه استفاده از تگ های form و input
  • کاربرد صفت action در فرم ها
  • کاربرد صفت یا ویژگی منسوخ شده accept در تگ form
  • کاربرد صفت یا ویژگی accept-charset در تگ form
  • کاربرد صفت یا ویژگی action در تگ form
  • کاربرد صفت یا ویژگی autocomplete در تگ form
  • کاربرد صفت یا ویژگی encode در تگ form
  • کاربرد مقدار application/x-www-form-urlencoded در صفت یا ویژگی encode در تگ form
  • کاربرد مقدار multipart/form-data در صفت یا ویژگی encode در تگ form
  • کاربرد مقدار text/plain در صفت یا ویژگی encode در تگ form
  • کاربرد صفت یا ویژگی methode در تگ form
  • تشریح مقدار post در صفت یا ویژگی methode در تگ form
  • تشریح مقدار get در صفت یا ویژگی methode در تگ form
  • تشریح صفت یا ویژگی name در تگ form
  • تشریح صفت یا ویژگی novalidate در تگ form
  • تشریح صفت یا ویژگی target در تگ form

و در ادامه مباحث جلسه هجدهم آموزش مقدماتی تا پیشرفته و تضمینی html 

  • اهمیت تگ input
  • نحوه کار با تگ input
  • تشریح عملکرد صفت یا ویژگی accept در تگ input
  • تشریح عملکرد صفت یا ویژگی align در تگ input
  • تشریح عملکرد صفت یا ویژگی alt در تگ input
  • تشریح عملکرد صفت یا ویژگی autocomplete در تگ input
  • تشریح عملکرد صفت یا ویژگی autofocus در تگ input
  • تشریح عملکرد صفت یا ویژگی checked در تگ input
  • تشریح عملکرد صفت یا ویژگی dirname در تگ input
  • تشریح عملکرد صفت یا ویژگی form در تگ input
  • تشریح عملکرد صفت یا ویژگی formaction در تگ input
  • تشریح عملکرد صفت یا ویژگی formenctype در تگ input
  • تشریح عملکرد صفت یا ویژگی formmethode در تگ input
  • تشریح عملکرد صفت یا ویژگی formnovalidate در تگ input
  • تشریح عملکرد صفت یا ویژگی width در تگ input
  • تشریح عملکرد صفت یا ویژگی height در تگ input
  • تشریح عملکرد صفت یا ویژگی list در تگ input
  • تشریح عملکرد صفت یا ویژگی max در تگ input
  • تشریح عملکرد صفت یا ویژگی min در تگ input
  • تشریح عملکرد صفت یا ویژگی maxlength در تگ input

و در ادامه مباحث جلسه هجدهم آموزش مقدماتی تا پیشرفته و تضمینی اچتی ام ال

  • تشریح عملکرد صفت یا ویژگی name در تگ input
  • تشریح عملکرد صفت یا ویژگی pattern در تگ input
  • تشریح عملکرد صفت یا ویژگی placeholder در تگ input
  • تشریح عملکرد صفت یا ویژگی read onlyدر تگ input
  • تشریح عملکرد صفت یا ویژگی required در تگ input
  • تشریح عملکرد صفت یا ویژگی size در تگ input
  • تشریح عملکرد صفت یا ویژگی src در تگ input
  • تشریح عملکرد صفت یا ویژگی step در تگ input
  • تشریح عملکرد صفت یا ویژگی value در تگ input
  • تشریح عملکرد صفت یا ویژگی multiple در تگ input
  • تشریح عملکرد صفت یا ویژگی type در تگ input
  • تشریح عملکرد صفت یا ویژگی disable در تگ input
  • تشریح عملکرد صفت یا ویژگی reset در تگ input
  • تشریح عملکرد صفت یا ویژگی search در تگ input

و در ادامه مباحث جلسه هجدهم آموزش مقدماتی تا پیشرفته و تضمینی html 

  • تشریح عملکرد صفت یا ویژگی submit در تگ input 
  • تشریح عملکرد صفت یا ویژگی tel در تگ input 
  • تشریح عملکرد صفت یا ویژگی text در تگ input 
  • تشریح عملکرد صفت یا ویژگی time در تگ input 
  • تشریح عملکرد صفت یا ویژگی week در تگ input 
  • تشریح عملکرد صفت یا ویژگی url در تگ input 
  • معرفی عملکرد تگ textarea
  • آشنایی با نحوه استفاده از تگ textarea
  • تشریح عملکرد صفت یا ویژگی rows در تگ textarea
  • تشریح عملکرد صفت یا ویژگی cols در تگ textarea
  • تشریح عملکرد صفت یا ویژگی autofocus در تگ textarea
  • تشریح عملکرد صفت یا ویژگی dirname در تگ textarea
  • تشریح عملکرد صفت یا ویژگی disable در تگ textarea
  • تشریح عملکرد صفت یا ویژگی form در تگ textarea
  • تشریح عملکرد صفت یا ویژگی maxlegth در تگ textarea
  • تشریح عملکرد صفت یا ویژگی name در تگ textarea
  • تشریح عملکرد صفت یا ویژگی placeholder در تگ textarea
  • تشریح عملکرد صفت یا ویژگی readonly در تگ textarea
  • تشریح عملکرد صفت یا ویژگی required در تگ textarea
  • تشریح عملکرد صفت یا ویژگی wrap در تگ textarea
  • اهمیت استفاده از تگ label
  • نحوه استفاده از تگ label
  • تشریح عملکرد صفت یا ویژگی for در تگ label
  • تشریح عملکرد صفت یا ویژگی form در تگ label
  • در چه تگ هایی میتوانیم از تگ label استفاده کنیم؟

و در ادامه مباحث جلسه هجدهم آموزش مقدماتی تا پیشرفته و تضمینی html 

  • کاربرد تگ fieldset
  • نحوه استفاده از تگ fieldset
  • تشریح عملکرد صفت یا ویژگی disabled در تگ fieldset
  • تشریح عملکرد صفت یا ویژگی form در تگ fieldset 
  • تشریح عملکرد صفت یا ویژگی name در تگ fieldset 
  • کاربرد تگ legend
  • نحوه استفاده از تگ legend
  • کاربرد تگ select
  • نحوه استفاده از تگ select
  • تشریح عملکرد صفت یا ویژگی autofocus در تگ select
  • تشریح عملکرد صفت یا ویژگی disabled در تگ select
  • تشریح عملکرد صفت یا ویژگی form در تگ select
  • تشریح عملکرد صفت یا ویژگی multiple در تگ select
  • تشریح عملکرد صفت یا ویژگی name در تگ select
  • تشریح عملکرد صفت یا ویژگی required در تگ select
  • تشریح عملکرد صفت یا ویژگی size در تگ select
  • کاربرد تگ option
  • نحوه استفاده از تگ option
  • تشریح عملکرد صفت یا ویژگی disabled در تگ option
  • تشریح عملکرد صفت یا ویژگی label در تگ option
  • تشریح عملکرد صفت یا ویژگی selected در تگ option
  • تشریح عملکرد صفت یا ویژگی value در تگ option
  • کاربرد تگ optgroup
  • نحوه استفاده از تگ optgroup
  • تشریح عملکرد صفت یا ویژگی disabled در تگ optgroup
  • تشریح عملکرد صفت یا ویژگی label در تگ optgroup
  • کاربرد تگ datalist
  • نحوه استفاده از تگ datalist
  • کاربرد تگ button
  • نحوه استفاده از تگ button
  • نحوه کار با صفت یا ویژگی type در تگ button

و در ادامه مباحث جلسه هجدهم آموزش مقدماتی تا پیشرفته و تضمینی html 

  • نحوه کار با صفت یا ویژگی autofocus در تگ button
  • نحوه کار با صفت یا ویژگی disabled در تگ button
  • نحوه کار با صفت یا ویژگی form در تگ button
  • نحوه کار با صفت یا ویژگی formaction در تگ button
  • نحوه کار با صفت یا ویژگی formenctype در تگ button
  • نحوه کار با صفت یا ویژگی formmethod در تگ button
  • نحوه کار با صفت یا ویژگی formnovalidate در تگ button
  • نحوه کار با صفت یا ویژگی formtarget در تگ button
  • نحوه کار با صفت یا ویژگی name در تگ button
  • نحوه کار با صفت یا ویژگی value در تگ button
  • نحوه کار با تگ output
  • نحوه کار با صفت یا ویژگی for در تگ output
  • نحوه کار با صفت یا ویژگی form در تگ output
  • نحوه کار با صفت یا ویژگی name در تگ output

جلسه نوزدهم آموزش مقدماتی تا پیشرفته اچ تی ام ال

تشریح کار با تگ های چند رسانه ای در html

  • اهمیت استفاده از بحث فایل های چند رسانه یا multi media در html
  • تعریف فایل های چند رسانه یا multi media
  • آشنایی با انواع فرمت یا قالب فایل های ویدئویی معروف قابل استفاده در html
  • آشنایی با انواع فرمت یا قالب فایل های صوتی معروف قابل استفاده در html
  • اهمیت کار با تگ video
  • نوع تگ video
  • نحوه کار با تگ video
  • پشتیبانی مرورگرهای مختلف از فرمت های معروف ویدئویی 
  • ارتباط تگ video با جاوااسکریپت
  • تشریح عملکرد صفت یا ویژگی autoplay در تگ video
  • تشریح عملکرد صفت یا ویژگی controls در تگ video
  • تشریح عملکرد صفت یا ویژگی width در تگ video
  • تشریح عملکرد صفت یا ویژگی height در تگ video
  • تشریح عملکرد صفت یا ویژگی loop در تگ video
  • تشریح عملکرد صفت یا ویژگی muted  در تگ video
  • تشریح عملکرد صفت یا ویژگی poster در تگ video
  • تشریح عملکرد صفت یا ویژگی preload در تگ video
  • تشریح عملکرد صفت یا ویژگی src در تگ video
  • اهمیت کار با تگ source
  • نحوه کار با تگ source
  • تشریح روش های آدرس دهی فایل ها در html
  • اهمیت استفاده از متن جایگزین در بین تگ باز و بسته ی source
  • کاربرد تگ track
  • تشریح عملکرد تگ track

و در ادامه مباحث جلسه نوزدهم آموزش مقدماتی تا پیشرفته html 

  • نحوه پشتیبانی مرورگرهای مختلف از تگ track
  • تشریح عملکرد صفت یا ویژگی default در تگ track
  • تشریح عملکرد صفت یا ویژگی kind در تگ track
  • تشریح مقادیر قابل استفاده در مقابل صفت یا ویژگی kind در تگ track
  • تشریح عملکرد صفت یا ویژگی label در تگ track
  • تشریح عملکرد صفت یا ویژگی src در تگ track
  • تشریح عملکرد صفت یا ویژگی srclang در تگ track
  • کاربرد تگ audio
  • تشریح عملکرد تگ audio
  • نحوه پشتیبانی مرورگرهای مختلف از تگ audio
  • نحوه پشتیبانی مرورگرهای مختلف از فایل های صوتی معروف قابل استفاد در تگ audio
  • تشریح عملکرد صفت یا ویژگی src در تگ audio
  • تشریح عملکرد صفت یا ویژگی type در تگ audio
  • تشریح عملکرد صفت یا ویژگی autoplay در تگ audio
  • تشریح عملکرد صفت یا ویژگی controls در تگ audio
  • تشریح عملکرد صفت یا ویژگی loop در تگ audio
  • تشریح عملکرد صفت یا ویژگی muted در تگ audio
  • تشریح عملکرد صفت یا ویژگی preload در تگ audio

جلسه بیستم آموزش کامل اچ تی ام ال 

آموزش کار با پلاگین ها در html

  • تعریف پلاگین یا plugin ها در html
  • معرفی معروفترین پلاگین در دنیای طراحی وب
  • معرفی تگ های object و embed جهت اضافه کردن پلاگین ها 
  • آیا میتوانیم از تگ های object و embed برای اضافه کردن فیلم و صوت در صفحات وی استفاده کنیم؟
  • کاربرد تگ object در طراحی صفحات وب
  • نحوه استفاده از تگ object
  • نحوه اضافه کردن متن جایگزین در تگ object
  • تشریح عملکرد صفت یا ویژگی data در تگ object
  • تشریح عملکرد تگ param
  • معرفی صفات و ویژگی های تگ param
  • تشریح عملکرد صفت یا ویژگی form در تگ object
  • تشریح عملکرد صفت یا ویژگی height در تگ object
  • تشریح عملکرد صفت یا ویژگی width در تگ object
  • تشریح عملکرد صفت یا ویژگی type در تگ object
  • تشریح عملکرد صفت یا ویژگی usemap در تگ object
  • نحوه ایجاد نقشه های قابل کلیک و ناحیه بندی شده در html با استفاده از تگ object
  • کاربرد تگ embed در طراحی صفحات وب
  • نحوه استفاده از تگ embed
  • تفاوت تگ های object و embed
  • نحوه پشتیبانی مرورگرهای مختلف از تگ embed
  • تشریح عملکرد صفت یا ویژگی src در تگ embed
  • تشریح عملکرد صفت یا ویژگی height در تگ embed
  • تشریح عملکرد صفت یا ویژگی width در تگ embed
  • تشریح عملکرد صفت یا ویژگی type در تگ embed

جلسه بیست و یکم آموزش مقدماتی تا پیشرفته html

آموزش مبحث گرافیک و ترسیم اشکال در اچ تی ام ال

  • کاربرد تگ canvas
  • تشریح عملکرد و کار تگ canvas
  • نحوه ایجاد و ترسیم طرح های مختلف با تگ canvas
  • ارتباط تگ canvas با جاوااسکریپت
  • نحوه پشتیبانی مرورگرهای مختلف از تگ canvas
  • نحوه ترسیم خط با تگ canvas
  • نحوه ترسیم دایره با تگ canvas
  • نحوه ترسیم متن با تگ canvas
  • نحوه ترسیم متن توخالی با تگ canvas
  • نحوه ترسیم اشکال با رنگ بندی gradient یا شیب دار با تگ canvas
  • نحوه ترسیم و اضافه کردن تصاویر با تگ canvas
  • کاربرد تگ svg در ترسیم اشکال صفحات وب
  • نحوه استفاده از تگ svg
  • تفاوت های اساسی تگ های svg و canvas در ترسیم اشکال گرافیکی در html
  • ارتباط تگ svg با زبان xml
  • نحوه پشتیبانی مرورگرهای مختلف از تگ svg
  • ارتباط تگ svg و canvas از رزولوشون سیستم
  • نحوه ترسیم شکل دایره با تگ svg
  • نحوه ترسیم شکل چهار ضلعی با تگ svg
  • نحوه ترسیم شکل چهارضلعی با گوشه های نرم با تگ svg

جلسه بیست و دوم آموزش اچ تی ام ال 

آموزش کار با صفت ها یا attribute ها در html

  • تشریح عملکرد صفت ها یا ویژگیهای سراسری در html
  • آشنایی با کارکرد صفت یا ویژگی accesskey
  • آشنایی با کارکرد صفت یا ویژگی class
  • آشنایی با کارکرد صفت یا ویژگی contenteditable
  • آشنایی با کارکرد صفت یا ویژگی *-data
  • آشنایی با کارکرد صفت یا ویژگی dir
  • آشنایی با کارکرد صفت یا ویژگی draggable
  • آشنایی با کارکرد صفت یا ویژگی dropzone و صفت یا ویژگی hidden
  • آشنایی با کارکرد صفت یا ویژگی id
  • آشنایی با کارکرد صفت یا ویژگی lang
  • آشنایی با کارکرد صفت یا ویژگی spellcheck
  • آشنایی با کارکرد صفت یا ویژگی style
  • آشنایی با کارکرد صفت یا ویژگی tabindex
  • آشنایی با کارکرد صفت یا ویژگی title
  • آشنایی با کارکرد صفت یا ویژگی translate

جلسه بیست و سوم  آموزش کامل html

  • تشریح ویژگی های مربوط به رویدادها در html
  • آشنایی با ویژگی های مربوط به رویدادها در html
  • آشنایی با کارکرد صفت یا ویژگی onafterprint
  • آشنایی با کارکرد صفت یا ویژگی onbeforeprint
  • آشنایی با کارکرد صفت یا ویژگی onbeforeunload
  • آشنایی با کارکرد صفت یا ویژگی onerror 
  • آشنایی با کارکرد صفت یا ویژگی onhashchange
  • آشنایی با کارکرد صفت یا ویژگی onload 
  • آشنایی با کارکرد صفت ها یا ویژگی های  onmessage ، ononline و onoffline
  • آشنایی با کارکرد صفت ها یا ویژگی های  onpageshow ، onpagehide و onpopstate
  • آشنایی با کارکرد صفت ها یا ویژگی های onresize ، onstorage و onunload
  • آشنایی با کارکرد صفت یا ویژگی onblure
  • آشنایی با کارکرد صفت یا ویژگی onchange
  • آشنایی با کارکرد صفت یا ویژگی oncontextmenu
  • آشنایی با کارکرد صفت یا ویژگی onfocus

و در ادامه جلسه بیست و سوم آموزش کامل اچ تی ام ال…

  • آشنایی با کارکرد صفت یا ویژگی oninput
  • آشنایی با کارکرد صفت یا ویژگی oninvalid
  • آشنایی با کارکرد صفت یا ویژگی onreset
  • آشنایی با کارکرد صفت یا ویژگی onsearch
  • آشنایی با کارکرد صفت یا ویژگی onselect
  • آشنایی با کارکرد صفت یا ویژگی onsubmit
  • آشنایی با کارکرد صفت ها یا ویژگی های onkeydown ، onkeyup و onkeypress
  • آشنایی با کارکرد صفت یا ویژگی onmouseclick
  • آشنایی با کارکرد صفت یا ویژگی onmousedblclick
  • آشنایی با کارکرد صفت ها یا ویژگی های onmousemove ، onmouseover و onmouseup
  •  آشنایی با کارکرد صفت یا ویژگی onmouseweel
  • آشنایی با کارکرد صفت یا ویژگی oncopy
  • آشنایی با کارکرد صفت یا ویژگی oncut
  • آشنایی با کارکرد صفت یا ویژگی onpaste
  • آشنایی با کارکرد صفت یا ویژگی onabort
  • آشنایی با کارکرد صفت یا ویژگی oncanplay
  • آشنایی با کارکرد صفت یا ویژگی oncanplaythrough
  • آشنایی با کارکرد صفت یا ویژگی ondurationchange
  • آشنایی با کارکرد صفت ها یا ویژگی های onempdied و onended
  • آشنایی با کارکرد صفت یا ویژگی onerror
  • آشنایی با کارکرد صفت یا ویژگی onloaddata
  • آشنایی با کارکرد صفت یا ویژگی onloadmetadata
  • آشنایی با کارکرد صفت یا ویژگی onloadstart
  • آشنایی با کارکرد صفت یا ویژگی onpause
  • آشنایی با کارکرد صفت یا ویژگی onplay
  • آشنایی با کارکرد صفت یا ویژگی onplaying
  • آشنایی با کارکرد صفت یا ویژگی onpogress
  • آشنایی با کارکرد صفت یا ویژگی onratechange
  • آشنایی با کارکرد صفت ها یا ویژگی های onsicked و onsicking
  • آشنایی با کارکرد صفت یا ویژگی onstalled
  • آشنایی با کارکرد صفت یا ویژگی onsuspend
  •  آشنایی با کارکرد صفت یا ویژگی ontimeupdate
  • آشنایی با کارکرد صفت یا ویژگی onwating

 

درخواست مشاوره

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

درخواست مشاوره

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

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

درخواست مشاوره رایگان

moreدوره های مرتبط

آموزش پاورپوینت بصورت جامع ، تضمینی ، کامل و مقدماتی تا پیشرفته

دوره آموزش پاورپوینت سایت بیست آموز که در ۲۷ جلسه و حدود ۱۵ ساعت آموزشی تهیه شده به شما کمک میکنه که پاورپوینت رو راحت قورت بدبد.

۱۱۰,۰۰۰ تومان ۳۵,۰۰۰ تومان

آموزش ویدیو اسکرایب videoscribe با تضمین کامل و مقدماتی تا پیشرفته

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

۹۵,۰۰۰ تومان ۲۰,۰۰۰ تومان

آموزش css از مقدماتی تا پیشرفته و تضمین کامل

با سلام و احترام خدمت شما کاربر عزیز سایت بیست آموز ، با دوره آموزش css از مقدماتی تا پیشرفته در…

رایگان!

آموزش کمتازیا camtasia با تضمین کامل ، صفر تا صد و مقدماتی تا پیشرفته

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

 

۱۲۰,۰۰۰ تومان ۲۵,۰۰۰ تومان

آموزش فوکاسکی بصورت تضمینی ، صفر تا صد و مقدماتی تا پیشرفته

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

۹۵,۰۰۰ تومان ۲۵,۰۰۰ تومان

دوره کامل آموزش مبانی کامپیوتر و it به صورت تضمینی

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

۷۰,۰۰۰ تومان ۱۵,۰۰۰ تومان

chat_bubble_outlineنظرات

  • نسترن نوری

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

    • 20amooz(مدیریت)

      سلام. ممنونم از لطف شما

  • سیما محمدی

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

    • 20amooz(مدیریت)

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

قوانین ثبت دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *