Cafi Netつながる情報技術
  1. トップ>
  2. DW CS4 の使い方>
  3. 表示 メニュー 2

ドリームウィーバー CS4 の表示メニュー 2

続けてドリームウィーバー CS 4 のメニューバー「表示」を見ていきます。

表示メニュー 2
ドリームウィーバー CS4 の表示メニュー 2
左側がコマンド(命令)、右側がショートカットキーです。右端に記号がある場合は、更に詳細なメニューが選択できます。

左右に分割
上下に分割された「分割ビュー」を左右に分割して表示します。
デザインビューを上に表示
分割ビューでデザインビューを上に表示します。(通常はコードビューが上で、デザインビューが下に表示されます。)
ビューの切り替え / Ctrl+Alt+`
コードビューとデザインビューが実行ごとに切り替わります。
デザインビューの更新 / F5
コードビューに加えられた編集が、デザインビューに表示されます。分割ビューでコードに加えた変更を、デザインビューで確認できます。(デザインビューを選択しても同じように変更が反映されます)
ライブビュー / Alt+F11
ライブビューへ切り替わります。もう一度実行すると元のビューへ戻ります。
ライブビューオプション
JavaScript の停止(F6)、JavaScript を無効にする、ドキュメントソースにテストサーバを使用、ドキュメントのリンクにローカルファイルを使用、HTTP リクエストの設定 から、ライブビューのオプションを選択できます。
ライブコード
ライブビューを実行中にコードビューを確認できます。コードとデザインが分割して表示されます。

ライブビューはブラウザプレビューと比べて、表示速度が半分程度とされています。

ライブビューを使うとチェックのスピードが向上し、作業効率がアップします。

ブラウザでのプレビュー( F12 / プレビュー前に変更を保存する必要があります )と比べると確かに高速表示です。

もちろん編集状況や好みの問題もありますので、どちらを使用して確認されても良いと思います。

ご自身の作業しやすい方法を選択して下さい。

Adobe Dreamweaver CS4 は Adobe Systems Incorporated(アドビシステムズ社)の米国ならびに他の国における商標または登録商標です。