HTMLやCSSのコーディングにはエディタを使っていたのでDreamweaverの出番が少なくなってしまっていたのですが、来月からは諸事情でDreamweaverをガチガチに使いこなさなければならなくなってしまい、このところはずっとDreamweaverで作業している自分です。 Dreamweaverもこの機会にCS6にアップデートし、環境構築もやり直しですが「どうせなら!!」とZenCodingも入れなおしています。
インストール方法
zen-coding http://code.google.com/p/zen-coding/downloads/list から「Zen Coding for Dreamweaver v.0.7.5」をダウンロードして、これをクリックするとExtension Managerが起動します。
有効にチェックが入っているのを確認して、これでインストール終了!!
キー設定の見直し
ただ、このままではショートカットが他のキーとぶつかってしまうので動きません。Dreamwerverのキーボードのショートカットで「セットの複製」をおこなって、新しいセットを制作した後に、編集の中にある「行へ移動」のショートカットを別のショートカットに変更してください。 これで、cmd+,でZen-Codingができます!! →DreamweaverにZen Codingを導入してコーディングを倍速に!