قیمت این دوره: رایگانــ
  • مدرس دوره : حسن خسروجردی
  • تعداد ویدیوها : 70 ویدیو
  • مدت زمان دوره : 19:56:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1400/11/19
آموزش رایگان Html و Css

آموزش رایگان Html و Css

دوره جامع آموزش html & css

 

در‌ این دوره قصد داریم‌ به صورت کامل به یادگیری html و همچنین css بپردازیم
تا حد امکان سعی میشه در این دوره از مثال های کوچک و کاربردی استفاده شود تا مطالب به صورت کامل برای شما عزیزان قابل فهم باشه
این دوره درواقع سطح پیشرفته تر و کامل تر  برای دوره html & css از مقدماتی میباشد و در انتهای این دوره شما میتونید با گذراندن دوره html & css پیشرفته به نوشتن سه پروژه کامل بپردازید و مطالبی که در‌این دوره یادگرفتید را مورد استفاده قرار دهید

 

دوره بعد از این دوره : دوره آموزش طراحی سایت پروژه محور




فهرستـــ ویدیوها

مدت زمان دوره 19:56:00
00:00
00:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره

00:07:00

معرفی دوره

2
  • بررسی تگ های p و div

00:20:00

بررسی دو تگ p و div و اشنایی با استفاده از ابزار های مفید مانند inspect و چگونگی ساخت سند های مختلف

3
  • بررسی تگ های span , h , head

00:18:00

بررسی تگ های span , h , head و همچنین چگونگی استفاده از تگ span  و تفاوت با تگ‌div و استفاده از تگ های em strong

4
  • بررسی تگ های header , br و لیست ها

00:24:00

بررسی تگ header و دلایل استفاده و قوانین آن و همچنین بررسی کامل تگ های لیست و نشان دادن نمونه های واقعی از این تگ و همچنین بررسی تگ br

5
  • بررسی تگ a

00:20:00

بررسی کامل تگ a و ویژگی‌های مهم آن و همچنین بررسی در‌نمونه ها واقعی و چگونگی استفاده از id در‌این تگ

6
  • آشنایی تگ img

00:17:00

بررسی تگ img و همچنین att مهم آن و چگونگی استفاده از سایز های مختلف برای عکس ها در صفحه

7
  • تگ map

00:18:00

تگ map در html

8
  • تگ picture

00:27:00

تگ picture

9
  • تگ table

00:15:12

آشنایی با تگ ها tr td th و همچنین تگ caption و نمایش حاشیه در جداول و نکات آن ها

10
  • بررسی تگ tbody

00:16:00

بررسی تگ های tbody thead tfoot و همچنین ستون ها col و colgroup

11
  • تگ form

00:28:00

تگ form

12
  • تگ input

00:25:00

آشنای با type های مختلف این تگ و همچنین تفاوت های آن ها و آشنایی با ویژگی  name و value در این تگ

13
  • تگ input - بخش دوم

00:12:00

تگ input - بخش دوم

14
  • تگ Select

00:16:00

تگ Select

15
  • تگ textarea

00:19:00

تگ textarea

16
  • تگ video

00:15:00

تگ video

17
  • global attributes - بخش اول

00:18:00

global attributes - بخش اول

18
  • global attributes- بخش دوم

00:13:00

global attributes- بخش دوم

19
  • global attributes - بخش سوم

00:16:00

global attributes - بخش سوم

20
  • استفاده از css

00:16:00

استفاده از css

21
  • ساختار css

00:14:00

ساختار css

22
  • سلکتور ها در css

00:14:00

آشنایی با سلکتور های ابتدایی مانند id class tag name و *

23
  • رنگ ها در css

00:18:00

آشنایی با چهار روش استفاده از رنگ ها و همچنین بررسی ابزار color picker

24
  • background در css

00:10:00

اشنایی با پس زمینه ها بصورت رنگ و عکس و همچنین طریقه تکرار آن ها

25
  • واحد های اندازه گیری

00:19:00

واحد های اندازه گیری

26
  • واحد های اندازه گیری - بخش دوم

00:12:00

بررسی واحد های vh vw vmin vmax

27
  • background در css - بخش دوم

00:18:00

بررسی ویژگی attachment و clip و همچنین بررسی جایگاه هر المان در صفحه و بخش بندی هر یک

28
  • background در css - بخش سوم

00:15:00

بررسی size origin position و استفاده همزمان در یک خط از همه ی موارد

29
  • css در border

00:12:00

بررسی استفاده از border-width و border-style

30
  • css در border - بخش دوم

00:08:00

بررسی رنگ ها در border و استفاده از shorthand

31
  • margin

00:20:00

بررسی استفاده از مارجین در css و همچنین روش های استفاده و بررسی قانون margin collapse

32
  • آشنایی با خاصیت padding

00:07:00

آشنایی با خاصیت padding و قوانین موجود در آن به روش های مختلف در باکس مدل

33
  • width & height

00:11:00

بررسی خاصیت عرض و ارتفاع و همچنین حداقل و حداکثر عرض و ارتفاع تحت عنوان min & max

34
  • outline

00:14:00

بررسی تفاوت های عرض و ارتفاع و پدینگ و مارجین و همچنین بررسی خاصیت outline

35
  • Text-Align در css

00:19:00

بررسی رنگ ها در css برای متن ها و همچنین تغییر جایگاه متن با کمک خاصیت text-align و همچنین بررسی خاصیت direction برای راست چین کردن صفحات

36
  • text در css

00:18:00

در این بخش با خاصیت های transform overflow و  spacing آشنا میشویم

37
  • استفاده از فونت در css

00:16:00

در این بخش در رابطه با دو دسته بندی اصلی فونت ها یعنی generic family و font family صحبت شده و همچنین درمورد font style صحبت شده است

38
  • استفاده از فونت های بیرونی در پروژه

00:12:00

در این بخش طریقه استفاده از فونت های فارسی و انگلیسی در پروژه مورد بحث قرار گرفته و همچنین با خاصیت font weight آشنا میشویم

39
  • کار با آیکون ها

00:19:00

در این بخش به کار با آیکون ها پرداخته میشود و چگونگی کار با font awsome به دو روش cdn و مستقیم مورد بحث قرار میگیرد

40
  • دستور import

00:10:00

در این بخش با نحوه استفاده از دستور @import و موارد استفاده و همچنین تفاوت ها با موارد مشابه صحبت خواهیم کرد

41
  • تگ لینک

00:19:00

در این بخش به سلکتور های مهم از جمله hover active link visited  پرداخته شده است و همچنین پوشه آیکون ها قرار داده شده است

42
  • تگ لیست

00:13:00

در این بخش به استایل های مربوط به لیست ها پرداخته میشود و همچنین تمرین شماره ۳ معرفی میشود

43
  • جداول در css

00:13:32

در این بخش با استایل های مورد استفاده برای جداول آشنا میشویم

44
  • جداول در css - بخش دوم

00:27:00

در این بخش با خاصیت های table-layout و padding و نحوه نمایش hover در جداول آشنا میشویم.

45
  • display

00:14:00

در این بخش با display های inline block none و همچنین visibility hidden آشنا میشویم و قوانین display ها مورد بررسی قرار میگیرد

46
  • display - بخش دوم

00:17:00

در این قسمت با display inline-block و خاصیت های آن آشنا میشویم و یک مثال ساده از ساخت منو را پیش میبریم

47
  • نقشه راه

00:14:00

در این بخش نقشه راه برای ادامه مسیر گفته شده است.

48
  • display - بخش سوم

00:19:00

در این بخش با display contents , table آشنا میشویم

49
  • position

00:19:00

در این بخش با دو پوزیشن relative و fixed آشنا میشویم و همچنین مفهوم flow مورد بحث قرار میگیرد.

50
  • position - بخش دوم

00:19:30

در این بخش با پوزیشن های absolute و sticky آشنا میشویم و با مفهوم z index یک مثال عملی نوشته میشود

51
  • Overflow

00:07:00

در این بخش با خاصیت Overflow آشنا میشویم

52
  • float

00:17:30

در این بخش با مفهوم float آشنا میشویم و یک مثال از ساخت منو انجام میدهیم

53
  • clear

00:28:00

در این بخش با مشکلات float آشنا میشویم و همچنین طریقه حل مشکلات را بررسی میکنیم با کمک مفهوم clear و کلاس clearfix . در نهایت یک مثال عملی از لایه بندی اصلی یک سایت انجام میشود.

54
  • تغییر مکان المان ها

00:19:00

در این بخش با روش های تغییر مکان المان ها آشنا شده و طریقه استفاده از margin : auto مورد بحث قرار میگیرد.

55
  • سلکتور ها - بخش دوم

00:16:30

