بازی های جالب آندروید

آموزش فریم ورک W3.CSS – کاربردی و پروژه محور

۱ خرداد ۱۳۹۷

آموزش فریم ورک W3.CSS

CSS دارای فریم ورک های متعددی برای طراحی واکنش گراست. این فریم ورک ها همگی رایگان و کار کردن با آنها بسیار ساده است.

یکی از این فریم ورک ها W3.CSS است که توسط سایت W3Schools.com ایجاد شده است. با استفاده از فریم ورک W3 و استفاده از الگوهای جذاب آن ، می توانید سایت های واکنش گرا طراحی و آنها را روی هر دستگاهی مشاهده نمایید.

W3.CSS مانند سایر فریم ورک های CSS رایگان بوده و برای استفاده از آن نیازی به تهیه لایسنس نیست.

 

ویژگی های فریم ورک W3.CSS :

*نسبت به سایر فریم ورکهای CSS مانند Bootstrap کم حجم تر است لذا سرعت لود صفحات و سرعت سایت بالاتر می رود.

*ساده و یادگیری آن آسان است.

*فقط از استاندارد CSS بهره می برد و از سایر زبانهای و استانداردها مثل JQuery و کتابخانه های جاوا اسکریپت استفاده نمی کند.

*به صورت پیش فرض از طراحی واکنش گرا یا responsive با اولویت موبایل و گوشی همراه پشتیبانی می کند.

*از تمام مرورگرها از جمله Chrome, Firefox, IE, Safari و … پشتیبانی می کند.

*در تمام Deviceها از جمله کامپیوتر، لپ تاپ، موبایل و … کار میکند.

 

آموزش فریم ورک W3.CSS

 

درباره دوره آموزش پروژه محور W3.CSS :

طراحی قالب واکنشگرای سایت با استفاده از فریم ورک طراحی W3 شامل دوبخش CSS و Javascript میباشد .

 

در دوره آموزش W3.CSS که به صورت پروژه محور سرفصل بندی شده یک سایت طراحی و پیاده سازی خواهد شد.

 

آموزش فریم ورک W3.CSS مناسب چه افرادیست:

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

 

آموزش فریم ورک W3.CSS

 

آنچه در دوره آموزش فریم ورک W3.CSS خواهید آموخت:

فصل اول…

قسمت یک:معرفی دوره

قسمت دو: شبکه بندی و صفحات واکنشگرا

  • صفحه بندی در w3c
  • ساخت صفحه واکنشگرا
  • شبکه بندی
  • طراحی صفحات برای موبایل

قسمت سه: منوها

  • منوها
  • منو عمودی واکنشگرا

قسمت چهار: تبهای واکنشگرا

  • -تب های واکنشگرا
  • تب های عمودی

قسمت پنج: متون

  • متون واکنشگرا
  • فونت ها
  • رنگ ها
  • قالب رنگ

قسمت شش: کادرها

  • کادرها
  • افزودن margin , padding-
  • -borderها
  • گرد کردن آنها در w3c

قسمت هفت: آیکن ها – تصاویر – دکمه ها

  • آیکن ها
  • تصاویر
  • دکمه ها

قسمت هشت: انیمیشنها

  • افکت
  • انیمشین ها در w3c

قسمت نه: لیستها- جداول

  • لیستهای واکنشگرا
  • جداول واکنشگرا
  • فیلترکردن لیست ها

قسمت ده:علامت گذاری ها

  • تگ ها
  • علامت گذاری
  • نقل قول ها
  • نمایش پیام های واکنشگرا

قسمت یازده: پیامها

  • نمایش tooltip
  • popup
  • نوار پیشرفت

قسمت دوازده: اسلایدشو

قسمت سیزده: فرمها

فصل دوم – W3.JS ….

قسمت چهارده:

  • گزینش و مخفی کردن و نمایان کردن عناصر درw3c
  • اضافه کردن و حذف استایل و کلاس در W3.JS

قسمت پانزده: لیستها- جداول

  • فیلتر کردن و مرتب کردن لیست ها در W3.JS
  • فیلتر کردن و مرتب کردن جداول در W3.JS

قسمت شانزده:ساخت اسلایدشو

شما می توانید هرگونه سوال یا پیشنهادی را از طریق دیدگاه های این پست مطرح کنید.