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

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

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

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

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


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

درباره ابزار قرمز

ابزار قرمز در 8/8/1392 به صورت رسمی شروع به کار کرد.
ابزار قرمز تصمیم دارد دنیای گرافیک و کدینگ را واضح تر رو به روی مردم فارسی زبان ایران به نمایش در آورد و تا به امروز پیشرفت چشم گیری کرده است!
این سایت توسط گرافیست و برنامه نویس وب ایرانی به نام دانیال ضامنی اداره میشود.
هدف ابزار قرمز هیچ گاه پول نبوده و نیست , تنها پیشرفت وبلاگنویسان ایرانی برای ما مهم است و می ماند.
با وجود هزینه های سنگین در دنیای مجازی ما هیچ گاه از تبلیغات های سنگینی مثل پاپ اپ استفاده نمیکنیم.
با تشکر مدیریت ابزار قرمز!

وضعیت بازدید ابزار قرمز

تعداد مطالب ارزشمند رایگان: 116
تعداد کاربران عضو سایت: 2998
تعداد نفرات حاظر در سایت: 2
تعداد بازدید امروز: 40
تعداد بازدید دیروز: 363
تعداد بازدید این ماه: 2,922
تعداد بازدید این سال: 3,858
زمان حال سایت: جمعه 29 تیر 1397

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

تعداد پاسخ: 0
تعداد بازدید: 2
توسط: nahal
تعداد پاسخ: 0
تعداد بازدید: 2
توسط: nahal
تعداد پاسخ: 0
تعداد بازدید: 2
توسط: nahal
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: salamiiii
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: salamiiii
تعداد پاسخ: 0
تعداد بازدید: 5
توسط: salamiiii
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: salamiiii
تعداد پاسخ: 0
تعداد بازدید: 4
توسط: salamiiii
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: salamiiii
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: salamiiii
تـــمـــامـــی حـــقــــوق مــــحـــفــوظ مــیــبــاشــد !
طــراحــی شــده تــوسـط: مجید امانی
اجــرا شــده تـوسـط: وبـســایــت ابــزار قــرمـز