- مدرس دوره : حسن خسروجردی ( رزومه )
- تعداد ویدیوها : 70 ویدیو
- مدت زمان دوره : 19:56:00
- سطح دوره : متوسط
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1400/11/19
آموزش رایگان Html و Css
دوره جامع آموزش html & css
در این دوره قصد داریم به صورت کامل به یادگیری html و همچنین css بپردازیم
تا حد امکان سعی میشه در این دوره از مثال های کوچک و کاربردی استفاده شود تا مطالب به صورت کامل برای شما عزیزان قابل فهم باشه
این دوره درواقع سطح پیشرفته تر و کامل تر برای دوره html & css از مقدماتی میباشد و در انتهای این دوره شما میتونید با گذراندن دوره html & css پیشرفته به نوشتن سه پروژه کامل بپردازید و مطالبی که دراین دوره یادگرفتید را مورد استفاده قرار دهید
دوره بعد از این دوره : دوره آموزش طراحی سایت پروژه محور
فهرستـــ ویدیوها
مدت زمان دوره 19:56:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
بررسی تگ های p و div
بررسی دو تگ p و div و اشنایی با استفاده از ابزار های مفید مانند inspect و چگونگی ساخت سند های مختلف
بررسی تگ های span , h , head
بررسی تگ های span , h , head و همچنین چگونگی استفاده از تگ span و تفاوت با تگdiv و استفاده از تگ های em strong
بررسی تگ های header , br و لیست ها
بررسی تگ header و دلایل استفاده و قوانین آن و همچنین بررسی کامل تگ های لیست و نشان دادن نمونه های واقعی از این تگ و همچنین بررسی تگ br
بررسی تگ a
بررسی کامل تگ a و ویژگیهای مهم آن و همچنین بررسی درنمونه ها واقعی و چگونگی استفاده از id دراین تگ
آشنایی تگ img
بررسی تگ img و همچنین att مهم آن و چگونگی استفاده از سایز های مختلف برای عکس ها در صفحه
تگ input
آشنای با type های مختلف این تگ و همچنین تفاوت های آن ها و آشنایی با ویژگی name و value در این تگ
background در css - بخش دوم
بررسی ویژگی attachment و clip و همچنین بررسی جایگاه هر المان در صفحه و بخش بندی هر یک
background در css - بخش سوم
بررسی size origin position و استفاده همزمان در یک خط از همه ی موارد
margin
بررسی استفاده از مارجین در css و همچنین روش های استفاده و بررسی قانون margin collapse
آشنایی با خاصیت padding
آشنایی با خاصیت padding و قوانین موجود در آن به روش های مختلف در باکس مدل
width & height
بررسی خاصیت عرض و ارتفاع و همچنین حداقل و حداکثر عرض و ارتفاع تحت عنوان min & max
Text-Align در css
بررسی رنگ ها در css برای متن ها و همچنین تغییر جایگاه متن با کمک خاصیت text-align و همچنین بررسی خاصیت direction برای راست چین کردن صفحات
استفاده از فونت در css
در این بخش در رابطه با دو دسته بندی اصلی فونت ها یعنی generic family و font family صحبت شده و همچنین درمورد font style صحبت شده است
استفاده از فونت های بیرونی در پروژه
در این بخش طریقه استفاده از فونت های فارسی و انگلیسی در پروژه مورد بحث قرار گرفته و همچنین با خاصیت font weight آشنا میشویم
کار با آیکون ها
در این بخش به کار با آیکون ها پرداخته میشود و چگونگی کار با font awsome به دو روش cdn و مستقیم مورد بحث قرار میگیرد
دستور import
در این بخش با نحوه استفاده از دستور @import و موارد استفاده و همچنین تفاوت ها با موارد مشابه صحبت خواهیم کرد
تگ لینک
در این بخش به سلکتور های مهم از جمله hover active link visited پرداخته شده است و همچنین پوشه آیکون ها قرار داده شده است
تگ لیست
در این بخش به استایل های مربوط به لیست ها پرداخته میشود و همچنین تمرین شماره ۳ معرفی میشود
جداول در css - بخش دوم
در این بخش با خاصیت های table-layout و padding و نحوه نمایش hover در جداول آشنا میشویم.
display
در این بخش با display های inline block none و همچنین visibility hidden آشنا میشویم و قوانین display ها مورد بررسی قرار میگیرد
display - بخش دوم
در این قسمت با display inline-block و خاصیت های آن آشنا میشویم و یک مثال ساده از ساخت منو را پیش میبریم
position
در این بخش با دو پوزیشن relative و fixed آشنا میشویم و همچنین مفهوم flow مورد بحث قرار میگیرد.
position - بخش دوم
در این بخش با پوزیشن های absolute و sticky آشنا میشویم و با مفهوم z index یک مثال عملی نوشته میشود
clear
در این بخش با مشکلات float آشنا میشویم و همچنین طریقه حل مشکلات را بررسی میکنیم با کمک مفهوم clear و کلاس clearfix . در نهایت یک مثال عملی از لایه بندی اصلی یک سایت انجام میشود.
تغییر مکان المان ها
در این بخش با روش های تغییر مکان المان ها آشنا شده و طریقه استفاده از margin : auto مورد بحث قرار میگیرد.
سلکتور ها - بخش دوم
در این بخش با سکلتور های اساسی اشنا میشویم از جمله descendant selector (space) child selector (>) adjacent sibling selector (+) general sibling selector (~)
شبه کلاس ها
در این بخش با شبه کلاس ها و سلکتور ها از این نوع آشنا میشویم first-child , enabled, empty
شبه کلاس ها - بخش دوم
در این بخش ادامه سلکتور ها نظیر last-child , :last-of-type , nth-child . only-of-type , only-child , ... بررسی میشود
تگ های معنایی Semantic Elements
در این بخش با تگ های معنایی یا Semantic Elements آشنا میشویم که در HTML5 بسیار مورد استفاده قرار میگیرند
نظرات کاربران در رابطه با این دوره