サイト制作後、部分的な構築や運営などを行っていると、やがて使わなくなったスタイルや、未定義のクラスが残ることがある。このときCSSレポート機能を利用すれば、未使用のCSSクラスや未定義スタイルのエラーチェックのほか、CSSの利用状況もチェックできる。検証したいファイルなどを、パネルメニュー→“フォルダーリスト”でパネルを表示させ、任意のものを選択する。なお、Expression Web1と2では、“フォルダ一覧”の作業ウインドウから選択する。続いて、ツールメニュー→“CSSレポート”【1】で［CSSレポート］ダイアログボックスを表示し、チェック項目を指定して［チェック］を押すと【2】【3】、該当するWebページがコードビューで開き、エラー部分がハイライトされる【4】。

エラー確認後、未使用のスタイルを削除する場合に、Webページ内にスタイルが定義されているときは、HTMLの最適化機能で処理を行う【5】。また、未定義のクラスを削除するときは、検索と置換機能を利用してソースコード内を対象に不要な記述部分を一括で削除しよう。CSSファイル内で未使のスタイルを削除するには、パネルメニュー→“スタイルの管理”で表示されたパネルから該当するスタイルを右クリックして削除する。

【1】検証したいファイルやフォルダを選択してツールメニュー→ CSSレポート”をクリックする


【2】［CSSレポート］ダイアログでチェック項目を指定して［チェック］ボタンをクリックする


【3】CSSレポートパネルが表示されるので、エラー部分を確認するためにダブルクリックしよう


【4】該当するWebページがコードビューで開き、エラー部分がハイライトされる


【5】［HTMLの最適化］ダイアログの［使用されていないスタイル］にチェックをつけて、［OK］ボタンを押す

POINT　スタイルの管理パネルを活用する