قیمت این دوره : رایگانــ
  • مدرس دوره : حسن خسروجردی ( رزومه )
  • تعداد دانشجویان این دوره : 67,905 نفر
  • تعداد ویدیوها : 69 ویدیو
  • مدت زمان دوره : 19:30:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/07/10
آموزش رایگان Html و Css

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

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

 

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

 

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

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

مدت زمان دوره 19:30:01
در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.
راهنما ! جهت دریافت لینک دانلود تمامی قسمت ها بر روی این لینک .کلیک کنید.
لطفا در در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.
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:06:00
  • رایگانــ

آشنایی با تگ ها 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 پیشرفته

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

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .