illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

آموزش طراحی متریال با Materialize (جلسه 2) - نصب و راه اندازی

0 617 ۲۴ فروردین ۹۵

در این جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم.getting-started-materialize-css-framework

در این جلسه قصد داریم که توضیح بدیم از چه روشهایی میتونین از این ابزار استفاده کنید.

دو روش کلی برای استفاده از Materialize وجود داره:

  • نصب محلی
  • نصب بر پایه CDN

روش اول : نصب محلی یا Local

در ابتدا به آدرس http://materializecss.com/getting-started.html میریم و آخرین نسخه در دسترس اون رو دانلود میکنیم.download local

بعد از اون فایلهای materialize.min.js و materialize.min.css رو بردارید و در پوشه js و css محل مورد نظر خودتون قرار بدین. پوشه بندی بصورت زیر خواهد شد:

در پوشه فونت هم roboto قرار گرفته که میتونین اون رو تغییر بدین. حالا index.html رو باز کنید و کدهای زیر رو درونش قرار بدین و فایلهای مورد نظر رو وارد کنید:

همونطور که در بالا دیدید فایلهای مورد نظر رو وارد کردیم و همچنین Material Icon که بصورت یک فونت آیکون هست رو قرار دادیم. jQuery رو بصورت CDN وارد شده است. بعد از title هم یک تگ meta با نام viewport قرار داده شده که برای طراحی واکنشگرا کاربرد داره. خروجی بصورت زیر خواهد بود:md1

روش دوم : نصب بر پایه CDN

شما میتونین فایلهای js و css رو بصورت CDN قرار بدین. آدرس JS بصورت زیر است:

آدرس CSS بصورت زیر هست:

حالا اگر همه کدها رو برداریم و در فایل index.html قرار بدیم، خروجی چیزی مثل گذشته خواهد بود:

خروجی:md1

در جلسه بعد در مورد رنگ ها در Materialize براتون توضیح میدم.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram