معماری
ضعیفبد نیستمتوسطخوبعالی (1 votes, average: 5٫00 out of 5)
Loading...

آموزش جامع طراحی وب -قسمت نهم- طراحی صفحات ریسپانسیو با CSS3

به نام آفریننده عشق

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

آموزش طراحی صفحات ریسپانسیو با CSS3
آموزش طراحی صفحات ریسپانسیو با CSS3

طراحی صفحات ریسپانسیو یا واکنشگرا توسط CSS3
در گذشته صفحات وب در یک اندازه و سایز یکسان طراحی می شدند؛ در واقع حالتی منعطف و پویا نداشتند. بعنوان مثال صفحات وب را وقتی در مرورگر گوشی موبایل باز می کردید بسیار بزرگ بودند و برای مشاهده بخش های مختلف صفحه مجبور به اسکرول (Scroll) به جهات مختلف بودیم که باعث اذیت کاربر و اتلاف وقت در مشاهده یک صفحه می شد.
اما امروزه باتوجه به بحث جدید “طراحی صفحات وب بصورت ریسپانسیو” دیگر این مشکلات را نداریم و کاربر با هر Device از قبیل لپ تاپ، موبایل، تبلت، تلوزیون و.. که صفحات وب ریسپانسیو را باز کند، آن صفحه متناسب با صفحه نمایش به کاربر نشان داده خواهد شد و دیگر نیاز به اسکرول به چپ و راست نیست.

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

همچنین با وجود CSS3 و یا فریم ورک هایی همچون بوت استرپ، w3.css به راحت ترین شکل ممکن می توانیم زیباترین صفحات را ایجاد کنیم.

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

جهت دانلود فیلم آموزشی این قسمت به همراه PDF آموزشی و فایل های تمرینی لطفا به ادامه مطلب مراجعه کنید.

دانلود
دانلود

دانلود فیلم آموزشی

حجم: 88 مگابایت / مدت زمان: 42 دقیقه / کیفیت: عالی 720p

مشاهده آنلاین فیلم آموزشی

دانلود PDF آموزشی این قسمت

دانلود فایل های تمرینی این قسمت

تولید کننده و ناشر: میهن لرن

جهت ثبت درخواست های آموزشی خود اینجا کلیک کنید.

همچنین جهت دریافت پکیج های ویژه آموزشی اینجا کلیک کنید.

درباره ی سعید

همچنین ببینید

امنیت در پیام رسانی

امنیت پیام های شما چقدر است؟

با نام و یاد خدا با توجه به گسترش روز افزورن استفاده از نرم افزارهای …

2 دیدگاه

  1. درود بر شما…
    خسته نباشید واقعا اموزش هاتون فوق العاده و کامل هستن منتظر قسمتها و فصل های بعدی هستیم.با تشکر.

پاسخ دهید

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