وب

ریسپانسیو سازی یعنی چی

در حال بارگذاری...

 

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

سلام

ببینید دوستان در کل ریسپانسیو سازی به این معنیه که ما بیایم صفحات خودمون رو به شکلی تغییر بدیم که توی دستگاههای دیگه با سایز صفحه نمایش مختلف درست نشون داده بشه ! یعنی چی؟

ما معمولا و اصولاً میایم تو‌ یک سیستم کامپیوتری مثل لب تاب که یک ساز بزرگ‌تری داره صفحات وب خودمون رو طراحی میکنیم درسته،؟

اگه دنبال آموزشهای خیلی کامل تو این زمینه طراحی سایت هستید توصیه میشه به صفحه دوره آموزشی طراحی سایت هم یه نگاهی بندازید

 

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

 

پس ریسپانسیو سازی به این معنیه که اون صفحه وبی که ما توی یک سایز بزرگتر طراحی کردیم رو به شکلی تغییر بدیم که توی تبلت یا موبایل بتونه نشون داده بشه ، یعنی چی؟

مثلا فرض بگیرید ما اومدیم توی یک سایز بزرگتر مثلا سایز لب تاب تو یک ردیف ۳ تا ستون قرار دادیم ، میایم چیکار میکنیم توی تبلت این ۳ تا ستون رو به ۲ تا ستون تغییر می دیم که بهتر نشون داده بشه ، و توی موبایل میایم این سه تا ستون رو به ۱ ستون تغییر میدیم ، یعنی تغییرات رو به این صورت اعمال میکنیم .

 

حالا با چه ابزارهایی میتونیم ریسپانسیو سازی رو انجام بدیم!؟

ببینید دوستان با سه تا ابزار اصلی ما میایم توی صفحات وبمون ریسپانسیو سازی رو انجام میدیم

۱_CSS
۲_Bootstrap
۳_Javascript

که اگه هر سه تای اینها رو با هم دیگه ادغام کنیم میتونیم به صورت خیلی حرفه ای و کامل صفحات وبمون رو ریسپانسیو کنیم ، حالا بعضی از دوستان فقط میان از یکی از این ابزارها استفاده میکنند ، مثلا میان فقط با CSS ریسپانسیو سازی رو انجام میدن ، اما اگر ما بیایم هر سه تای اینها رو باهم دیگه ادغام کنیم و از هر سه تای اینها استفاده کنیم مسلماً به صورت خیلی حرفه ای تر و کامل تر میتونیم صفحات وب خودمون رو ریسپانسیو سازی کنیم.

 

ما توی دوره صفر تا صد طراحی سایت ، توی یک فصل از هر سه تای این موارد استفاده میکنیم و به هر سه تای این موارد مسلط میشیم که چطوری میتونیم با CSS ,Bootstrap یا JavaScript صفحات وبمون رو ریسپانسیو سازی کنیم.

 

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا