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

امتیاز 0 از 0 رأی
بدون امتیاز 0 رای
۳۵,۰۰۰ تومان
ویژگی های دوره
place
نوع دوره: غیر حضوری
traffic
پیش نیاز: ندارد
language
زبان: فارسی
access_time
22 ساعت و 50 دقیقه
playlist_add_check
24 جلسه
storage
2.71 گیگابایت
supervisor_account
روش پشتیبانی: گارانتی عودت هزینه پرداختی تا 3ماه پس از خرید

آموزش 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 

  • معرفی نسخه ها یا ورژن های html
  • تفاوت نسخه html5 با xhtml

تعریف تگ ، عنصر و سند

  • تعریف تگ (tag) یا نماد در html
  • تعریف عنصر یا elemnt در html
  • تعریف سند یا document در htmll
  • تعریف پسوند یا فرمت سندها در html
  • تفاوت پسوندهای htm و html
  • معرفی ویرایشگرها یا editor های معروف جهت کدنویسی در html

 نمای کلی از طراحی صفحات وب

  • ساختار و اسکلت اصلی سایت توسط کدام زبان کدنویسی ایجاد می شود؟
  • نمای ظاهری و نمایشی سایت توسط کدام زبان کدنویسی انجام می شود؟
  • مدیریت رویدادها در سایت توسط کدام زبان های برنامه نویسی انجام می شوند؟
  • تفاوت زبان های کدنویسی html ، css  ، javascript و php به زبانی ساده

تعریف زبانهای سمت سرور و زبانهای سمت کاربر

  • تعریف زبان های سمت سرور یا server side
  • کاربرد زبان های سمت سرور در طراحی صفحات وب
  • تعریف زبان های سمت کاربر یا client side
  • کاربرد زبان های سمت کاربر در طراحی صفحات وب
  • تفاوت زبان های سمت سرور و زبانهای سمت کاربر
  • ارتباط زبان های سمت سرور و زبان های سمت کاربر در طراحی صفحات وب

تعریف ui و ux در طراحی سایت

  • تعریف دو مفهوم پرکاربرد ui و ux در طراحی سایت
  • تفاوت ui و ux
  • ui designer کیست و کارش چیست؟
  • ux designer چیست و کارش چیست؟
  • تفاوت ui designer و ux designer

تعریف مفاهیم front-end و back-end

  • طراح front-end کیست و چه کاری در طراحی صفحات وب انجام می ده؟
  • طراح back-end کیست و چه کاری در طراحی صفحات وب انجام می دهد؟
  • تفاوت طراح front-end و طراح back-end
  • ارتباط طراح front-end با ux و ui
  • ارتباط طراح front-end با زبان های سمت کاربر
  • ارتباط طراح back-end با زبان های سمت سرور
  • تعریف web developer در دنیای طراحی سایت
  • تعریف fulstack developer در دنیای طراحی وب

تعریف سایت های پویا (dynamic) ، سایت های ایستا (static)و سایت های نیمه پویا

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

معرفی اجمالی سایت w3schools

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

 

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

جلسه دوم –تعریف تگ (tag) و انواع آن و تعریف ساختار سند در html  

تعریف تگ (tag) یا برچسب

  • تگ (tag) یا برچسب چیست ؟
  • تگ ها در html چه کاربردی دارند؟
  • انواع تگ در html 
  • تگ های جفت یا paired tags چه نوع تگ هایی هستند و چه کاربردی دارند؟
  • تگ های تکی (unpaired tags) یا تگ های خالی (empty tag)چه نوع تگ هایی هستند و چه کاربردی دارند؟

تعریف صفت یا ویژگی (attribute) در html

  • صفت یا ویژگی (attribute) در html چیست؟
  • صفت (attribute) ها در html چه کاربردی دارند؟
  • تعریف صفت (attribute) های سراسری (global) در html 
  • تگ ها با حروف کوچک باید نوشته شوند یا حروف بزرگ

انواع تگ یا برچسب بر اساس شکل قرار گیری در صفحات وب

  • انواع تگ یا برچسب بر اساس شکل قرار گیری در صفحات وب چه چه نام دارند؟
  • تگ های درون خطی یا inline tags چه نوع تگ هایی هستند؟
  • تگ های درون خطی یا inline tags چه خصوصیات و ویژگی هایی دارند؟
  • تگ های بلاکی یا blocke-level tags چه نوع تگ هایی هستند؟
  • تگ های بلاکی یا blocke-level tags چه خصوصیات و ویژگی هایی دارند؟
  • تگ های درون خطی و بلاکی چه تفاوتهایی دارند؟

تعریف وراثت و تگ های تو در تو (nested tags) در html

  • تعریف مفهوم وراثت در html 
  • تعریف تگ های تو در تو nested tags در html
  • قانون نوشتن صحیح تگهای تو در تو در html

آشنایی با ساختار یا structure سند در html

  • ساختار سندهای html به چه شکلی است؟
  • تعریف اجمالی تگ doctype
  • تعریف اجمالی تگ html
  • تعریف اجمالی تگ head
  • تعریف اجمالی تگ body
  • تعریف اجمالی تگ 

جلسه سوم – تعریف تگ های پایه در html 

تگ doctype

  • تعریف تگ <doctype>
  • کاربرد تگ doctype در html
  • آیا قراردادن تگ doctype در html ضروری است؟
  • انواع شکل های نوشتن تگ doctype

تگ html

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

تگ head

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

تگ title

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

تگ body

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

نحوه کار با توضیحات اضافی یا comment در html

  • تعریف توضیحات اضافی یا کامنت 
  • کاربرد comment در html
  • انواع روش های کامنت نویسی در html
  • تعریف کامنت تک خطی یا single line وو کاربرد آن در html
  • تعریف کامنت چند خطی یا multi line و کاربرد آن در html
  • تعریف کامنت شرطی یا conditional comment و کاربرد آن در 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

 آشنایی با تگ های h1 تا h6 

  • تعریف تگ های h1 تا h6  و کاربرد آنها در سرتیتر گذاری متن ها در html
  • آموزش نحوه صحیح استفاده از تگ های h1 تا h6
  • آشنایی با اهمیت هرکدام از تگ های h1 تا h6

تغییر شکل ظاهری تگ های h1 تا h6 به وسیله دستورات css

  • نحوه تغییر نوع و اندازه فونت یا قلم عناصر h1 تا h6 با استفاده از دستورات css
  • نحوه تغییر رنگ متن عناصر h1 تا h6 با استفاده از دستورات css
  • نحوه تغییر رنگ پشت زمینه عناصر h1 تا h6 با استفاده از دستورات css

