ユーザーがスタイル・シートを Web ページに適用する前に、CSS Designer のプレビュー・ペインでそのページをプレビューすることができます。「プレビュー」ペイン (エディターの左側領域) は、現在定義されているスタイルが外部 Web ブラウザーでどのように見えるかを示します。
Web ページ用のスタイルをプレビューするには 3 つの方法があります。
「プロジェクト・エクスプローラー」ビュー内で編集したいファイルをダブルクリックして、.CSS ファイルを開く。スタイル・シートが CSS Designer 内に開きます。- 「プロジェクト・エクスプローラー (Project Explorer)」ビューから HTML または JSP
ファイルをプレビュー・ペイン (エディターの左側領域) にドラッグ・アンド・ドロップする。
- 「プレビュー」ペインの上部にある「ブラウズ」ボタンをクリックして、「ファイルの選択」ダイアログ・ボックス からファイルを選択する。
- 「プレビュー」ペインの上部にあるリストからファイルを選択するか、ファイル名を入力する。このリストには、既に「プレビュー」ペインに表示されているファイルが表示されます。
「プレビュー」ペインを最大化すると、「プロジェクト・エクスプローラー
(Project Explorer)」ビューで選択済みのファイルが、「プレビュー」ペインのサンプル Web ページにただちに反映されます。「プロジェクト・エクスプローラー (Project Explorer)」ビューで新しいファイルを選択するだけで「プレビュー」ペイン内のサンプル・ページを
変更できるようになるため、複数の Web ページでスタイル効果を確認したい場合には、この機能を利用すると便利です。