Cafi Netつながる情報技術
  1. トップ>
  2. DW CS5 の使い方>
  3. ライブビュー

Dreamweaver CS5 のライブビュー

編集メニューに続いて、表示メニューの機能です。Adobe Dreamweaver CS5(アドビ ドリームウィーバー CS5)の使い方を確認します。

Adobe Dreamweaver CS5 & CS5.5 * Dreamweaver 上でのページのプレビュー

Dreamweaver CS5 の表示メニュー

ライブビューやライブビューオプションの選択

メニューバー「表示」のズームイン/ズームアウトは、実行のたびに表示比率を変更します。

表示比率は、ステータスバーでも変更できます。

選択オブジェクトは、選択したオブジェクトを中心に表示する機能です。

ドキュメント全体は、デザインビューにドキュメントの全体を表示する機能です。

幅を合わせるは、デザインビューの幅に合わせてドキュメントを表示する機能です。

ドキュメントツールバーのビューの切り替え

コード/分割コード/デザイン/コードとデザインは、ドキュメントウィンドウでのビューを切り替える機能です。

左右に分割は、分割ビューでコードビューとデザインビューを、左右に分割するか上下に分割するかを切り替える機能です。

左右に分割にチェックを入れると、分割ビューは左右に分割されます。

デザインビューを左に表示にチェックを入れると、デザインビューが左にコードビューが右に切り替わります。

ビューの切り替えは、デザインビューとコードビューを切り替える機能です。

デザインビューの更新は、コードビューに加えた編集内容をデザインビューに表示する機能です。

デザインビューをライブビューに切り替え

ライブビューは、ブラウザでどのように表示されるかを確認する機能です。

ファイル/ブラウザでプレビューとは異なり、Dreamweaver のワークスペースから移動することなく表示状態を確認できます。

ライブビューオプションでは、ライブビューに関するオプションを設定します。

ライブビューオプションには、JavaScript の停止/JavaScript を無効にする/プラグインを無効にする/ライブコードで変更をハイライト表示/ブラウザーナビゲーションバーを表示/リンク先を表示/リンク先を連続表示などがあります。

ライブビューでリンク先を表示するには、リンク先を表示をオンにする必要があります。

Ctrl キーを押しながらリンクをクリックしますが、オンになっていない場合はリンク先は表示されません。

ライブビューブラウザーでは、戻る/進む/ホーム/最近開いたホームページの表示/スタイルの更新などを行います。

ライブビューのソースをコードビューに表示

ライブコードは、ライブビューの HTML ソースをコードビューに表示する機能です。

ライブコードは読み取り専用なので変更できません。変更する場合は、ライブコードをオフにします。

インスペクトモードについて

インスペクトを選択すると、インスペクトモードに切り替わります。

ライブビューでマウスカーソルを移動するとライブコードがハイライトされるなど、編集内容を念入りにチェックすることができます。

インスペクトモードを使用する場合は、ライブコードを有効にします。