آشنایی با سئوی تگ های h1 تا h6 

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

 آشنایی با تگ head در html

  • آموزش کار با تگ head در html
  • اهمیت تگ head در html
  • آیا می توانیم از تگ head در html استفاده نکنیم؟
  • تگ head در کدام قسمت کدهای html قرار می گیرد.
  • بین تگ باز و بسته <head></head> چه محتوا و تگ هایی می تواند قرار بگیرد.
  • آیا متن بین تگ باز و بسته <head></head> در صفحه وب دیده می شود؟

آشنایی با تگ hr در html

  • آموزش کار با تگ hr در html
  • اهمیت تگ hr برای موتورهای جست و جو
  • نحوه تنظیم حاشیه و رنگ تگ hr
  • نحوه تنظیم محل قرار گیری تگ hr
  • نحوه تنظیم پهنای تگ hr

جلسه ششم – تگ های مرتبط با پاراگراف بندی مطالب در html

معرفی تگ باز و بسته <p></p> جهت ایجاد پاراگراف

  • نحوه استفاده از تگ پارارگراف
  • نحوه ترکیب تگ p با تگ های h1  تا h6

سئو یا بهینه سازی پاراگراف های

  • آموزش صحیح استفاده از پاراگراف در صفحات وب
  • متن پاراگراف باید چند کلمه باشد؟
  • جملات موجود در متن پاراگراف می تواند از چند کلمه تشکیل شود؟
  • متن کل صفحه حداقل باید چند جمله باشد تا سئوی ما پایین نیاید؟
  • متن پاراگراف می تواند شامل کلید واژه کانونی باشد؟
  • غلط املایی و انشایی در متن پاراگراف جایز است؟
  • مروری بر سئوی تگ های مربوط به سرتیترها

معرفی تگ <br>

  • تگ br جزو کدام دسته از تگ ها می باشد؟
  • از تگ br در کدام قسمت های صفحات وب می توانیم استفاده کنیم؟
  • نحوه صحیح استفاده از تگ br لا به لای تگ و محتویات دیگر.

معرفی تگ باز و بسته <pre></pre> 

  • تعریف تگ pre
  • نحوه استفاده صحیح از تگ pre در بین تگ های دیگر
  • کاربرد تگ pre در ایجاد صفحات وب
  • نحوه اضافه کردن فضای خالی یا space در بین متن ها با کاراکتر ویژه &nbsp

نحوه تغییر ظاهر پاراگراف ها به وسیله کدهای css

  • نحوه تغییر رنگ متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر چیدمان متن پاراگراف ها با استفاده از کدهای 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> و <ins></ins>

  • معرفی تگ باز و بسته ی  <del></del>
  • آیا استفاده از تگ del تاثیری در سئوی سایت ما دارد؟
  • دستور جایگزین تگ del در css چیست؟
  • معرفی تگ باز و بسته ی  <ins></ins>
  • آیا استفاده از تگ ins تاثیری در سئوی سایت ما دارد؟
  • دستور جایگزین تگ ins در css چیست؟

معرفی تگهای <s></s> و <strike></strike> 

  • معرفی تگ باز و بسته ی  <s></s>
  • آیا استفاده از تگ s تاثیری در سئوی سایت ما دارد؟
  • معرفی تگ باز و بسته ی  <strike></strike>
  • آیا استفاده از تگ strikeتاثیری در سئوی سایت ما دارد؟

معرفی تگهای <i></i> و <em></em> 

  • معرفی تگ باز و بسته ی  <i></i>
  • آیا استفاده از تگ i تاثیری در سئوی سایت ما دارد؟
  • دستور جایگزین تگ i در css چیست؟
  • معرفی تگ باز و بسته ی  <em></em>
  • آیا استفاده از تگ em در سئوی سایت ما دارد؟
  • دستور جایگزین تگ em در css چیست؟

معرفی تگ  <mark></mark>  

  • معرفی تگ باز و بسته ی  <mark></mark>
  • آیا استفاده از تگ mark تاثیری در سئوی سایت ما دارد؟
  • روش تغییر رنگ پیش فرض تگ mark
  • دستور جایگزین تگ mark در css چیست؟

معرفی تگهای <small></small> و <big></big> 

  • معرفی تگ باز و بسته ی  <small></small>
  • آیا استفاده از تگ small تاثیری در سئوی سایت ما دارد؟
  • معرفی تگ باز و بسته ی  <big></big>
  • آیا استفاده از تگ big در سئوی سایت ما دارد؟

معرفی تگهای <sub></sub> و <sup></sup> 

  • معرفی تگ باز و بسته ی  <sub></sub>
  • آیا استفاده از تگ sub تاثیری در سئوی سایت ما دارد؟
  • دستور جایگزین تگ sub در css چیست؟
  • معرفی تگ باز و بسته ی  <sup></sup>
  • آیا استفاده از تگ sup در سئوی سایت ما دارد؟
  • دستور جایگزین تگ sup در css چیست؟

 معرفی تگ <time></time>  

  • معرفی تگ باز و بسته ی  <time></time>
  • آیا استفاده از تگ timeتاثیری در سئوی سایت ما دارد؟
  • روش های مختلف درج تاریخ در صفحات وب

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

معرفی اجمالی تگ های مرتبط با نقل قول و معرفی تگ باز و بسته ی <q></q>

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

معرفی تگ باز و بسته ی<blockquote> </blockquote>

  • معرفی تگ باز و بسته ی  <blockquote></blockquote>
  • تفاوت تگ blockquote با تگ q
  • آیا استفاده از تگ blockquote تاثیری در سئوی سایت ما دارد؟
  • معرفی صفت یا ویژگی cite در تگ blockquote

معرفی تگهای <abbr></abbr> و <acronym></acronym> 

  • معرفی تگ باز و بسته ی  <abbr></abbr>
  • آیا استفاده از تگ abbr تاثیری در سئوی سایت ما دارد؟
  • معرفی صفت های معروف تگ abbr
  • معرفی تگ باز و بسته ی  <acronym></acronym>
  • آیا استفاده از تگ acronym تاثیری در سئوی سایت ما دارد؟
  • معرفی صفت های معروف تگ acronym

معرفی تگ <address></address> 

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

معرفی تگ باز و بسته ی  <cite></cite>  

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

 معرفی تگ باز و بسته ی <bdo></bdo>

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

