ビデオ: [Learn Dreamweaver CS6] 04 HTML 5 でのビデオコンテンツの挿入 2024
おそらく、Adobe Dreamweaver CS6でページを完成させて、ブラウザでどのように表示されているか調べる必要があります。ドキュメントツールバーの[ブラウザでプレビュー/デバッグ]ボタンをクリックし、ページをプレビューするブラウザを選択するだけで、ファイルをすばやくプレビューできます。
[編集]→[環境設定]→[ブラウザでプレビュー](Windows)または[Dreamweaver]→[環境設定]→[ブラウザでプレビュー](Mac)を選択して、[環境設定]パネルからブラウザを追加できます。
<! - 1 - >Dreamweaver CS6ライブビューでは、ブラウザに表示されるようにページが表示されます。この機能は、Dreamweaverを終了する必要がないため、「ブラウザでプレビュー」コマンドに代わる優れた機能です。
ライブビューでページを表示するには、次の手順を実行します。
-
ドキュメントウィンドウでページを開いた状態で、ドキュメントツールバーのライブビューボタンをクリックします。
-
ページのソースコードを表示するには、[ライブビュー]ボタンの横に表示されている[ライブコード]ボタンをクリックします。
<! - 2 - >この手順は、ほとんどのブラウザで使用できる[ページソースの表示]または[ソースの表示]オプションを使用するのと同じです。このモードでは、コードを表示するだけで、編集することはできません。
-
ページコードを編集するには、ドキュメントツールバーの分割ビューまたはコードビューに切り替えます。
Adobe BrowserLabは、Dreamweaver環境内から直接アクセスできるユニークなサービスです。 1つの場所から複数の異なるブラウザ、ブラウザのバージョン、およびオペレーティングシステム環境でWebサイトを表示およびシミュレートできます。異なる環境を並べてプレビューして、異なるブラウザがサイトをどのようにレンダリングするかを確認することもできます。
<! - 3 - >BrowserLabサービスを使用する前に、アクセス権があることを確認する必要があります。アクセスするには、Webサイトにアクセスするか、Dreamweaverで初めてサービスを試してみるときに表示されるログイン手順に従ってください。
Adobe BrowserLabでサイトをプレビューするには、ドキュメントツールバーの「ブラウザでプレビュー/デバッグ」ボタンをクリックし、Adobe BrowserLabでプレビューを選択するか、ファイル→ブラウザでプレビュー→Adobe BrowserLabを選択するか、新しいAdobe BrowserLabパネル右側のワークスペースにあります。