مخصوص اعضای ویژه
.png?v=xv7IH9j8DdjmsjdOErFGErApWisEPqCRe0yiW5eMvH0)
.png?v=5ttlDfRTp_MQG-YQCgs9RCyJ7RJK-s44gxYvBy20s48)
قیمت این دوره: رایگانــ
- مدرس دوره : حسن خسروجردی ( رزومه )
- تعداد ویدیوها : 69 ویدیو
- مدت زمان دوره : 19:39:00
- سطح دوره : متوسط
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1399/07/10
آموزش رایگان Html و Css
دوره جامع آموزش html & css
در این دوره قصد داریم به صورت کامل به یادگیری html و همچنین css بپردازیم
تا حد امکان سعی میشه در این دوره از مثال های کوچک و کاربردی استفاده شود تا مطالب به صورت کامل برای شما عزیزان قابل فهم باشه
این دوره درواقع سطح پیشرفته تر و کامل تر برای دوره html & css از مقدماتی میباشد و در انتهای این دوره شما میتونید با گذراندن دوره html & css پیشرفته به نوشتن سه پروژه کامل بپردازید و مطالبی که در‌این دوره یادگرفتید را مورد استفاده قرار دهید
دوره بعد از این دوره : دوره آموزش طراحی سایت پروژه محور
لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
فهرستـــ ویدیوها
مدت زمان دوره 19:39:00-
در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.
-
لطفا در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.
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 مهم آن و چگونگی استفاده از سایز های مختلف برای عکس ها در صفحه
9
-
تگ table
00:15:12
آشنایی با تگ ها tr td th و همچنین تگ caption و نمایش حاشیه در جداول و نکات آن ها
12
-
تگ input
00:25:00
آشنای با type های مختلف این تگ و همچنین تفاوت های آن ها و آشنایی با ویژگی name و value در این تگ
27
-
background در css - بخش دوم
00:18:00
بررسی ویژگی attachment و clip و همچنین بررسی جایگاه هر المان در صفحه و بخش بندی هر یک
28
-
background در css - بخش سوم
00:15:00
بررسی size origin position و استفاده همزمان در یک خط از همه ی موارد
31
-
margin
00:20:00
بررسی استفاده از مارجین در css و همچنین روش های استفاده و بررسی قانون margin collapse
32
-
آشنایی با خاصیت padding
00:07:00
آشنایی با خاصیت padding و قوانین موجود در آن به روش های مختلف در باکس مدل
33
-
width & height
00:11:00
بررسی خاصیت عرض و ارتفاع و همچنین حداقل و حداکثر عرض و ارتفاع تحت عنوان min & max
35
-
Text-Align در css
00:19:00
بررسی رنگ ها در css برای متن ها و همچنین تغییر جایگاه متن با کمک خاصیت text-align و همچنین بررسی خاصیت direction برای راست چین کردن صفحات
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
در این بخش به استایل های مربوط به لیست ها پرداخته میشود و همچنین تمرین شماره ۳ معرفی میشود
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 و خاصیت های آن آشنا میشویم و یک مثال ساده از ساخت منو را پیش میبریم
49
-
position
00:19:00
در این بخش با دو پوزیشن relative و fixed آشنا میشویم و همچنین مفهوم flow مورد بحث قرار میگیرد.
50
-
position - بخش دوم
00:19:30
در این بخش با پوزیشن های absolute و sticky آشنا میشویم و با مفهوم z index یک مثال عملی نوشته میشود
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 (~)
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 بسیار مورد استفاده قرار میگیرند
66
-
Gradient
00:18:00
در این بخش با شیب های خطی و شعاعی آشنا میشویم .Linear Gradients Radial Gradients
نظرات کاربران در رابطه با این دوره