جلسه نهم – تگ های مرتبط با کار با تصاویر در html

فرمت های تصویری قابل استفاده در صفحات وب

  • انواع فرمت های تصویری که می توانیم در طراحی سایت استفاده کنیم.
  • کدام فرمت تصویری برای استفاده در صفحات وب مناستر است؟
  • مقایسه کیفی و کمی فرمت های تصویری پرکاربرد در صحات وب

معرفی روش های بهینه سازی تصاویر

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

 کار با تگ <img>

  • معرفی تگ <img> 
  • آشنایی با صفت src در تگ img
  • آشنایی با روش های مختلف مسیردهی فایل در زمان اضافه کردن تصاویر
  • آشنایی با صفت alt در تگ img
  • معرفی صفت های width و height جهت تعیین پهنا و ارتفاع تصاویر
  • دستورات پرکاربرد css در زمان کار با تصاویر
  • آشنایی با صفت title در تگ img

 تصاویر پیوند دار (liked Images) و تنظیم حاشیه کادر برای تصاویر

  • نحوه ایجاد تصاویر پیوند دار (liked Images) در طراحی صفحات وب
  • روش ایجاد حاشیه دور کادر تصاویر با استفاده از دستورات css
  • روش ایجاد حاشیه گرد برای دور کادر تصاویر با استفاده از دستورات css

 شناور سازی تصاویر یا (image Floating)

  • دلیل استفاده از شناور سازی تصاویر در صفحات وب
  • روش شناور سازی تصاویر با استفاده از دستور float در css

نحوه ایجاد نقشه تصویر یا Image Map در html

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

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

  • دلیل استفاده از رنگ یا تصویر پشت زمینه در صفحات وب
  • معرفی دستورات مهم کار با تصاویر در css
  • معرفی دستور background-image
  • معرفی دستور background-color

 نحوه ایجاد تصاویر واکنش گرا یا Responsive در صفحات وب

  • نحوه ایجاد تصاویر واکنش گرا با استفاده از دستورات css
  • ضعف واکنش گرایی تصاویر با استفاده از دستورات css
  • معرفی تگ باز و بسته ی <picture></picture>
  • دلیل استفاده از تگ picture
  • معرفی تگ باز و بسته ی <source></source>

کار با تگ های <figure></figure>و <figcation></figcaption>

  • معرفی تگ باز و بسته ی <figure></figure>
  • دلیل استفاده از تگ figure
  • روش صحیح استفاده از تگ figure
  • معرفی تگ <figcaption></figcaption>  و روش استفاده صحیح از آن.

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

کاربرد جدول یا table در صفحات وب و روش ایجاد جدول

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

تعریف مختصر صفت های منسوخ یا Depricate شده جدول ها در html5

  • کاربرد صفت align در جدول
  • کاربرد صفت bgcolor در جدول
  • کاربرد صفت border در جدول
  • کاربرد صفت cellpadding در جدول
  • کاربرد صفت cellspacing در جدول
  • کاربرد صفت frame در جدول
  • کاربرد صفت rule در جدول
  • کاربرد صفت summary در جدول
  • کاربرد صفت width در جدول

نحوه ایجاد و مدیریت کادر حاشیه یا border جدول ها در html

  • نحوه تنظیم اندازه ، رنگ و ظاهر کادر حاشیه یا border جدول ها 
  • آشنایی با دستور border  جهت تنظیم کادر حاشیه جدول ها
  • آشنایی با دستور border-collapse در css و کاربرد آن

نحوه مدیریت بر فاصله محتوای سلول های جدول با حاشیه سلول های جدول 

  • آشنایی با مفهوم cell padding و کاربرد آن
  • نحوه تنظیم cell padding یا فاصله محتوای سلول تا کادر سلول با استفاده از دستورات css
  • کاربرد دستور padding در جدول ها

نحوه تعیین چیدمان افقی محتوای جدول ها 

  • آموزش نحوه تعیین چیدمان افقی محتوا یا text alignment جدول ها با استفاده از دستورات css

نحوه تنظیم فاصله بین سلول های جدول 

  • دلیل تنظیم فاصله بین سلول های جدول
  • نحوه تنظیم فاصله بین سلول های جدول با استفاده از دستورات css
  • دلیل کار نکردن فاصله بین سلول جدول ها در html

نحوه ادغام سطرها و ستون ها دلخواه جدول در html

  • دلیل عمل ادغام سازی سطرها و ستون های جدول
  • نحوه کارکرد عمل colspan در ادغام سازی ستون های جدول
  • نحوه کارکرد عمل rowspan در ادغام سازی ستون های جدول

 نحوه اضافه کردن عنوان یا caption به جدول در html

  • دلیل به کار گیری عنوان یا caption به جدول
  • تشریح تگ باز و بسته ی <caption></caption>
  • تغییر شکل ظاهری عنوان یا captionها توسط دستورات css

تغییر شکل ظاهری جدول ها با استفاده از class یا id جدول

  • نحوه تغییر شکل ظاهری جدول ها بر اساس class یا id جدول

تغییر شکل سطرهای  جدول به صورت یکی در میان

  • تغییر شکل سطرهای  جدول به صورت یکی در میان با استفاده از دستورات css
  • کاربرد دستور nth-child در تغییر ظاهری جدول ها

تشریح عملکرد تگ های <col></col> و  <colgroup></colgroup>

  • دلیل استفاده از تگ های <col></col> و  <colgroup></colgroup>
  • تشریح عملکرد تگ colgroup
  • تشریح عملکرد تگ col
  • قوانین استفاده از تگ های <col></col> و  <colgroup></colgroup>

 تشریح تگ های <thead></thead> و <tbody></tbody> و <tfoot></tfoot>

  • دلیل استفاده از تگ های <thead></thead> و <tbody></tbody> و <tfoot></tfoot>
  • تشریح عملکرد تگ thead
  • تشریح عملکرد تگ tbody
  • تشریح عملکرد تگ tfoot

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

 تشریح تگ باز و بسته ی <ul></ul>

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

تشریح تگ باز و بسته ی <ol></ol>

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

 ایجاد لیست های توصیفی با تگ های dl ، dt و dd

  • کاربرد لیست های توصیفی در طراحی صفحات وب
  • اهمیت ایجاد لیست های توصیفی
  • تشریح کارکرد تگ باز و بسته ی <dl></dl>
  • تشریح کارکرد تگ باز و بسته ی <dd></dd>
  • تشریح کارکرد تگ باز و بسته ی <dt></dt>
  • نحوه ایجاد لیست های ترکیبی از لیست های ترتیبی و غیرترتیبی توسط تگ های ol و ul

 نحوه ایجاد لیست های تو در تو یا Nested List

  • اهمیت و کاربرد لیست های تو در تو یا Nested List
  • نحوه ایجاد لیست های تو در تو

