- トップ>
- DW CS5 の使い方>
- ライブビュー
Dreamweaver CS5 のライブビュー
編集メニューに続いて、表示メニューの機能です。Adobe Dreamweaver CS5(アドビ ドリームウィーバー CS5)の使い方を確認します。
Adobe Dreamweaver CS5 & CS5.5 * Dreamweaver 上でのページのプレビュー
メニューバー「表示」のズームイン/ズームアウトは、実行のたびに表示比率を変更します。
表示比率は、ステータスバーでも変更できます。
選択オブジェクトは、選択したオブジェクトを中心に表示する機能です。
ドキュメント全体は、デザインビューにドキュメントの全体を表示する機能です。
幅を合わせるは、デザインビューの幅に合わせてドキュメントを表示する機能です。
コード/分割コード/デザイン/コードとデザインは、ドキュメントウィンドウでのビューを切り替える機能です。
左右に分割は、分割ビューでコードビューとデザインビューを、左右に分割するか上下に分割するかを切り替える機能です。
左右に分割にチェックを入れると、分割ビューは左右に分割されます。
デザインビューを左に表示にチェックを入れると、デザインビューが左にコードビューが右に切り替わります。
ビューの切り替えは、デザインビューとコードビューを切り替える機能です。
スポンサーリンク
デザインビューの更新は、コードビューに加えた編集内容をデザインビューに表示する機能です。
ライブビューは、ブラウザでどのように表示されるかを確認する機能です。
ファイル/ブラウザでプレビューとは異なり、Dreamweaver のワークスペースから移動することなく表示状態を確認できます。
ライブビューオプションでは、ライブビューに関するオプションを設定します。
ライブビューオプションには、JavaScript の停止/JavaScript を無効にする/プラグインを無効にする/ライブコードで変更をハイライト表示/ブラウザーナビゲーションバーを表示/リンク先を表示/リンク先を連続表示などがあります。
ライブビューでリンク先を表示するには、リンク先を表示をオンにする必要があります。
Ctrl キーを押しながらリンクをクリックしますが、オンになっていない場合はリンク先は表示されません。
ライブビューブラウザーでは、戻る/進む/ホーム/最近開いたホームページの表示/スタイルの更新などを行います。
ライブコードは、ライブビューの HTML ソースをコードビューに表示する機能です。
ライブコードは読み取り専用なので変更できません。変更する場合は、ライブコードをオフにします。
インスペクトを選択すると、インスペクトモードに切り替わります。
ライブビューでマウスカーソルを移動するとライブコードがハイライトされるなど、編集内容を念入りにチェックすることができます。
インスペクトモードを使用する場合は、ライブコードを有効にします。
スポンサーリンク