すずきたかまさの「はいさい沖縄」/沖縄YouTuber

ホームページ制作/PHP/Laravel/Ruby on Rails/Python/WordPress/Drupal/コンテンツ制作(WEBライター)/プログラミング教育(ICT)やDX/eラーニング。沖縄ホームページ制作工房WebCrafts。FMうるまくらぶラジオパーソナリティ/沖縄観光YouTuber

Zen-CodingをDreamweaverでも使えるようにしっかり復習!!


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を導入してコーディングを倍速に!

Related Posts Plugin for WordPress, Blogger...