サイトアイコン WEBデザインMATOME

DreamweaverでSassを使う方法

Sassとは?

Sassとは、「Syntactically Awesome StyleSheet」の事を言います。
簡単に説明するとスタイルシートを簡略して書く記述の方法の事です。
SassからCssにコンパイルしないといけなかったり、プログラム的な書き方をする為
なれるまでは難しい記述ですが、Dreamweaverを使えば簡単に変換してくれます。

DreamweaverでSassを使う方法

今からDreamweaverでの使用方法に関しましてお伝え致します。

フォルダを作成致します

今回は、「Sasstest」のフォルダを作成致します。

サイトの定義

次に作成したフォルダを「Dreamweaver」でサイトの管理を行います。

Sassの設定

サイトの管理の際に、「Cssプロセッサー」を選択致します。
ここでSassからスタイルシートに変換する設定を行います。



Conpassの設定

次に「Compass」の設定を選択致します。
Dreamweaverの場合、「Compass」の設定を自動で行ってくれます。

設定完了

これで設定完了です。
Sassを書いて保存すると、CssフォルダにSassが変換されます。
細かな設定をせずにともコンパイルが簡単に行う事が可能です。