dreamweaver拡張機能全まとめ

2014年10月12日更新 view: 989 view
photoBy: http://www.logoken.com/wp-content/uploads/Adobe_Dreamweaver_81-400x400.jpg
スポンサードリンク

はじめに

dreamweaverでは様々な拡張機能、プラグインがユーザーさんによって作られています。
今回は使えそうなプラグインから参考にすべきプラグインを全部紹介してみます。

絶対使うべき拡張

zen-coding

もし、これをまだ使っていない人がいたら1日丸つぶししてでも勉強してください。
今の時代は必須です。
チートシートはこちら。
http://code.google.com/p/zen-coding/wiki/CheatSheets

cssコードヒントのカスタマイズ

photoBy: http://www.extype.com/karakuri/archives/images/codehint.gif

cssヒントで時々出てくる windowsを削除したり、出てくる順番を変更する方法。
これはやっとくべき。

CodeHints.xmlをダウンロード
C:\Program Files\Adobe\Adobe Dreamweaver CS3\configuration\CodeHints
(window7のDreamweaver CS3の場合)のCodeHints.xmlを上書き。

css3コードヒント拡張

セレクタの後に「:」を打つと、「:first-child」などがヒントに出る。
でもって修正はこちら
http://dwlog.net/2010/04/cssselectorupdate.html

閉じタグコメントを自動挿入

id、classに応じた閉じタグコメントを自動挿入してくれます。

全角半角を自動変換

お客さんからもらった原稿などをそのまま入力すると全角、半角が混ざっている場合がある。
そんな時はこの拡張で一括置換。

imgのaltを自動挿入

画像の alt="" 属性を自動的に作ってくれます。

photoBy: http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110403_3-480x234.png

cs4以下で html5 をタグライブラリーに追加

dreamweavercs4以下だと html5 に対応していません。
このライブラリを入れるとhtml5タグ対応になります。

ファイルパネルのフォルダーを全開く

「ファイル」パネルのフォルダーを全部開いてくれます。
ただ、全部開くのも微妙かも・・・・

ファイルパネルのフォルダーを全部閉じる

いろいろ作業しているとファイルパネルが見づらくなります。
そんなときは一度閉じて気分を一新してみよう。

iPhone向けサイトを作るための拡張機能

iPhoneのデザインガイドラインにそった、見出しやリストなどを、
CSS3を使って再現。クラスとして定義したので、すぐに使うことが出来ます。

photoBy: http://h2o-space.com/web/product/iphone_dw/_images/img_features_002.png

cakephp使い必須。MVC移動拡張

自作です。cakephp1シリーズ対応でショートカットキー一発で

  • controller
  • model
  • view

を行ったり来たりできます。

拡張機能はすばらしい

拡張機能をまず使ってみて便利さに気づいてみてください。
拡張機能は javascript と htmlで出来ていますので、誰でも簡単に作ることが出来ます。

一度使ってみて、便利だなと思ったら自作のものを作るのも良いでしょう。

スポンサードリンク

関連記事

関連カテゴリ

コロ助

web関連の記事や制作系の記事をどんどんまとめていきます。 宜しくお願いします!

ピックアップ

パソコン・ソフトウェア ランキング

4月23日 ( 月 ) にアクセスが多かった記事はこちら!