چه دوره ای می خواهید یاد بگیرید؟

آینده خود را با دوره های آموزشی دانشجویار تضمین کنید

بیش از ۱۰ هزار ساعت ویدئوی آموزشی

بیش از ۵۰ هزار دانشجو

بیش از ۳۰۰ مدرس

صفحه نخست
رشته کامپیوتر
برنامه نویسی وب
آموزش CSS
فریم ورک w3.css
آموزش فریم ورک W3.CSS – کاربردی و پروژه محور
یک نظر
بازدید : 1,038 بازدید
آموزش فریم ورک 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

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

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

مشاهده دموهایی از آموزش

مطلب مفیدی برای شما بود ؟؟ پس به اشتراک بگذارید برای دوستانتان

نتیجه بررسی تیم کارشناسی دانشجویار

کیفیت تصویر

کیفیت صوت

فن بیان

جامعیت(پوشش کامل سرفصل)

استفاده مفید از زمان

اشراف مدرس

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

دریافت کنید

15000 تومان
افزودن آموزش به سبد خرید
در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.
  • *
  • *
  • *
  • *
  • در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.

    پیام شما با موفقیت ثبت شد. در اولین فرصت با شما تماس گرفته خواهد شد.
    • مطالب مرتبط
    • دیگر آموزش های مرتبط با این مدرس
    • رزومه مدرس

    نظرات کاربران

    ۱
    • Shahin.Safari
      چهارشنبه ۹ خرداد ۱۳۹۷ - ۱۹:۴۹

      سلام من هیچ دانش برنامه نویسی ندارم ولی میخواهم بدانم بااین اموزش شما میتوانم این اموزش هارا رویه قالب اماده پیاده سازی بکنم یعنی بخشی از قالب را بهش طرح زیبا بدهم اگر که نمیشه چه اموزشی باید استفاده کنم میشه رانمایی ومعرفی کنید

    زهرا داودی طراح و توسعه دهنده افزونه و قالب وردپرس

    برنامه نویس وب مسلط به html5 , css3 , jquery , javascript , bootstrap , php , worpdress

    دسته بندی

    تحصیلات تکمیلی

    رشته الکترونیک

    رشته کامپیوتر

    سایر دسته های دانشجویار

    سایر نرم افزارها

    کلاس آنلاین

    مدرسین

    تعداد دوره
    بر اساس امتیاز
    حروف الفبا
    • کد تخفیف :

      goldpack

      ویژه خرید پکیج طلایی (C#,ASP,PHP,Android,game maker)
      60 درصد تخفیف

    مطالب سایت بر اساس

    جدیدترین ها
    محبوب ترین ها
    بطور تصادفی
    دانشجویار نماد اعتماد الكترونیكی کسب و کار های اینترنتی مجوز نشر دیجیتال لوگو شرکت به پرداخت ملت ساماندهی محتوای فضای مجازی بانک تجارت دانشجویار