در این بخش با سکلتور های اساسی اشنا میشویم از جمله descendant selector (space) child selector (>) adjacent sibling selector (+) general sibling selector (~)

56
  • شبه المان ها

00:17:00

در این بخش با شبه المان های before after آشنا میشویم

57
  • شبه کلاس ها

00:18:00

در این بخش با شبه کلاس ها و سلکتور ها از این نوع آشنا میشویم first-child , enabled, empty

58
  • شبه کلاس ها - بخش دوم

00:21:30

در این بخش ادامه سلکتور ها نظیر last-child , :last-of-type , nth-child . only-of-type , only-child , ... بررسی میشود

59
  • تگ های معنایی Semantic Elements

00:28:00

در این بخش با تگ های معنایی یا Semantic Elements آشنا میشویم که در HTML5 بسیار مورد استفاده قرار میگیرند

60
  • Opacity

00:11:00

در این بخش با مفهوم Opacity آشنا میشویم

61
  • Attribute Selectors

00:18:00

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

62
  • استایل دهی فرم ها

00:25:00

در این بخش چگونگی استایل دهی فرم ها بررسی میشود.

63
  • Transitions

00:15:30

در این بخش مبحث مربوط به تغییر حالت المان ها با افکت های محتلف بررسی میشود.

64
  • Transform

00:14:00

در این بخش با خاصیت transform 2d آشنا میشویم

65
  • transform 3D

00:20:30

در این بخش با خاصیت transform در حالت سه بعدی آشنا میشویم

66
  • Gradient

00:18:00

در این بخش با شیب های خطی و شعاعی آشنا میشویم .Linear Gradients Radial Gradients

67
  • button

00:15:26

در این بخش با چگونگی ساخت دکمه ها آشنا میشویم

68
  • اصول واکنشگرایی سایت ها ( پایان فصل اول )

00:45:00

در این بخش با اصول کلی ساخت سایت های ریسپانسیو آشنا میشویم و با دستورات @media کار خواهیم کرد.آشنایی با دستور !important

69
  • معرفی دوره جایگزین دوره html css پیشرفته

00:03:03

معرفی دوره جایگزین دوره html css پیشرفته

70
  • شروع بروز رسانی اول ( حل تمارین ) - حل تمرین شماره ۱

00:17:25

شروع بروز رسانی اول ( حل تمارین ) - حل تمرین شماره ۱

دوره های دیگر مدرس

مشاهده همه دوره ها

نظرات کاربران در رابطه با این دوره

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

ftali9974

ارسال شده در 1403/11/10

بسیار عالی و مفید هستند موفق باشید

 

حسن خسروجردی (مدرس)

ارسال شده در 1403/11/12

سلام وقت بخیر

 

زنده باشید خوشحالیم راضی بودید

tahamomeni13

ارسال شده در 1403/11/07

سلام وقتتون بخیر
استاد من گیج شدم و نمیدونم بعد این دوره ، دوره پیشرفته رو ببینم یا دوره پروژه محور
هدفم طراحی سایت سه بعدیه«

حسن خسروجردی (مدرس)

ارسال شده در 1403/11/12

سلام وقت بخیر

 

ما در دوره ها طراحی سه بعدی رو اموزش ندادیم

 

ولی بصورت کلی بعد از این دوره باید دوره طراحی سایت پروژه محور رو ببینید

نیما مسعودی

نیما مسعودی

ارسال شده در 1403/10/29

با سپاس از استاد خسروجردی عزیز  بیان شما بسیار ساده و انتقال مفاهیم با قدرت بالا انجام دادید. ما که راضی بودیم دستتون درد نکنه

نیما مسعودی

حسن خسروجردی (مدرس)

ارسال شده در 1403/11/03

با سلام خدمت شما

 

زنده باشید خوشحالیم راضی بودید

 

 

موفق و پیروز باشید

alismmmm91

ارسال شده در 1403/10/02

باسلام و درود 

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

حسن خسروجردی (مدرس)

ارسال شده در 1403/11/03

با سلام خدمت شما

 

 

زنده باشید باعث افتخار هست رضایت شما

 

 

 

موفق و پیروز باشید

bentoniloop

ارسال شده در 1403/09/12

دوره ی html & css

خیلی خوب و کامل بود

ممنون از شما

حسن خسروجردی (مدرس)

ارسال شده در 1403/11/03

با سلام خدمت شما

 

 

سپاس از حضور شما

 

 

موفق و پیروز باشید