Material Design Template

Material Design Template ile temel ve basit bir şekilde nasıl import ederiz ve çalıştırırız bununla ilgili bir kaç bilgi vereceğim.

Şimdi ilk olarak sizin Materialize CSS kütüphanesini indirmeniz gerekmektedir. Buradan indirebilirsiniz. Bundan sonra index sayfamızı oluşturabilir ve kendimize ait css dosyamızı oluşturabiliriz. Aşağıdaki dizin görüntüsü gibi bir dizi oluşturmanız gerekmektedir.

- index.html
----- css/
---------- materialize.min.css
---------- style.css
----- js/
---------- materialize.min.js
----- images/

Aşağıda da js ve css’leri html içinde nasıl import edeceğimizi görebiliriz. İstersek kendi css ve js’lerimizi de import edebiliriz. Tabi ki dikkat etmeniz gereken bir kuralda kendi css ve js dosyalarınızı her zaman kütüphane dosyalarının altında import edin.

Github’da bir örnek hazırladım ve index sayfasına bir tane menü ekledim. Bu şekilde Material design kullanarak adım adım bir tane free admin bir template oluşturacağız. Favorilize Admin Tempalte için yukarıda anlatmaya çalıştığım dosya yapısı ile duzenelenen örneği görmek için buraya tıklamanız yeterli olacaktır.