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>