Dreamweaverからファイルをお気に入りのエディタで開くには?

僕の中ではインストールしたときに一番最初にやる設定です。Dreamweaverではファイルパネル上で違うテキストエディタや画像編集ソフトで開くことができます。PHPやJavaScript、SCSSファイルのようにDreamweaverで作業するにはカッコの強調表示がないと辛いファイルも簡単に指定したエディタで開けるようになります。

一度設定すると、上のようにいつでも任意のエディタで開けるようになります。

DreamweaverでZen Codingの展開後の文字をカスタマイズするには?

僕は普段Zen CodingでCSSを書いています。「bgc」と入力して展開すると、「background-color:#FFF;」と初期値が入ってしまって、テキストカーソルを戻して本来設定したかった値を入れていくのはちょっと面倒です。

Dreamweaverに限ったことではないのですが、Zen Codingをカスタマイズすると、初期値を空にしたりまだ定義されていないプロパティを独自に定義できるようになります。


初期値が邪魔なものもある…。

サイト定義したフォルダーをExplorerやFinderで開くには?

 

サイト定義をしているフォルダーをファイルパネル上から簡単にExplorerやFinderで開くことができます。ファイルパネルから選択しているファイルのところで右クリック→[エクスプローラー]、Macであれば[Finder で表示]を選択すると、ExplorerやFinderで開くことができます。

デザインビューで置いたカーソルをコードビューに移動するには?

 

Dreamweaverでは分割コードビューを使っていることが多いです。原稿を流しこむときはデザインビューでやっていますが、構造が複雑なHTMLを書いたりYoutubeの埋め込みタグやFacebookのウィジェットを大きさを調整しながら書いていく場合はコードビューで編集しています。

すると「デザインビューとコードビューのカーソル位置を簡単に切り替えられないの?」と欲が出てきますが、簡単に切り替えられます。

Dreamweaverで適用しているCSSを確認するには?

 

FirebugやChromeのデベロッパーツールのように、デザインビューから要素を選択して、適用されているスタイルがどのCSSの何行目に書いているのかをDreamweaverで確認できます。

<< | 2/4ページ | >>