نحوه ایجاد منوی افقی در html

  • اهمیت منوهای افقی در طراحی صفحات وب
  • آموزش ایجاد لیست های افقی به کمک دستورات html و css

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

 نحوه ایجاد iframeها با استفاده از تگ باز و بسته ی <iframe></iframe>

  • کاربرد و اهمیت iframe ها یا فریم های درون خطی
  • تشریح صفت src در تگ iframe در تعیین مسیر فایل ها در iframe ها
  • تشریح صفت width در تگ iframe جهت تعیین پهنای iframe
  • تشریح صفت height در تگ iframe جهت تعیین ارتفاع  iframe
  • نحوه تعیین پهنا و ارتفاع iframe ها با استفاده از دستورات و کدهای css
  • نحوه تعیین کادر حاشیه iframe ها با استفاده از دستورات و کدهای css

تشریح تنظیمات مربوط به iframe ها

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

 قرار دادن iframe ها به عنوان فایل مقصد برای لینک ها

  • اهمیت و کاربرد قرار دادن iframe ها به عنوان فایل مقصد برای لینک ها 
  • تشریح صفت target در iframe در زمان قرار دادن iframe ها به عنوان فایل مقصد برای لینک ها 

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

تشریح تگ و باز و بسته ی <script></script>

  • کاربرد و اهمیت استفاده از کدهای جاوااسکریپت در طراحی صفحات وب
  • تاثیر جاوااسکریپت در پویایی صفحات وب
  • تشریح تگ باز و بسته ی <script></script>
  • تشریح صفت و ویژگی src در تگ script
  • نحوه اجرای کدهای جاوااسکریپت در بین کدهای html
  • نحوه فراخوانی کدهای جاوااسکریپت از یک فایل خارجی 
  • نحوه تغییر ظاهر صفحات وب با استفاده از کدهای جاوااسکریپت و css

 تشریح صفت های تگ script

  • تشریح صفت یا ویژگی async در تگ script
  • تشریح صفت یا ویژگی charset در تگ script
  • تشریح صفت یا ویژگی defer در تگ script
  • تشریح صفت یا ویژگی type در تگ script
  • تشریح صفت یا ویژگی xml:space در تگ script

 تشریح تگ باز و بسته ی <noscript></noscript>

  • کاربرد و اهمیت استفاده از تگ باز و بسته ی <noscript></noscript>
  • تشریح عملکرد و نحوه استفاده از تگ باز و بسته ی <noscript></noscript>

جلسه چهاردهم – تشریح تگ های مربوط به کدهای کامپیوتری

تشریح تگ باز و بسته ی <kbd></kbd>

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

 تشریح تگ باز و بسته ی <samp></samp>

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

تشریح تگ باز و بسته ی <code></code>

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

تشریح تگ باز و بسته ی <var></var>

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

جلسه چهاردهم – تشریح تگ های مربوط به کدهای کامپیوتری

 تشریح تگ باز و بسته ی <kbd></kbd>

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

 تشریح تگ باز و بسته ی <samp></samp>

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

تشریح تگ باز و بسته ی <code></code>

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

تشریح تگ باز و بسته ی <var></var>

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

جلسه پانزدهم – تشریح تگ ها و عناصر موجود در تگ head

تعریف و تشریح متادیتا (Meta Data) ها 

  • meta data چیست و چه کاربردی در html دارد؟
  • اهمیت متادیتا برای موتورهای جستجو
  • معروفترین تگ هایی که برای تعریف متادیتاها استفاده می شوند ، کدامند؟
  • چه بخش هایی از صفحه وب توسط تگ های متادیتا تعریف می شوند؟

معرفی تگ باز و بسته ی <head></head>

  • کاربرد تگ head در طراحی صفحات وب
  • آیا محتوای تگ head در ظاهر سایت دیده می شود؟
  • تگ head شامل چه تگ هایی است؟
  • پشتیبانی مرورگرهای مختلف از تگ head چگونه است؟
  • آیا ما می توانیم از تگ head استفاده نکنیم؟
  • تعریف صفت یا ویژگی profile درون تگ head

تشریح عملکرد تگ باز و بسته ی <title></title>

  • کاربرد تگ title در طراحی صفحات وب
  • اهمیت تگ title برای موتورهای جستجو
  • آیا تگ title یک تگ اجباری است یا اختیاری؟
  • محتوای درون تگ title کجای صفحه وب دیده می شود؟؟
  • آیا ما میتوانیم از چند تگ title در یک صفحه وبمان استفاده کنیم؟

 تشریح عملکرد تگ باز و بسته ی <base></base>

  • کارکرد تگ base در طراحی صفحات وب
  • تگ base اجباری است یا اختیاری؟
  • از تگ base چندبار می توانیم در یک صفحه وب استفاده کنیم؟
  • محل قرارگیری تگ base در بین تگ های زیرمجموعه تگ head
  • تشریح صفت یا ویژگی target در تگ base

 تشریح عملکرد تگ باز و بسته ی <link></link>

  • کاربرد تگ link در طراحی صفحات وب
  • آیا تگ link جرو تگ های اجباری است؟
  • ما در طراحی صفحات وب چند بار میتوانیم از تگ link استفاده کنیم؟
  • تشریح صفت یا ویژگی منسوخ شده 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 برای موتورهای جستجو
  • مقادیر درون تگ meta به چه شکلی باید وارد شوند؟

معرفی صفت یا ویژگی charset در تگ meta

  • تشریح عملکرد صفت یا ویژگی charset در تگ meta
  • آشنایی با یونیکدهای معروف قابل استفاده در html
  • آشنایی با کدگذاری یا یونیکد ascii
  • آشنایی با کدگذاری یا یونیکد ansi و windows-1252
  • آشنایی با کدگذاری یا یونیکد utf-8
  • آشنایی با شکل کارکترها در یونیکدهای مختلف

تشریح عملکرد صفت یا ویژگی content در تگ meta

  • دلیل استفاده از صفت content در تگ meta
  • نحوه استفاده از صفت content در تگ meta
  • صفت content چه زمانی نمی تواند استفاده شود؟

 تشریح عملکرد صفت یا ویژگی http-equiv در تگ meta

  • دلیل استفاده از صفت 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

