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

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

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

 

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

 

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

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

مدت زمان دوره 19:30:00

  • در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با 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 پیشرفته

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

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