Page Designer

Page Designer は、マルチタブ型のエディターです。 これを使用すると HTML、XHTML、ページ・テンプレート・ファイル、 JSP、Faces JSP、および 組み込み JavaScript™ コードを 簡単に編集することができます。 「Page Designer」タブをクリックすると、 「デザイン」ページ、「ソース」ページ、 および「プレビュー」ページの 3 つのビューを表示させることができます。

「アウトライン」ビューと「プロパティー」ビュー、 ツールバーのボタン、メニュー・バーのオプション、 ポップアップ (右クリック) メニュー、パレットのコンポーネントなど、 Web パースペクティブに組み込まれているその他のビューと、各ページが連動しています。

エディター・ページ 説明
設計 「デザイン」ページは、ファイル要素をページに表示しながら、 ファイルの作成および操作を行うことができる WYSIWYG 環境です。 例えば、ファイルに挿入したグラフィックスを表示して、「デザイン」を行いながら、 Web ページのビジュアル表示を継続的にチェックすることができます。 このページは、ビジュアル編集機能を完備しており、 パレットからのドラッグ・アンド・ドロップ、 プロジェクト・エクスプローラー・ビュー、サムネール・ビュー、 および Microsoft® Internet Explorer が 組み込まれています。
ソース ソース・ページでは、ファイルのソース・コードを表示して直接操作できます。 「アウトライン」ビューおよび「プロパティー」ビューには共に、ソース・ページを補完する機能が備えられています。
プレビュー プレビューは、現行ページを外部 Web ブラウザーで表示した場合にどのように見えるかを表示します。

動的コンテンツ (JSP タグなど) をプレビューするには、 「プロジェクト・エクスプローラー」ビュー内のページのポップアップ・メニューから 「サーバーで実行」オプション (WebSphere® テスト環境) を使用する必要があります。

また、「ツール」 > 「外部 Web ブラウザーの起動 」メニュー・ オプションを使用して、デフォルトの Web ブラウザーで現行ファイルを 開くこともできます。

Web プロジェクトを削除する前に Page Designer でオープンされている どのファイルもすべてクローズする必要があります。

Page Designer における色およ びフォントのシステム設定の変更

色およびフォントのシステム設定を変更する場合、 新しい設定値を Page Designer の「デザイン」ページおよび「パレット」ビューに適用するには、 製品を再始動する必要があります。

関連概念
Web パースペクティブ
Web エディターとワークベンチの統合
「リンク」ビュー
関連タスク
デザイン・ページで作業する
ソース・ページで作業する
Web ページを作成および編集する
Web ページ・テンプレートの作成
HTML または XHTML のファイルおよびフレームセットを作成する
新規 JavaServer Pages (JSP ファイル) を作成する
デザイン・ページに HTML タグを挿入する

フィードバック