تشریح نحوه اضافه کردن توضیح مختصر یا description به صفحه وب

  • کاربرد صفت name در تگ meta
  • چه زمانی ما نمیتوانیم از صفت name در تگ meta استفاده نماییم؟
  • تشریح عملکرد مقدار description در صفت name
  • در مقابل صفت description چند کاراکتر می توانیم وارد کنیم؟
  • snippet چیست؟

 نحوه اضافه کردن کلیدواژه یا keywords در صفحات وب

  • دلیل استفاده از کلیدواژه در طراحی صفحات وب
  • قوانین مربوط به استفاده از کلیدواژه ها در html
  • نحوه پیدا کردن کلیدوازه یا keword مناسب برای صفحات وب
  • معرفی ابزار پیدا کردن کلیدوازه یا keword مناسب برای صفحات وب
  • تعداد کاراکترهای قابل استفاده در مقابل صفت keywords
  • آیا کلیدواژه در رتبه سایت در موتورهای جستجو تاثیری دارد؟

تشریح عملکرد مقادیر author ، webauthor ، copyright ، language و generator در تگ meta

  • تشریح عملکرد صفت یا ویژگی author در تگ meta
  • تشریح عملکرد صفت یا ویژگی webauthor در تگ meta
  • تشریح عملکرد صفت یا ویژگی generator در تگ meta
  • تشریح عملکرد صفت یا ویژگی copyright در تگ meta
  • تشریح عملکرد صفت یا ویژگی languageدر تگ meta

تشریح مقدار robots در صفت name تگ meta

  • تشریح اهیمت عملکرد مقدار robots در مقابل صفت name تگ meta
  • نحوه اسنفاده از مقدار robots

تشریح عملکرد مقادیر revisit after ، googlebot ، expire ، abstratct و  no-email-collection

  • تشریح اهیمت عملکرد مقدار expire در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار googlebot در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار revisit after در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار abstract در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار no-email-collection در مقابل صفت name تگ meta

تشریح عملکرد مقادیر  distribution ، replyto و rating  

  • تشریح اهیمت عملکرد مقدار rating در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار replyto در مقابل صفت name تگ meta
  • تشریح اهیمت عملکرد مقدار distribution در مقابل صفت name تگ meta

 تشریح عملکرد صفت یا ویژگی view port در تگ meta

  • اهمیت تعیین view port در طراحی صفحات وب
  • تشریح نحوه تعیین view port مناسب برای صفحات وب

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

 آشنایی با لایه بندی صفحات وب و روش های آن

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

تشریح تگ باز و بسته ی <header></header>

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

تشریح تگ باز و بسته ی <nav></nav>

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

تشریح تگ باز و بسته ی <section></section>

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

تشریح تگ باز و بسته ی <article></article>

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

تشریح تگ باز و بسته ی <aside></aside>

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

تشریح تگ باز و بسته ی <footer></footer>

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

تشریح تگ باز و بسته ی <details></details> و تگ باز و بسته ی <summary></summary>

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

تشریح تگ باز و بسته ی <main></main>

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

جلسه هفدهم – تشریح  html Entities یا موجودیت ها در html

  • مفهوم موجودیت در html یا html entities چیست؟
  • کاربرد موجودیت در html یا html entities چیست؟
  • انواع روش های فراخوانی و به کارگیری موجودیت در html یا html entities چیست؟
  • موحودیت جایگزین فضای خالی یا space در html چیست؟

 تشریح دسته بندی موجودیت ها در html

  • تشریح دسته بندی موجودیت ها در html

 کاربرد symbol یا علامت های جایگزین در 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

 کاربرد فرم (form) و ورودی (input) در html

  • اهمیت و کاربرد فرم ها و ورودی ها در html
  • معرفی تگ باز و بسته ی <form></form> و کاربرد آن
  • معرفی تگ هایی که درون تگ form قرار می گیرند.
  • معرفی تگ  <input></input> و کاربرد آن
  • نحوه استفاده از تگ های form و input
  • کاربرد صفت action در فرم ها

تشریح صفت ها یا ویژگی های تگ form – قسمت اول

  • کاربرد صفت یا ویژگی منسوخ شده accept در تگ form
  • کاربرد صفت یا ویژگی accept-charset در تگ form
  • کاربرد صفت یا ویژگی action در تگ form
  • کاربرد صفت یا ویژگی autocomplete در تگ form

 تشریح صفت ها یا ویژگی های تگ form – قسمت دوم

  • کاربرد صفت یا ویژگی encode در تگ form
  • کاربرد مقدار application/x-www-form-urlencoded در صفت یا ویژگی encode در تگ form
  • کاربرد مقدار multipart/form-data در صفت یا ویژگی encode در تگ form
  • کاربرد مقدار text/plain در صفت یا ویژگی encode در تگ form

 تشریح صفت ها یا ویژگی های تگ form – قسمت سوم

در ادامه مبحث آموزش  کار با فرم ها و ورودی ها در html به بحث تشریح ویژگی methode در تگ form می رسیم. این ویژگی یکی از پرکاربردترین ویژگی ها در تگ form می باشد.

  • کاربرد صفت یا ویژگی methode در تگ form
  • تشریح مقدار post در صفت یا ویژگی methode در تگ form
  • تشریح مقدار get در صفت یا ویژگی methode در تگ form

تشریح صفت ها یا ویژگی های تگ form – قسمت چهارم

  • تشریح صفت یا ویژگی name در تگ form
  • تشریح صفت یا ویژگی novalidate در تگ form
  • تشریح صفت یا ویژگی target در تگ form

تشریح تگ input

در ادامه مبحث آموزش  کار با فرم ها و ورودی ها در html به بحث تشریح تگ بسیار پرکاربرد input می رسیم. لطفا فیلم های مربوط به تگ input را با دقت مشاهده بفرمایید.

  • اهمیت تگ input
  • نحوه کار با تگ input
  • تشریح عملکرد صفت یا ویژگی accept در تگ input

تشریح صفت های تگ 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
  • تشریح عملکرد صفت یا ویژگی submit در تگ input 
  • تشریح عملکرد صفت یا ویژگی tel در تگ input 
  • تشریح عملکرد صفت یا ویژگی text در تگ input 
  • تشریح عملکرد صفت یا ویژگی time در تگ input 
  • تشریح عملکرد صفت یا ویژگی week در تگ input 
  • تشریح عملکرد صفت یا ویژگی url در تگ input 

