دوره مجازی طراحی وب (جلسه 24): طراحی وب واکنشگرا، آشنایی با pureCSS و بوت استرپ

- visibility ٧٩ mode_comment

در این جلسه از دوره طراحی وب به آموزش طراحی وب واکنشگرا (responsive) به شکل کاملا اصولی و پایه ای خواهیم پرداخت و روش و فرایند اصولی برای واکنشگرا کردن یک قالب و صفحه وب  رو تدریس خواهیم کرد . پس از آن با انجام یک پروژه عملی قالب مربوط به جلسه 19 رو کاملا واکنشگرا خواهیم کرد که در ابزارهای موبایل هم ظاهر مناسبی داشته باشه . بعد از انجام پروژه هم با فریم ورک های PureCSS و BootStrap آشنا خواهیم شد.

دموی پروژه این جلسه : قالب رسپانسیو شده پروژه جلسه 19

عموم مطالب مطرح شده در این جلسه عبارتند از :

  • تشریح و توضیح در مورد طراحی وب واکنشگرا
  • مقایسه دو روش پیاده سازی وب سایت ها برای ابزار موبایل
  • مزیت ها و معایت دو روش موجود
  • تشریح مفهوم media query ها و نحوه استفاده از آنها
  • انتخاب عرض های مناسب و مختلف برای مدیا کوئری ها و شروع طراحی واکنشگرا
  • ذکر چند مثال از نحوه کدنویسی واکنشگرا
  • تشریح دو روش مختلف واکنشگرا نمودن صفحات وب
  • تشریح و آموزش گام به گام مراحل واکنشگرا نمودن قالب های مختلف
  • پروژه واکنشگرا : واکنشگرا نمودن قالب جلسه 19 دوره به صورت کامل
  • استفاده از جاوااسکریپت و جی کوئری برای واکنشگرا کردن منوی بالای سایت
  • آشنایی با فریمورک PureCSS و قابلیت ها و امکانات آن
  • آشنایی با فریمورک بوت استرپ و قابلیت ها و امکانات آن
info توجه

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

ثبت نام در دوره آموزش طراحی وب

comment دیدگاه کاربران
Adel

سلام استاد من یک سوال داشتم. من میخوام از صفحه اصلی به یک صفحه دوم در HTML لینک بدم ولی میخوام وقتی روی لینک کلیک میشه و صفحه دوم باز میشه یک جای مشخص از صفحه دوم نمایش داده باشه. با استفاده از ID# امتحان کردم فقط وقتی جواب میده که همگی در یک صفحه باشن. میشه لطفا راهنمایی کنید من کارم ضروری هست سپاسگزارم

سلام
از همون #id باید استفاده کنید و راه حلش همینه. احتمالا درست استفاده نمی کنید. کدتون رو ایمیل کنید برام نگاه کنم.

Adel

پیدا کردم سپاسگزارم از لطفتون

CLONER

سلام

تبریک بابت قالب جدیدتون . تنها مشکلش بخش داشبورده که هنوز همون مال وردپرسه و واقعا هیچ امکاناتی رو به کاربرد نمیده .

یه سوال :

به نظرتون بعد از این دوره javascript رو شروع کنم ؟ یا bootstrap یا less ?

سلام ممنون. داشبورد جدید در حال طراحی هستش و امکانات خوبی براش در نظر گرفته شده. بهتره js رو شروع کنید.

CLONER

ببخشید بخش نظرات دوره ، منظورم نظر دانشجویان دوره در مورد دوره هست در قالب جدید در نظر گرفته نشده ؟

داریم روش کار میکنیم تو یکی دو هفته آینده اضافه میشه.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 4 5 6