close
تبلیغات در اینترنت
قالب واکنش گرا یا ریسپانسیو چیست؟
خرید و فروش فایلپروژه رباتیک و الکترونیک
[Post_Title]
[Post_Title]
تاریخ: [Post_Date]
نویسنده: [Post_Author]
redtools.ir
تبلیغات
خرید هاستتبلیغات شما
قالب واکنش گرا یا ریسپانسیو چیست؟
قالب واکنش گرا یا ریسپانسیو چیست؟
تاریخ: 24 / 02 / 1394
نویسنده: Majid

مهمترین نکته و بحثی که ما را به بحث قالب واکنش گرا یا ریسپانسیو (responsive) می کشاند عرض صفحه ی نمایش دستگاه های مختلی است که توسط آن به وسیله ی یک مرورگر اینترنتی به مشاهده ی یک وبسایت می پردازیم.

بحث اصلی در قالب واکنش گرا بر سر “عرض” صفحه نمایش است

در اینجا (بحث قالب واکنش گرا) ارتفاع صفحه ی نمایش اهمیت چندانی ندارد و باز هم تاکید می کنم که “عرض” صفحه ی نمایش از اهمیت بالایی برخوردار است زیرا امروزه با ورود دستگاه های همراه مانند گوشی های تلفن همراه و تبلت ها به دنیای دستگاههای پیشمایش صفحات اینترنتی تنوع “عرض” این دستگاه ها بسیار زیاد شده است.

این تنوع عرض از دستگاههای موبایل کوچک با کمتر از چند صد پیکسل شروع می شود و تا کامپیوترهای رو میزی که گاه عرض مانیتور آنها به چند هزار پیکسل میرسد را شامل می شود.
در گذشته سایت ها به گونه ای طراحی می شدند که از یک عرض پرکاربرد به بالا را پاسخ دهند (مثال ده سال پیش عرض ۸۰۰ در ارتفاع ۶۰۰ پیکسل به بالا و پنج سال پیش عرض ۱۰۲۴ در ارتفاع  ۷۶۸ اهمیت بیشتری برای طراحان قالب داشت) و بدیهی است که زمانی که یک عرض به عنوان عرض پایه برای طراحی در نظر گرفته می شود آن قالب نباید برای عرض های بزرگتر مشکلی داشته باشد اما مشکل از زمانی شروع می شود که قصد داشته باشیم در یک دستگاه با عرض کمتر سایت را مشاهده کنیم. در این زمان برای استفاده از صفحه اسکرول افقی در صفحه به وجود خواهد آمد که به دلیل دشوار نمودن پیمایش صفحات اینترنتی برای کاربر یک نکته ی بسیار منفی در طراحی محسوب می شود.
طراحی ریسپانسیو یا واکنش گرا آمده است که این مشکل را برطرف نماید به این معنی که شما به همان راحتی که در کامپیوتر رومیزی یا به اصطلاح دسکتاپ صفحات اینترنتی را مشاهده و پیمایش می کنید بتوانید در دستگاه کوچک و قابل حمل خود نیز این کار را به وسیله امکان لمس (تاچ) انجام دهید.
مهمترین دستور Css مرتبط با این موضوع min-width می باشد که اگر با اچ تی ام ال آشنایی داشته باشید موضوع به سرعت دست گیرتان می شود اما بنده قصد ندارم در اینجا وارد مباحث طراحی سایت شوم بنابراین از توضیح بیشتر در این خصوص خودداری می کنم.
از مباحث مهم دیگر در مورد طراحی و قالب واکنش گرا این است که غیر از مبحث عرض دستگاههای مختلف مبحث لمس یا همان touch از ویژگی های اصلی دستگاههای جدید است که در طراحی بحث استفاده از جاوااسکریپت را در طراحی پر رنگتر می کند زیرا به طور معمول در اچ تی ام ال و سی اس اس این امکان جایگاه چندان خاصی ندارد.


نمایش نظرات
آیا وقت آن نرسیده است که قالب اختصاصی برای خود داشته باشید؟!
ابزار قرمز با سابقه عالی و طراحی های مد پسند بهترین انتخاب برای شما میباشد.
با کیفیت ترین قالب با مناسبترین قیمت , قالب هایی سئو شده و طراحی های نو
همینک قالب اختصاصی خود را سفارش دهید

تــ ــالــ ــار گــفـ ـتــ ـگـ ـو

تعداد پاسخ: 0
تعداد بازدید: 2
توسط: roozfreight
تعداد پاسخ: 0
تعداد بازدید: 1
توسط: eskandari
تعداد پاسخ: 0
تعداد بازدید: 8
توسط: fns4565
تعداد پاسخ: 0
تعداد بازدید: 9
توسط: fns4565
تعداد پاسخ: 0
تعداد بازدید: 10
توسط: fns4565
تعداد پاسخ: 0
تعداد بازدید: 9
توسط: fns4565
تعداد پاسخ: 0
تعداد بازدید: 9
توسط: fns4565
تعداد پاسخ: 0
تعداد بازدید: 8
توسط: fns4565
تعداد پاسخ: 0
تعداد بازدید: 1
توسط: roozfreight
تـــمـــامـــی حـــقــــوق مــــحـــفــوظ مــیــبــاشــد !
طــراحــی شــده تــوسـط: مجید امانی
اجــرا شــده تـوسـط: وبـســایــت ابــزار قــرمـز