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

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

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

 

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

 

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




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

مدت زمان دوره 19:56: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

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

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

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

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

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