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

آموزش رایگان Html و Css
دوره جامع آموزش html & css
در این دوره قصد داریم به صورت کامل به یادگیری html و همچنین css بپردازیم
تا حد امکان سعی میشه در این دوره از مثال های کوچک و کاربردی استفاده شود تا مطالب به صورت کامل برای شما عزیزان قابل فهم باشه
این دوره درواقع سطح پیشرفته تر و کامل تر برای دوره html & css از مقدماتی میباشد و در انتهای این دوره شما میتونید با گذراندن دوره html & css پیشرفته به نوشتن سه پروژه کامل بپردازید و مطالبی که دراین دوره یادگرفتید را مورد استفاده قرار دهید
فهرستـــ ویدیوها
مدت زمان دوره 19:30:00-
در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.
-
لطفا در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.
-
بررسی تگ های p و div
- 00:20:00
- رایگانــ
بررسی دو تگ p و div و اشنایی با استفاده از ابزار های مفید مانند inspect و چگونگی ساخت سند های مختلف
-
بررسی تگ های span , h , head
- 00:18:00
- رایگانــ
بررسی تگ های span , h , head و همچنین چگونگی استفاده از تگ span و تفاوت با تگdiv و استفاده از تگ های em strong
-
بررسی تگ های header , br و لیست ها
- 00:24:00
- رایگانــ
بررسی تگ header و دلایل استفاده و قوانین آن و همچنین بررسی کامل تگ های لیست و نشان دادن نمونه های واقعی از این تگ و همچنین بررسی تگ br
-
بررسی تگ a
- 00:20:00
- رایگانــ
بررسی کامل تگ a و ویژگیهای مهم آن و همچنین بررسی درنمونه ها واقعی و چگونگی استفاده از id دراین تگ
-
آشنایی تگ img
- 00:17:00
- رایگانــ
بررسی تگ img و همچنین att مهم آن و چگونگی استفاده از سایز های مختلف برای عکس ها در صفحه
-
تگ table
- 00:06:00
- رایگانــ
آشنایی با تگ ها tr td th و همچنین تگ caption و نمایش حاشیه در جداول و نکات آن ها
-
تگ input
- 00:25:00
- رایگانــ
آشنای با type های مختلف این تگ و همچنین تفاوت های آن ها و آشنایی با ویژگی name و value در این تگ
-
رنگ ها در css
- 00:18:00
- رایگانــ
آشنایی با چهار روش استفاده از رنگ ها و همچنین بررسی ابزار color picker
-
background در css
- 00:10:00
- رایگانــ
اشنایی با پس زمینه ها بصورت رنگ و عکس و همچنین طریقه تکرار آن ها
-
background در css - بخش دوم
- 00:18:00
- رایگانــ
بررسی ویژگی attachment و clip و همچنین بررسی جایگاه هر المان در صفحه و بخش بندی هر یک
-
background در css - بخش سوم
- 00:15:00
- رایگانــ
بررسی size origin position و استفاده همزمان در یک خط از همه ی موارد
-
margin
- 00:20:00
- رایگانــ
بررسی استفاده از مارجین در css و همچنین روش های استفاده و بررسی قانون margin collapse
-
آشنایی با خاصیت padding
- 00:07:00
- رایگانــ
آشنایی با خاصیت padding و قوانین موجود در آن به روش های مختلف در باکس مدل
-
width & height
- 00:11:00
- رایگانــ
بررسی خاصیت عرض و ارتفاع و همچنین حداقل و حداکثر عرض و ارتفاع تحت عنوان min & max
-
outline
- 00:14:00
- رایگانــ
بررسی تفاوت های عرض و ارتفاع و پدینگ و مارجین و همچنین بررسی خاصیت outline
-
Text-Align در css
- 00:19:00
- رایگانــ
بررسی رنگ ها در css برای متن ها و همچنین تغییر جایگاه متن با کمک خاصیت text-align و همچنین بررسی خاصیت direction برای راست چین کردن صفحات
-
استفاده از فونت در css
- 00:16:00
- رایگانــ
در این بخش در رابطه با دو دسته بندی اصلی فونت ها یعنی generic family و font family صحبت شده و همچنین درمورد font style صحبت شده است
-
استفاده از فونت های بیرونی در پروژه
- 00:12:00
- رایگانــ
در این بخش طریقه استفاده از فونت های فارسی و انگلیسی در پروژه مورد بحث قرار گرفته و همچنین با خاصیت font weight آشنا میشویم
-
کار با آیکون ها
- 00:19:00
- رایگانــ
در این بخش به کار با آیکون ها پرداخته میشود و چگونگی کار با font awsome به دو روش cdn و مستقیم مورد بحث قرار میگیرد
-
دستور import
- 00:10:00
- رایگانــ
در این بخش با نحوه استفاده از دستور @import و موارد استفاده و همچنین تفاوت ها با موارد مشابه صحبت خواهیم کرد
-
تگ لینک
- 00:19:00
- رایگانــ
در این بخش به سلکتور های مهم از جمله hover active link visited پرداخته شده است و همچنین پوشه آیکون ها قرار داده شده است
-
تگ لیست
- 00:13:00
- رایگانــ
در این بخش به استایل های مربوط به لیست ها پرداخته میشود و همچنین تمرین شماره ۳ معرفی میشود
-
جداول در css - بخش دوم
- 00:27:00
- رایگانــ
در این بخش با خاصیت های table-layout و padding و نحوه نمایش hover در جداول آشنا میشویم.
-
display
- 00:14:00
- رایگانــ
در این بخش با display های inline block none و همچنین visibility hidden آشنا میشویم و قوانین display ها مورد بررسی قرار میگیرد
-
display - بخش دوم
- 00:17:00
- رایگانــ
در این قسمت با display inline-block و خاصیت های آن آشنا میشویم و یک مثال ساده از ساخت منو را پیش میبریم
-
position
- 00:19:00
- رایگانــ
در این بخش با دو پوزیشن relative و fixed آشنا میشویم و همچنین مفهوم flow مورد بحث قرار میگیرد.
-
position - بخش دوم
- 00:19:30
- رایگانــ
در این بخش با پوزیشن های absolute و sticky آشنا میشویم و با مفهوم z index یک مثال عملی نوشته میشود
-
clear
- 00:28:00
- رایگانــ
در این بخش با مشکلات float آشنا میشویم و همچنین طریقه حل مشکلات را بررسی میکنیم با کمک مفهوم clear و کلاس clearfix . در نهایت یک مثال عملی از لایه بندی اصلی یک سایت انجام میشود.
-
تغییر مکان المان ها
- 00:19:00
- رایگانــ
در این بخش با روش های تغییر مکان المان ها آشنا شده و طریقه استفاده از margin : auto مورد بحث قرار میگیرد.
-
سلکتور ها - بخش دوم
- 00:16:30
- رایگانــ
در این بخش با سکلتور های اساسی اشنا میشویم از جمله descendant selector (space) child selector (>) adjacent sibling selector (+) general sibling selector (~)
-
شبه کلاس ها
- 00:18:00
- رایگانــ
در این بخش با شبه کلاس ها و سلکتور ها از این نوع آشنا میشویم first-child , enabled, empty
-
شبه کلاس ها - بخش دوم
- 00:21:30
- رایگانــ
در این بخش ادامه سلکتور ها نظیر last-child , :last-of-type , nth-child . only-of-type , only-child , ... بررسی میشود
-
تگ های معنایی Semantic Elements
- 00:28:00
- رایگانــ
در این بخش با تگ های معنایی یا Semantic Elements آشنا میشویم که در HTML5 بسیار مورد استفاده قرار میگیرند
-
Transitions
- 00:15:30
- رایگانــ
در این بخش مبحث مربوط به تغییر حالت المان ها با افکت های محتلف بررسی میشود.
-
Gradient
- 00:18:00
- رایگانــ
در این بخش با شیب های خطی و شعاعی آشنا میشویم .Linear Gradients Radial Gradients
نظرات کاربران در رابطه با این دوره