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

Dreamweaver CS5 のプレビュー機能

コードの印刷の続きです。Adobe Dreamweaver CS5(アドビ ドリームウィーバー CS5)の使い方を確認します。

Adobe Dreamweaver CS5 & CS5.5 * XML コンテンツの読み込み

Dreamweaver CS5 のファイルメニュー

読み込みやブラウザでプレビューなど

メニューバー「ファイル」の読み込みでは、XML をテンプレートに/表データ/Word ドキュメント/Excel ドキュメントの読み込みを行います。

書き出しでは、テンプレートデータを XML として/テーブルとして書き出しを行います。

変換では、HTML 4.01 Transitional/HTML 4.01 Strict/XHTML 1.0 Transitional/XHTML 1.0 Strict/XHTML 1.1/XHTML Mobile 1.0/HTML5/XSLT 1.0 への変換を行います。

ブラウザの追加ダイアログボックス

ブラウザでプレビューでは、編集中のファイルを Web ブラウザでプレビューします。

ファイル/ブラウザでプレビュー/ブラウザを選択するか、ショートカットキーを使用してプレビューします。

ショートカットキーは、F12(プライマリブラウザ)と Ctrl+F12(セカンダリブラウザ)です。

ブラウザによって表示の違いが起きるケースがありますが、プレビューを使用するとファイルをサーバーにアップロードせずにチェックすることができます。

プレビューするブラウザを追加したい場合は、ブラウザリストの編集を選択します。

上の画像のように、環境設定ダイアログボックスが表示されます。

プラスのボタンがブラウザの追加です。マイナスのボタンがブラウザの削除です。

プラスのボタンを選択すると、ブラウザの追加ダイアログボックスが表示されます。

任意の名前と参照からブラウザを選択します。

初期設定では、プライマリブラウザかセカンダリブラウザに設定することができます。(未選択でも構いません)

追加したブラウザは、ファイル/ブラウザでプレビューから選択することができます。

マルチスクリーンプレビューパネル

マルチスクリーンプレビューは、スマートフォン(320×300 ピクセル)/タブレット(768×300 ピクセル)/デスクトップ(1126 ピクセル)でどのように見えるかプレビューする機能です。

上の画像のように、マルチスクリーンプレビューパネルが表示されます。

ブラウザの互換性チェック

ページのチェックでは、ブラウザの互換性チェック/スペルチェック/リンクチェックを行います。

ブラウザの互換性を選択すると、上の画像のように問題と対象となるブラウザが表示されます。

スペルチェックでは、辞書にない単語の検出と修正を行います。

リンクチェックでは、破損したリンクを検出することができます。

バリデートでは、ColdFusion と XML 形式の正当性のチェックを行います。仕様に沿った記述かをチェックしエラーを検出します。

デザインノートを選択すると、デザインノートダイアログボックスが表示されます。

デザインノートは、ファイル用に作成するノートです。例えば複数人で作業する場合などに、作業のメモを残しておくことができます。