تشریح عملکرد تگ <textarea></textarea>

  • معرفی عملکرد تگ textarea
  • آشنایی با نحوه استفاده از تگ textarea
  • تشریح عملکرد صفت یا ویژگی rows در تگ textarea
  • تشریح عملکرد صفت یا ویژگی cols در تگ textarea
  • تشریح عملکرد صفت یا ویژگی autofocus در تگ textarea
  • تشریح عملکرد صفت یا ویژگی dirname در تگ textarea
  • تشریح عملکرد صفت یا ویژگی disable در تگ textarea
  • تشریح عملکرد صفت یا ویژگی form در تگ textarea

 تشریح عملکرد صفات یا ویژگی های تگ textarea

  • تشریح عملکرد صفت یا ویژگی maxlegth در تگ textarea
  • تشریح عملکرد صفت یا ویژگی name در تگ textarea
  • تشریح عملکرد صفت یا ویژگی placeholder در تگ textarea
  • تشریح عملکرد صفت یا ویژگی readonly در تگ textarea
  • تشریح عملکرد صفت یا ویژگی required در تگ textarea
  • تشریح عملکرد صفت یا ویژگی wrap در تگ textarea

 تشریح عملکرد تگ <label></label>

  • اهمیت استفاده از تگ label
  • نحوه استفاده از تگ label
  • تشریح عملکرد صفت یا ویژگی for در تگ label
  • تشریح عملکرد صفت یا ویژگی form در تگ label
  • در چه تگ هایی میتوانیم از تگ label استفاده کنیم؟

تشریح عملکرد تگ <fieldset></fieldset> و تگ <legend></legend>

  • کاربرد تگ fieldset
  • نحوه استفاده از تگ fieldset
  • تشریح عملکرد صفت یا ویژگی disabled در تگ fieldset
  • تشریح عملکرد صفت یا ویژگی form در تگ fieldset 
  • تشریح عملکرد صفت یا ویژگی name در تگ fieldset 
  • کاربرد تگ legend
  • نحوه استفاده از تگ legend

تشریح عملکرد تگ <select></select> و تگ <option></option>

  • کاربرد تگ 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> 

  • کاربرد تگ optgroup
  • نحوه استفاده از تگ optgroup
  • تشریح عملکرد صفت یا ویژگی disabled در تگ optgroup
  • تشریح عملکرد صفت یا ویژگی label در تگ optgroup

تشریح عملکرد تگ <datalist></datalist> 

  • کاربرد تگ datalist
  • نحوه استفاده از تگ datalist

تشریح عملکرد تگ <button></button> 

  • کاربرد تگ button
  • نحوه استفاده از تگ button
  • نحوه کار با صفت یا ویژگی type در تگ button
  • نحوه کار با صفت یا ویژگی autofocus در تگ button
  • نحوه کار با صفت یا ویژگی disabled در تگ button
  • نحوه کار با صفت یا ویژگی form در تگ button
  • نحوه کار با صفت یا ویژگی formaction در تگ button
  • نحوه کار با صفت یا ویژگی formenctype در تگ button

تشریح عملکرد صفات و ویژگی های تگ button 

  • نحوه کار با صفت یا ویژگی formmethod در تگ button
  • نحوه کار با صفت یا ویژگی formnovalidate در تگ button
  • نحوه کار با صفت یا ویژگی formtarget در تگ button
  • نحوه کار با صفت یا ویژگی name در تگ button
  • نحوه کار با صفت یا ویژگی value در تگ button

تشریح عملکرد تگ <output></output>

  • نحوه کار با تگ output
  • نحوه کار با صفت یا ویژگی for در تگ output
  • نحوه کار با صفت یا ویژگی form در تگ output
  • نحوه کار با صفت یا ویژگی name در تگ output

جلسه نوزدهم – تشریح کار با تگ های چند رسانه ای در html

  • اهمیت استفاده از بحث فایل های چند رسانه یا multi media در html
  • تعریف فایل های چند رسانه یا multi media
  • آشنایی با انواع فرمت یا قالب فایل های ویدئویی معروف قابل استفاده در html
  • آشنایی با انواع فرمت یا قالب فایل های صوتی معروف قابل استفاده در html

تشریح تگ باز و بسته ی <video></video>

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

– تشریح تگ باز و بسته ی <sorce></source>

  • اهمیت کار با تگ source
  • نحوه کار با تگ source
  • تشریح روش های آدرس دهی فایل ها در html
  • اهمیت استفاده از متن جایگزین در بین تگ باز و بسته ی source

نحوه کار با تگ track

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

 نحوه کار با تگ باز و بسته ی <audio></audio>

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

جلسه بیستم – تشریح کار با پلاگین ها در html

آشنایی با پلاگین ها در html

  • تعریف پلاگین یا plugin ها در html
  • معرفی معروفترین پلاگین در دنیای طراحی وب
  • معرفی تگ های object و embed جهت اضافه کردن پلاگین ها 
  • آیا میتوانیم از تگ های object و embed برای اضافه کردن فیلم و صوت در صفحات وی استفاده کنیم؟

تشریح تگ باز و بسته ی <object></object>

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

تشریح تگ embed

  • کاربرد تگ embed در طراحی صفحات وب
  • نحوه استفاده از تگ embed
  • تفاوت تگ های object و embed
  • نحوه پشتیبانی مرورگرهای مختلف از تگ embed
  • تشریح عملکرد صفت یا ویژگی src در تگ embed
  • تشریح عملکرد صفت یا ویژگی height در تگ embed
  • تشریح عملکرد صفت یا ویژگی width در تگ embed
  • تشریح عملکرد صفت یا ویژگی type در تگ embed

جلسه بیست و یکم – تشریح گرافیک و ترسیم اشکال در html

تشریح عملکرد و کار تگ canvas

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

 تشریح تگ باز و بسته ی <svg></svg>

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

جلسه بیست و دوم – تشریح عملکرد صفت ها یا ویژگیهای سراسری در html

