マニュアルキャンセル

Dreamweaver サイトのテスト

検索

最終更新日 : 2022年3月7日

Dreamweaver

アプリを開く

サイトのテストに関するガイドラインについて説明し、レポートを使用して、サイトをアップロードする前に Dreamweaver サイトをテストします。

サイトのテストに関するガイドライン

サーバーにアップロードして他の人に公開する前に、ローカルの環境でサイトの動作を確認することをお勧めします。サイトの構築中に頻繁にテストとトラブルシューティングを行うことにより、問題を早期に発見し、その再発を防止することができます。

ターゲットのブラウザーでページが予想どおりに表示されて機能すること、リンクが破損していないこと、ページのダウンロードに時間がかかり過ぎないことを確認します。また、サイトレポートを実行して、サイト全体のテストおよびトラブルシューティングを行うこともできます。

以下のガイドラインは、サイトを訪問するビジターに快適に閲覧してもらうためのヒントです。

ページがターゲットブラウザーで正しく機能することを確認します。

スタイル、レイヤー、プラグイン、 JavaScript をサポートしていないブラウザーでも、ページが見やすく、かつ機能することを確認します。古いバージョンのブラウザーで正しく表示されないページについては、「チェックブラウザー」ビヘイビアーを使って、ビジターを自動的に他のページに移動することもできます。

様々なブラウザーおよびプラットフォームでページをプレビューします。

これにより、ターゲットブラウザーチェックではわからないレイアウト、カラー、フォントサイズ、初期設定ブラウザーウィンドウサイズの違いを確認できます。

サイトをチェックして、破損リンクがあれば修正します。

他のサイトでもデザインの変更や再構成が行われている可能性があるため、リンク先のページが移動したり、削除されている可能性があります。リンクチェックレポートを実行してリンクをテストできます。

ページのファイルサイズおよびダウンロードに必要な時間を確認します。

大きなテーブルが含まれているページは、ブラウザーによっては、テーブル全体のダウンロードが終わるまで何も表示されません。こういった場合はテーブルを分割することをお勧めします。分割できない場合は、ページの上部、テーブルの外側に Welcome メッセージや広告バナーなどのサイズの小さいコンテンツを置いて、テーブルのダウンロード中でもこれらのマテリアルが表示されるようにします。

サイトレポートを数回実行し、サイト全体のテストおよびトラブルシューティングを行います。

これにより、サイト全体をチェックして、無題ドキュメント、空のタグ、重複してネストされたタグなどの問題を確認できます。

コードを検証し、タグやシンタックスエラーを見つけます。

パブリッシュ後のサイトを更新および維持します。

サイトのパブリッシュとは、サイトを第三者に広く利用してもらうことです。サイトのパブリッシュは継続的なプロセスであり、様々な方法で行うことができます。サイトのパブリッシュでは、Dreamweaver のツールや外部のバージョンコントロール用アプリケーションを使って、バージョンコントロールシステムを定義および実行するプロセスが重要です。

ディスカッションフォーラムを使用します。

Dreamweaver ディスカッショングループは、アドビの web サイト（_jpwww.adobe.com/go/dreamweaver_newsgroup）で開催されています。

ディスカッショングループは、他のブラウザーやプラットフォームなどの情報を得るのに最適なリソースです。他の Dreamweaver ユーザーと技術的な問題について話し合ったり、役に立つヒントを共有したりできます。

パブリッシュ問題のトラブルシューティングに関するチュートリアルについては、www.adobe.com/go/vid0164_jp を参照してください。

レポートを使用したサイトのテスト

ワークフローまたは HTML 属性についてのサイトレポートを実行できます。また、「レポート」コマンドを使用してサイト内のリンクをチェックできます。

ワークフローレポートを使用すると、 web チームのメンバーが共同で行う作業を効率化できます。誰がファイルをチェックアウトしたか、どのファイルがデザインノートと関連付けられているか、どのファイルが最近変更されたかを示すワークフローレポートを実行することができます。名前、値などのパラメーターを指定することで、デザインノートのレポートをより詳細にすることができます。

注意：

ワークフローレポートを実行するように定義されたリモートサイトへの接続が必要です。

HTML レポートを使用して、様々な HTML 属性のレポートをコンパイルおよび生成できます。結合可能なネストフォントタグ、代替テキストの欠損、重複してネストされたタグ、削除可能な空のタグ、無題ドキュメントなどをチェックすることができます。

実行したレポートを XML ファイルとして保存し、テンプレートインスタンス、データベースまたはスプレッドシートに読み込んで、印刷したり web サイトで表示することができます。

