Page Designer を使用すれば、HTML、XHTML、JSP、Faces JSP の 各種ファイルだけでなく、組み込み JavaScript™ コードも処理することができます。 Page Designer では、各ページの 3 つのビュー、つまり「デザイン」、「ソース」、そして「プレビュー」の間を移動できます。
各ページでは、編集中のファイルを処理するための異なった方法を提供しています。エディター・ページを切り替えるには、エディターの最下部にあるタブをクリックします。これらのページは、「アウトライン」ビューと「プロパティー」ビュー、 ツールバーのボタン、メニュー・バーのオプション、 ポップアップ (右マウス・ボタン・クリック) メニュー、パレットの コンポーネントなどの Web パースペクティブに含まれている多様な他のビューと合わせて使用します。
エディター・ページ | 説明 |
---|---|
デザイン | 「デザイン」ページは、ファイル・エレメントをページに表示しながら、 ファイルの作成および操作を行うことができる WYSIWYG 環境です。例えば、ファイルに挿入したグラフィックスを表示して、「デザイン」を行いながら、 Web ページのビジュアル表示を継続的にチェックすることができます。これは、ファイルの HTML または JSP ソース・コードは表示するが、画面は表示しないソース・ページとは対照的なものです。デザイン・ページはビジュアル編集機能を完備しており、パレットからのドラッグ・アンド・ドロップ、プロジェクト・エクスプローラー・ビュー、サムネール・ビュー、 および Microsoft® Internet Explorer も含まれます。 |
ソース | ソース・ページでは、ファイルのソース・コードを表示して直接操作できます。「アウトライン」ビューおよび「プロパティー」ビューには共に、ソース・ページを補完する機能が備えられています。 |
プレビュー | ![]() 動的コンテンツ (JSP タグなど) をプレビューするには、 「プロジェクト・エクスプローラー」ビュー内のページのポップアップ・メニューから「サーバーで実行」オプション (WebSphere® テスト環境) を使用する必要があります。 また、 メニュー・ オプションを使用して、デフォルトの Web ブラウザーで現行ファイルを 開くこともできます。![]() |
Web プロジェクトを削除する前に Page Designer でオープンされているどのファイルもすべてクローズする必要があります。
色およびフォントのシステム設定を変更する場合、新しい設定値を Page Designer の「デザイン」ページおよび「パレット」ビューに適用するには、 製品を再始動する必要があります。