سلام به همراهان عزیز وب سایت هدلرن ! در این دوره قصد داریم تا به طور کامل با مبحث طراحی ریسپانسیو و ریسپانسیو سازی کردن وب سایت به صورت کامل بپردازیم. ریسپانسیو سازی وب سایت یکی از مسائل بسیار مهم است که باعث افزایش سطح تجربه کاربری وب سایت و همچنین افزایش رتبه گوگل در وب سایت شما می شود . در صورتی که یک وب سایت ریسپانسیو داشته باشید می توانید کاربران بیشتری را جذب و همچنین آنها را در وب سایت خود نگه دارید و به مشتریان ثابت خود تبدیل کنید .

در این دوره از pure css استفاده میکنیم و با پروژه های عملی یک وب سایت ریسپانسیو می سازیم :

برای یادگیری دوره طراحی ریسپانسیو هدلرن لازم است تا موارد زیر را بلد باشید :

• بلد بودن HTML دوره رایگان آموزش HTTML هدلرن
• بلد بودن CSS دوره رایگان آموزش CSS هدلرن

• بررسی متاتگ ها

در این سرفصل مباحث مربوط به متا تگ ها در HTML را بررسی میکنیم و کاربرد آنها در ریسپانسیو سازی صفحات وب را بررسی میکنیم.

• سیستم ستون بندی

در این سرفصل سیستم ستون بندی در طراحی ریسپانسیو را بررسی میکنیم و کاربرد آن در ریسپانسیو کردن صفحات را بررسی میکنیم . همچنین یک سیستم ستون بندی را خودمان طراحی کرده و از آن در پروژه خودمان استفاده میکنیم.

• مدیاکوئری ها

در این سرفصل مدیا کوئری ها در CSS را بررسی میکنیم و کاربرد آنها در تغییر محتوا و شکل وب سایت در هنگامی که وب سایت با موبایل یا کامپیوتر و لپ تاپ باز می شود را بررسی میکنیم.

• ریسپانسیو کردن عکس و فیلم

در این سرفصل ریسپانسیو کردن عکس و فیلم هارا در صفحات وب بررسی میکنیم و بررسی میکنیم که چگونه کیفیت عکس را ثابت نگه داشته ولی نمایش عکس و فیلم را به درستی در دیوایس های مختلف درست کنیم.

• سیستم گرید بندی

در این بخش سیستم گریدبندی را در HTML CSS را بررسی میکنیم و یک سیستم **گرید بندی ** ایجاد میکنیم و از آن در پروژه خودمان استفاده میکنیم تا یک پروژه ریسپانسیو داشته باشیم .

• فریم ورک های ریسپانسیو

در این بخش فریم ورک های ریسپانسیو مربوط به CSS را بررسی میکنیم و نشان می دهیم که چگونه استفاده از یک فریم ورک ریسپانسیو می تواند کاربرد داشته باشد .