こんにちは。
@OfficeTAKUです。
普段 HTML いじる時は、ミミカキエディットやらSublime Textやら使っていましたが、折角 Adobe Creative Cloud 利用しているのだから使ってやれ！ってことで、最近また Dreamweaver を使っていみようと思いなるべく使うようにしています。
たしか Dreamweaver CS3 位 の頃が一番使っていたので、随分とご無沙汰していました。
今は、Dreamweaver CC 2014 です。
でも結局、タグは手打ちなのです。
うーんめんどう。
でもたしか Zen-Cording 対応していたはず！ と気づき早速調べたらありました。
目次
Dreamweaver CC 2014 に Emmet をインストールする方法
とっても簡単でした。
事前準備：Extension Manager CC を インストールしておこう
Emmet は 拡張機能（Extension）として提供されています。
あらかじめ Extension Manager CC をインストールしておくと各種Extensionの導入が楽になります。
- Creative Croud を起動
- Apps タブを開き Extension Manager CC の [インストール]ボタンをクリックしインストールします
Emmet のサイトから Emmet.zxp ファイルをダウンロード
- Emmetのサイト（Emmet — the essential toolkit for web-developers）へアクセスします
- 左メニューの[DOWNLOAD]をクリック
- [Adobe Dreamweaver]をクリック
- Installation 項目の中にある [Emmet.zxp] のリンク先ファイルを任意のフォルダにダウンロードします
インストールはダウンロードした Emmet.zxp ファイルをダブルクリック
- ダウンロードした [Emmet.zxp] ファイルをダブルクリックします
- Extension Manager が起動し、インストール確認のダイアログが表示されます
- [承諾]ボタンをクリックします
- 上記の確認のあと、もう一つセキュリティ確認のダイアログが表示されます。
そちらも[OK]などをクリックしてインストールを進めます - Extension Manager に Emmet が表示されたらインストール終了です
新規HTMLファイルを作成し試してみて下さい
[Ctrl]+[E] にタグの展開が割り当てられています
