|
Dreamweaver CS4 リソース |
関連コードへのナビゲーションコードナビゲータには、ページ上で選択した特定範囲に関連するコードソースのリストが表示されます。ここから、たとえば内部および外部 CSS ルール、サーバーサイドインクルード、外部 JavaScript ファイル、親テンプレートファイル、ライブラリファイル、iframe ソースファイルなど、関連するコードソースへと移動できます。コードナビゲータ上のリンクをクリックすると、該当するコードを含んだファイルが Dreamweaver で開かれます。関連ファイル領域が有効になっている場合、このファイルは関連ファイル領域に表示されます。関連ファイル領域が有効になっていない場合、このファイルは別個のドキュメントとして Dreamweaver のドキュメントウィンドウ上に開かれます。 コードナビゲータで CSS ルールをクリックすると、そのルールへと直接移動できます。ルールが現在のファイルの内部にある場合は、Dreamweaver の分割ビューにルールが表示されます。外部 CSS ファイルに含まれているルールの場合は、Dreamweaver でそのファイルが開かれ、メインドキュメントの上部にある関連ファイル領域にルールが表示されます。 コードナビゲータには、デザインビュー、コードビュー、分割ビューおよびコードインスペクタからアクセスできます。 コードナビゲータの使い方について Dreamweaver エンジニアリングチームが説明する概要ビデオは、www.adobe.com/go/dw10codenav_jp を参照してください。 ライブビュー、関連ファイル、およびコードナビゲータの操作に関するビデオチュートリアルについては、www.adobe.com/go/lrvid4044_dw_jp を参照してください。 コードナビゲータを開く
コードナビゲータ以外の場所をクリックして、コードナビゲータを閉じます。 注意： コードナビゲータは、コードナビゲータインジケータ
 をクリックして開くこともできます。このインジケータは、マウスを 2 秒間操作しないでおくと挿入ポイントの近くに表示されます。コードナビゲータによるコードへのナビゲーション
コードナビゲータでは、関連するコードソースがファイル別にグループ化され、アルファベット順に一覧表示されます。たとえば、3 つの外部ファイルに含まれる CSS ルールがドキュメントの選択範囲に影響する場合、コードナビゲータには、それら 3 つのファイルに加え、選択範囲に適用される CSS ルールも一覧表示されます。選択範囲に関連した CSS に対しては、コードナビゲータは [現在] モードの [CSS スタイル] パネルに似た機能を提供します。  コードナビゲータ上で CSS ルールへのリンクをマウスでポイントすると、そのルールのプロパティがツールヒントで表示されます。このツールヒントは、同じ名前を持つルールが多数ある場合、それらを区別するのに役立ちます。コードナビゲータインジケータの無効化
コードナビゲータインジケータをもう一度有効にするには、Alt キーを押しながらクリック (Windows) または Command + Option キーを押しながらクリック (Macintosh) してコードナビゲータを開き、[インジケータを無効にする] をオフにします。
|
ページ内の任意の場所を、Alt キーを押しながらクリック (Windows) または Command + Option を押しながらクリック (Macintosh) します。クリックした領域に影響を及ぼすコードへのリンクが、コードナビゲータに表示されます。
