طراحی وب ریسپانسیو Responsive Web Design بخش نخستین: مفاهیم
این ایام به کارگیری از تلفن همراه ، تبلت و یا این که بقیه امکانات هم پا برای مرور و مشاهده صفحه های تارنما ها بسیار کلیه گیر گردیده‌است و اکثر طراحان اینترنت برای پیاده سازی سایتهایشان نیز میل دارا هستند تا وبسایت هایی که پیاده سازی میکنند در گونه های تبلت ، گوشی و یا این که وسایل دیگر قابل مشاهده و استعمال باشد. در واقع شما با استعمال از اصول پیاده سازی ریسپانسیو (Responsive) یا این که به عبارتی اینترنت واکنشی توانمند هستید تا محتویات صفحه های سایت خویش را با تمرکز به نوع وسیله گزینه به کارگیری بازدیدکننده وبسایت تهیه نمائید.
فرض فرمائید طراحی سایت در مشهد فقط در مرورگرهای رایج بوسیله کامپیوترهای فردی به درستی اکران داده خواهد شد. اکنون در‌حالتی که برخی بازدیدکنندگان وبسایت شما از تبلت و یا این که موبایل های هوشمند مدرن برای مشاهده وب سایت شما به کارگیری نمایند و صفحات وب سایت شما به صحت اکران داده نشوند به طور طبیعی این مجموعه از بازدیدکنندگان از وبسایت شما بیرون می شوند و این در معنای حیف کردن این بازدیدکنندگان و حتی در برخی مواقع مشتریان خواهد بود.
طراحان وبسایت در ساخت وب سایت با به کار گیری از مخلوط بعضی مورد ها در CSS و مخلوط آنان با جداول شناور (Fluid Grid) می‌توانند ساخت وب سایت خویش را به صورتی پیاده سازی نمایند که در همه وسایل و امکانات به درستی اکران داده شوند و این یعنی پیاده سازی واکنشی (طراحی وب ریسپانسیو) و یا این که به عبارتی Responsive Web Design که درباره ی آن حرف می‌کنیم.
معمولا در‌این نوع پیاده سازی وسیع ترین نقص اکران درست تصاویر در مرورگرها و امکانات مختلف با کاغذ اکران های مختلف میباشد. ولی شما با استعمال از امرها اکران به طور بی نقص مانند: max-width میتوانید این فعالیت را اعمال دهید. در واقع تصاویر شما همواره در اندازه واقعی خویش اکران داده می‌شوند مگر آنکه در فضای کوچکتری قرار گیرند.
در طرز Responsive شما می توانید فولدر های CSS گوناگونی را برای اکران سایت بر روی دستگاه های متعدد فراخوانی فرمایید. مثلا برای اکران بر روی تلفن همراه یک فولدر CSS و برای اکران در یک دستگاه دیگر از یک نوع فولدر CSS دیگر استعمال کنید.
اکران در موبایل گوشی در موقعیت بی آلایش و پس از لمس منو (منو از سمت چپ به داخل گشوده می شود)
این ایام به کارگیری از تلفن همراه ، تبلت و یا این که بقیه امکانات هم پا برای مرور و مشاهده صفحه های تارنما ها بسیار کلیه گیر گردیده‌است و اکثر طراحان اینترنت برای پیاده سازی سایتهایشان نیز میل دارا هستند تا وبسایت هایی که پیاده سازی میکنند در گونه های تبلت ، گوشی و یا این که وسایل دیگر قابل مشاهده و استعمال باشد. در واقع شما با استعمال از اصول پیاده سازی ریسپانسیو (Responsive) یا این که به عبارتی اینترنت واکنشی توانمند هستید تا محتویات صفحه های سایت خویش را با تمرکز به نوع وسیله گزینه به کارگیری بازدیدکننده وبسایت تهیه نمائید.
فرض فرمائید طراحی سایت در مشهد فقط در مرورگرهای رایج بوسیله کامپیوترهای فردی به درستی اکران داده خواهد شد. اکنون در‌حالتی که برخی بازدیدکنندگان وبسایت شما از تبلت و یا این که موبایل های هوشمند مدرن برای مشاهده وب سایت شما به کارگیری نمایند و صفحات وب سایت شما به صحت اکران داده نشوند به طور طبیعی این مجموعه از بازدیدکنندگان از وبسایت شما بیرون می شوند و این در معنای حیف کردن این بازدیدکنندگان و حتی در برخی مواقع مشتریان خواهد بود.
طراحان وبسایت در ساخت وب سایت با به کار گیری از مخلوط بعضی مورد ها در CSS و مخلوط آنان با جداول شناور (Fluid Grid) می‌توانند ساخت وب سایت خویش را به صورتی پیاده سازی نمایند که در همه وسایل و امکانات به درستی اکران داده شوند و این یعنی پیاده سازی واکنشی (طراحی وب ریسپانسیو) و یا این که به عبارتی Responsive Web Design که درباره ی آن حرف می‌کنیم.
معمولا در‌این نوع پیاده سازی وسیع ترین نقص اکران درست تصاویر در مرورگرها و امکانات مختلف با کاغذ اکران های مختلف میباشد. ولی شما با استعمال از امرها اکران به طور بی نقص مانند: max-width میتوانید این فعالیت را اعمال دهید. در واقع تصاویر شما همواره در اندازه واقعی خویش اکران داده می‌شوند مگر آنکه در فضای کوچکتری قرار گیرند.
در طرز Responsive شما می توانید فولدر های CSS گوناگونی را برای اکران سایت بر روی دستگاه های متعدد فراخوانی فرمایید. مثلا برای اکران بر روی تلفن همراه یک فولدر CSS و برای اکران در یک دستگاه دیگر از یک نوع فولدر CSS دیگر استعمال کنید.
اکران در موبایل گوشی در موقعیت بی آلایش و پس از لمس منو (منو از سمت چپ به داخل گشوده می شود)
چهارشنبه ۲۱ دی ۰۱
۱۱:۲۳
۱۱:۲۳
- ۱۲ بازديد
- ۰ ۰
- ۰ نظر