طراحي صفحات ريسپانسيو
خوشحاليم كه طراحي سايت فروشگاهي در مشهد با بخش نهم از گروه جامع فراگيري ساخت سايت در سرويس شما يوزرها گرامي مرزو بوم لرن هستيم. در‌اين نصيب پيش موضوع از گفت و گو جالب پباده سازي صفحه هاي ريسپانسيو يا اين كه واكنشگرا داريم و همينطور مي‌آموزيم كه چه گونه به امداد سي اس اس 3 صفحه هاي ريسپانسيو يا اين كه عكس العمل گرا را ايجاد كنيم و به طور كامل مهيا مي شويم تا در بخش هاي بعدي كادر ورك بوت استرپ را خاطر بگيريم و بوسيله ان صفحه هاي ماهر، قشنگ و واكنشگرا پباده سازي كنيم.
فراگيري پباده سازي صفحه هاي ريسپانسيو با CSS3فراگيري پباده سازي صفحه ها ريسپانسيو با CSS3پباده سازي صفحه هاي ريسپانسيو يا اين كه واكنشگرا به وسيله CSS3در قبل صفحه هاي اينترنت در يك اندازه و سايز يكسان پباده سازي مي شدند؛ در واقع حالتي منعطف و پويا نداشتند. بعنوان نمونه صفحه ها اينترنت را زماني در مرورگر موبايل گوشي گشوده مي كرديد بسيار پهناور بودند و براي مشاهده قسمت هاي متعدد كاغذ بدون چاره به اسكرول (Scroll) به جهات متفاوت بوديم كه سبب ساز اذيت مخاطب و اتلاف وقت در مشاهده يك برگه ميشد.
ولي امروزه باتوجه به مشاجره تازه “پباده سازي صفحه ها اينترنت بصورت ريسپانسيو” ديگر اين اشتباهات را نداريم و استفاده كننده با هر Device از قبيل لپ تاپ، تلفن همراه، تبلت، تلوزيون و.. كه صفحه هاي اينترنت ريسپانسيو را گشوده نمايد، آن كاغذ متناسب با كاغذ اكران به مخاطب نشان داده شود و ديگر نياز به اسكرول به چپ و راست وجود ندارد.
داشتن يك وبسايت با صفحه ها واكنشگرا يا اين كه ريسپانسيو، امتياز بزرگي براي ما محسوب گردد به دليل آنكه وبسايت ما با كليه يوزرها دوست و سازگار خواهد بود.
همينطور با وجود CSS3 و يا اين كه كادر ورك هايي همانند بوت استرپ، w3.css به شل ترين صورت ممكن مي‌توانيم زيباترين صفحه ها را توليد كنيم.
در‌اين درس قصد داريم دو سرفصل ذيل را يادگرفتن دهيم تا به ياري آن ها بتوانيد صفحه ها ريسپانسيو را پباده سازي فرمائيد:
مديا كوئري ها (CSS3 Media Query)فلكس جعبه – CSS3 Flexbox