آشنایی با کارکرد صفت یا ویژگی accesskey

  • تشریح کارکرد صفت یا ویژگی عمومی accesskey
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی accesskey
  • در مقایل صفت یا ویژگی accesskey چه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی class

  • تشریح کارکرد صفت یا ویژگی عمومی class
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی class
  • در مقایل صفت یا ویژگی class چه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی contenteditable

  • تشریح کارکرد صفت یا ویژگی عمومی contenteditable
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی contenteditable
  • در مقایل صفت یا ویژگی contenteditable چه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی *-data

  • تشریح کارکرد صفت یا ویژگی عمومی *-data
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی *-data
  • در مقایل صفت یا ویژگی *-data چه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی dir

  • تشریح کارکرد صفت یا ویژگی عمومی dir
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی dir
  • در مقایل صفت یا ویژگی dir چه مقادیری میتوانیم وارد کنیم؟ 

آشنایی با کارکرد صفت یا ویژگی draggable

  • تشریح کارکرد صفت یا ویژگی عمومی draggable
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی draggable
  • در مقایل صفت یا ویژگی draggable چه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی dropzone و صفت یا ویژگی hidden

  • تشریح کارکرد صفت یا ویژگی عمومی dropzone
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی dropzone
  • در مقایل صفت یا ویژگی dropzone چه مقادیری میتوانیم وارد کنیم؟
  • تشریح کارکرد صفت یا ویژگی عمومی hidden
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی hidden

آشنایی با کارکرد صفت یا ویژگی id

  • تشریح کارکرد صفت یا ویژگی عمومی id
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی id
  • در مقایل صفت یا ویژگی idچه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی lang

  • تشریح کارکرد صفت یا ویژگی عمومی lang
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی lang
  • در مقایل صفت یا ویژگی lang چه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی spellcheck

  • تشریح کارکرد صفت یا ویژگی عمومی spellcheck
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی spellcheck
  • در مقایل صفت یا ویژگی spellcheck چه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی style

  • تشریح کارکرد صفت یا ویژگی عمومی style
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی style
  • در مقایل صفت یا ویژگی style چه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی tabindex

  • تشریح کارکرد صفت یا ویژگی عمومی tabindex
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی tabindex
  • در مقایل صفت یا ویژگی tabindex چه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی title

  • تشریح کارکرد صفت یا ویژگی عمومی title
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی title
  • در مقایل صفت یا ویژگی title چه مقادیری میتوانیم وارد کنیم؟

آشنایی با کارکرد صفت یا ویژگی translate

  • تشریح کارکرد صفت یا ویژگی عمومی translate
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی translate
  • در مقایل صفت یا ویژگی translate چه مقادیری میتوانیم وارد کنیم؟

جلسه بیست و سوم – تشریح ویژگی های مربوط به رویدادها در html

آشنایی با ویژگی های مربوط به رویدادها در html

  • رخداد یا رویداد یا event چیست؟
  • آشنایی با دسته بندی رخدادها یا event ها در html

آشنایی با کارکرد صفت یا ویژگی onafterprint

  • تشریح کارکرد صفت یا ویژگی onafterprint
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onafterprint

آشنایی با کارکرد صفت یا ویژگی onbeforeprint

  • تشریح کارکرد صفت یا ویژگی onbeforeprint
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onbeforeprint

آشنایی با کارکرد صفت یا ویژگی onbeforeunload

  • تشریح کارکرد صفت یا ویژگی onbeforeunload
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onbeforeunload

آشنایی با کارکرد صفت یا ویژگی onerror 

  • تشریح کارکرد صفت یا ویژگی onerror
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onerror

آشنایی با کارکرد صفت یا ویژگی onhashchange

  • تشریح کارکرد صفت یا ویژگی onhashchange
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onhashchange

آشنایی با کارکرد صفت یا ویژگی onload 

  • تشریح کارکرد صفت یا ویژگی onload 
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onload 

آشنایی با کارکرد صفت ها یا ویژگی های  onmessage ، ononline و onoffline

  • تشریح کارکرد صفت ها یا ویژگی های onmessage ، ononline و onoffline
  • نحوه پشتیبانی مرورگرهای مختلف از صفت ها یا ویژگی های onmessage ، ononline و onoffline

آشنایی با کارکرد صفت ها یا ویژگی های  onpageshow ، onpagehide و onpopstate

  • تشریح کارکرد صفت ها یا ویژگی های  onpageshow ، onpagehide و onpopstate
  • نحوه پشتیبانی مرورگرهای مختلف از صفت ها یا ویژگی های  onpageshow ، onpagehide و onpopstate

آشنایی با کارکرد صفت ها یا ویژگی های onresize ، onstorage و onunload

  • تشریح کارکرد صفت ها یا ویژگی های onresize ، onstorage و onunload
  • نحوه پشتیبانی مرورگرهای مختلف از صفت ها یا ویژگی های onresize ، onstorage و onunload

آشنایی با کارکرد صفت یا ویژگی onblure

  • تشریح کارکرد صفت یا ویژگی onblure
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onblure

آشنایی با کارکرد صفت یا ویژگی onchange

  • تشریح کارکرد صفت یا ویژگی onchange
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onchange

آشنایی با کارکرد صفت یا ویژگی oncontextmenu

  • تشریح کارکرد صفت یا ویژگی oncontextmenu
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی oncontextmenu

آشنایی با کارکرد صفت یا ویژگی onfocus

در ادامه مبحث ویژگی های مربوط به رویدادها در html به صفت onfocus میرسیم. آنچه در این فیلم بخش میاموزید عبارتست از:

  • تشریح کارکرد صفت یا ویژگی onfocus
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی translate

آشنایی با کارکرد صفت یا ویژگی oninput

  • تشریح کارکرد صفت یا ویژگی oninput
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی oninput

آشنایی با کارکرد صفت یا ویژگی oninvalid

  • تشریح کارکرد صفت یا ویژگی oninvalid
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی oninvalid

آشنایی با کارکرد صفت یا ویژگی onreset

  • تشریح کارکرد صفت یا ویژگی onreset
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onreset

آشنایی با کارکرد صفت یا ویژگی onsearch

در ادامه مبحث ویژگی های مربوط به رویدادها در html به صفت onsearch  میرسیم. آنچه در این فیلم بخش میاموزید عبارتست از:

  • تشریح کارکرد صفت یا ویژگی onsearch
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onsearch

آشنایی با کارکرد صفت یا ویژگی onselect

  • تشریح کارکرد صفت یا ویژگی onselect
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onselect

آشنایی با کارکرد صفت یا ویژگی onsubmit

  • تشریح کارکرد صفت یا ویژگی onsubmit
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onsubmit

آشنایی با کارکرد صفت ها یا ویژگی های onkeydown ، onkeyup و onkeypress

  • تشریح کارکرد صفت ها یا ویژگی های onkeydown ، onkeyup و onkeypress
  • نحوه پشتیبانی مرورگرهای مختلف از صفت ها یا ویژگی های onkeydown ، onkeyup و onkeypress

آشنایی با کارکرد صفت یا ویژگی onmouseclick

  • تشریح کارکرد صفت یا ویژگی onmouseclick
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onmouseclick

آشنایی با کارکرد صفت یا ویژگی onmousedblclick

  • تشریح کارکرد صفت یا ویژگی onmousedblclick
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onmousedblclick

آشنایی با کارکرد صفت ها یا ویژگی های onmousemove ، onmouseover و onmouseup

  • تشریح کارکرد صفت ها یا ویژگی های onmousemove ، onmouseover و onmouseup
  • نحوه پشتیبانی مرورگرهای مختلف از صفت ها یا ویژگی های onmousemove ، onmouseover و onmouseup

 آشنایی با کارکرد صفت یا ویژگی onmouseweel

  • تشریح کارکرد صفت یا ویژگی onmouseweel
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onmouseweel

آشنایی با کارکرد صفت یا ویژگی oncopy

  • تشریح کارکرد صفت یا ویژگی oncopy
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی oncopy

آشنایی با کارکرد صفت یا ویژگی oncut

  • تشریح کارکرد صفت یا ویژگی oncut
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی oncut

آشنایی با کارکرد صفت یا ویژگی onpaste

  • تشریح کارکرد صفت یا ویژگی onpaste
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onpaste

آشنایی با کارکرد صفت یا ویژگی onabort

  • تشریح کارکرد صفت یا ویژگی onabort
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onabort

آشنایی با کارکرد صفت یا ویژگی oncanplay

  • تشریح کارکرد صفت یا ویژگی oncanplay
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی oncanplay

آشنایی با کارکرد صفت یا ویژگی oncanplaythrough

  • تشریح کارکرد صفت یا ویژگی oncanplaythrough
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی oncanplaythrough

آشنایی با کارکرد صفت یا ویژگی ondurationchange

  • تشریح کارکرد صفت یا ویژگی ondurationchange
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی ondurationchange

آشنایی با کارکرد صفت ها یا ویژگی های onempdied و onended

  • تشریح کارکرد صفت ها یا ویژگی های onempdied و onended
  • نحوه پشتیبانی مرورگرهای مختلف از صفت ها یا ویژگی های onempdied و onended

آشنایی با کارکرد صفت یا ویژگی onerror

  • تشریح کارکرد صفت یا ویژگی onerror
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onerror

آشنایی با کارکرد صفت یا ویژگی onloaddata

  • تشریح کارکرد صفت یا ویژگی onloaddata
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onloaddata

آشنایی با کارکرد صفت یا ویژگی onloadmetadata

  • تشریح کارکرد صفت یا ویژگی onloadmetadata
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onloadmetadata

آشنایی با کارکرد صفت یا ویژگی onloadstart

  • تشریح کارکرد صفت یا ویژگی onloadstart
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onloadstart

آشنایی با کارکرد صفت یا ویژگی onpause

در ادامه مبحث ویژگی های مربوط به رویدادها در html به صفت onpause میرسیم. آنچه در این فیلم بخش میاموزید عبارتست از:

  • تشریح کارکرد صفت یا ویژگی onpause
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onpause

آشنایی با کارکرد صفت یا ویژگی onplay

  • تشریح کارکرد صفت یا ویژگی onplay
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onplay

آشنایی با کارکرد صفت یا ویژگی onplaying

  • تشریح کارکرد صفت یا ویژگی onplaying
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onplaying

آشنایی با کارکرد صفت یا ویژگی onpogress

  • تشریح کارکرد صفت یا ویژگی onpogress
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onpogress

آشنایی با کارکرد صفت یا ویژگی onratechange

  • تشریح کارکرد صفت یا ویژگی onratechange
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onratechange

آشنایی با کارکرد صفت ها یا ویژگی های onsicked و onsicking

  • تشریح کارکرد صفت ها یا ویژگی های onsicked و onsicking
  • نحوه پشتیبانی مرورگرهای مختلف از صفت ها یا ویژگی های onsicked و onsicking

آشنایی با کارکرد صفت یا ویژگی onstalled

  • تشریح کارکرد صفت یا ویژگی onstalled
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onstalled

آشنایی با کارکرد صفت یا ویژگی onsuspend

  • تشریح کارکرد صفت یا ویژگی onsuspend
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onsuspend

 آشنایی با کارکرد صفت یا ویژگی ontimeupdate

  • تشریح کارکرد صفت یا ویژگی ontimeupdate
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی ontimeupdate

آشنایی با کارکرد صفت یا ویژگی onwating

  • تشریح کارکرد صفت یا ویژگی onwating
  • نحوه پشتیبانی مرورگرهای مختلف از صفت یا ویژگی onwating

عناوین مرتبط با مبحث این صفحه :

  • آموزش کامل طراحی سایت
  • آموزش کامل اچ تی ام ال html
  • آموزش حرفه ای اچ تی ام ال html
  • آموزش اچ تی ام ال html  از صفر تا صد 
  • آموزش اچ تی ام ال html از ۰ تا ۱۰۰
  • آموزش طراحی وب به صورت کامل و از مقدماتی تا پیشرفته
  • دوره آموزش طراحی سایت تضمینی
  • آموزش اچ تی ام ال html  از مقدماتی تا پیشرفته
  • آموزش سایت سازی آسان
  • آموزش آسان و کامل اچ تی ام ال html
  • آموزش اینترنتی طراحی سایت
  • آموزش اینترنتی اچ تی ام ال html 
  • آموزش عالی طراحی سایت
  • آموزش عالی و تضمینی اچ تی ام ال html 

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

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

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

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

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

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

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

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

به دوره آموزش کامل مبانی کامپیوتر و it سایت بیست آموز خوش آمدید. آشنایی با مبانی ، مفاهیم و تعاریف…
۱۰,۰۰۰ تومان

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

ضمن عرض سلام و ادب خدمت شما دوست عزیز ، با آموزش برنامه حسابداری هلو سایت بیست آموز در خدمت…
۲۰,۰۰۰ تومان

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

با سلام خدمت شما دوست و کاربر محترم سایت بیست آموز ، با دوره کامل آموزش نرم افزار پرزی prezi…
۱۰,۰۰۰ تومان

chat_bubble_outlineنظرات