سرفصل های دوره

۱ فصل
۱۶ جلسه
۵ ساعت
۱

لیست ویدئوهای دوره

۱۶ قسمت
۰۵:۲۰:۳۱

قسمت یک - مقدمه

۰۸:۴۳

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

۲۵:۱۷

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

۳۹:۵۸

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

۲۷:۱۱

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

۲۰:۰۶

قسمت شش - قاب ها

۲۱:۰۱

قسمت هفت - آیکون و عکس و دکمه

۳۱:۵۹

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

۱۱:۵۳

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

۲۵:۱۳

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

۱۵:۰۷

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

۲۶:۵۵

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

۱۶:۲۴

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

۱۷:۰۳

قسمت چهارده - عناصر در W3

۱۷:۲۸

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

۱۰:۰۵

قسمت شانزده - اسلایدشو در W3

۰۶:۰۸

آموزش فریم ورک 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

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

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

توضیحات بیشتر

مدرس

زهرا داودی

زهرا داودی مدرس

برنامه نویس وب

مسلط به html5 , css3 , jquery , javascript , bootstrap , php , worpdress