Dreamweaver CS3 にzen-codingを導入

Dreamweaver CS3 にzen-codingを導入

下記の記事を参考にやってみた。

zen-coding導入【Dreamweaver CS3】- ウェブなとき。

「Zen Coding for Dreamweaver v0.6」をインストール

こちらから「Zen Coding for Dreamweaver v0.6」をダウンロード・解凍し、

「Zen Coding v.0.6.mxp」を実行してインストールする。

確認

Dreamweaverを起動し、［コマンド］を見ると［Zen Coding］の項目が追加されている。

コードに

#test

と入力して

[コマンド]→[Zen Coding]→[Expand Abbreviation]

または、

キーボードで「Ctrl+,」(Controlを押しながらカンマ)を入力すると,

下記のように展開される。

<div id="test"></div>