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