HTMLは手打ちから始めたのでコーディングは速いほうですが、
更なるスピードアップのために Zen Cording を使ってみることにしました。

まず、Zen Cordingをダウンロード。
（今回はDreamweaverで使うので「Zen.Coding-Dreamweaver.v0.7.2.zip」をダウンロードしました）

解凍して「Zen Coding v.0.7.2.mxp」を開くと
「ADOBE EXTENSION MANAGER 」が立ち上がって自動ンストールされました。
（DreamweaverはCS5.5とCCを使っています）

使い方

例えば次のように入力し

「Ctrl+,(カンマ)」でこう展開されます↓

※コードを選択して「Ctrl+H」でダイアログボックスが表示されます↓

div#wrapper と入力して「OK」で↓

デモ動画

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

問題点

「Zen Cording」が対応しているのはDreamweaver CS6までなのでCCで使えないこと。