注意：

Adobe Dreamweaver Exchange web サイトを利用して、他のレポートタイプを Dreamweaver に追加することもできます。

レポートを使ったサイトのテスト

サイト／レポートを選択します。
レポート内容ポップアップメニューからレポートの対象を選択し、実行するレポートタイプ（ワークフローまたは HTML）を設定します。

「サイト内の選択したファイルを検査」を選択してレポートを作成するには、先にファイルパネルでファイルを選択しておく必要があります。
ワークフローレポートを選択した場合は、「レポート設定」をクリックします。それ以外の場合は、この手順を省略します。

注意：

複数のワークフローレポートを選択した場合は、レポートごとに「レポート設定」ボタンをクリックします。レポートを 1 つ選択し、「レポート設定」をクリックして設定を入力します。別のワークフローレポートに対しても同じ処理を繰り返します。

チェックアウトユーザー

特定のチームメンバーがチェックアウトしたすべてのドキュメントのリストを表示するレポートが作成されます。チームメンバーの名前を入力し、「OK」をクリックしてレポートダイアログボックスに戻ります。

デザインノート

選択したドキュメントまたはサイトのすべてのデザインノートのリストを表示するレポートが作成されます。名前と値のペアを入力し、ポップアップメニューから対応する条件を選択します。「OK」をクリックして、レポートダイアログボックスに戻ります。

最近修正したファイルを選択

指定した期間中に変更されたファイルのリストを表示するレポートが作成されます。表示するファイルの日付の範囲と場所を入力します。
HTML レポートを選択した場合、次のレポートから選択します。

結合可能なネストフォントタグ

コードのクリーンアップ時に結合可能なネストフォントタグのリストを表示するレポートが作成されます。

例えば、STOP! がレポートされます。

代替テキストなし

代替テキストを持たない img タグのリストを表示するレポートが作成されます。

代替テキストとは、画像を含むページを、テキスト専用ブラウザーまたは画像を手動でダウンロードするように設定されたブラウザーで表示したときに、画像の代わりに表示されるテキストのことです。スクリーンリーダーは代替テキストを読み上げます。また、一部のブラウザーでは、ユーザーが画像上にマウスを置いたときに代替テキストが表示されます。

重複してネストされたタグ

クリーンアップ対象のネストタグについての詳細なレポートが作成されます。

例えば、 The rain in Spain stays mainly in the plain のような記述はレポート対象です。

削除可能な空のタグ

HTML コードのクリーンアップ時に削除可能なすべての空のタグについての詳細なレポートが作成されます。

例えば、コードビューで様々なアイテムや画像を削除した場合に、削除したアイテムに付属するタグがドキュメントに残ってしまうことがあります。

無題ドキュメント

選択パラメーター内に含まれるすべての無題ドキュメントのリストを表示するレポートが作成されます。Dreamweaver により初期設定のタイトルが付いたドキュメント、 title タグが複数あるドキュメント、または title タグのないドキュメントがすべてレポートされます。
「実行」をクリックして、レポートを作成します。

実行するレポートのタイプに応じて、ファイルの保存、サイトの定義、またはフォルダーの選択（選択していない場合）などの操作を行うよう要求されます。

結果パネルグループのサイトレポートパネルに結果のリストが表示されます。

レポートの使用および保存

レポートを実行します（詳しくは、前の手順を参照してください）。
サイトレポートパネルで以下のいずれかの操作を行って、レポートを表示します。
- 結果の並べ替えの基準にする列の見出しをクリックします。
  
  ファイル名、行番号、説明を基準に並べ替えることができます。複数の異なるレポートを作成し、それぞれのレポートを別々に表示させたままにすることもできます。
- 問題の説明を表示するには、レポート内の任意の行を選択し、サイトレポートパネルの左の「詳細情報」ボタンをクリックします。
- レポート内の任意の行をダブルクリックすると、ドキュメントウィンドウ内に対応するコードが表示されます。
注意：

デザインビューで表示している場合は、Dreamweaver により表示が自動的に分割ビューに切り替えられ、報告される問題がコードで表示されます。
「レポートの保存」をクリックして、レポートを保存します。

レポートの保存時に、既存のテンプレートファイルにレポートを読み込むことができます。その後、データベースやスプレッドシートにそのテンプレートファイルを読み込んで印刷したり、 web サイトでレポートを表示したりできます。

注意：

HTML レポートを作成した後は、「HTML のクリーンアップ」コマンドを実行し、レポートに出力された HTML エラーを修正します。

その他の関連ヘルプ

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト

詳しく見る