Web サイト・スタイルは、「プロジェクトの作成」ウィザードの「Web スタイルの選択」ページで「Web Site Designer で使用可能」を選択した場合に、プロジェクト作成中に選択することができます。Web Site スタイルを選択すると、Web Site Designer ツールを使用した選択で使用可能なテンプレートと一貫性の あるサンプル・テンプレートが、WebFacing ページに適用されます。 詳しくは、Web Site Designer 文書を参照してください。
プロジェクトでスタイルが保管されているディレクトリー構造を表示するには、「ナビゲーター」タブを選択します。 「ナビゲーター」ビューでは、スタイル・ディレクトリーへのパスは、 <project_name>¥WebContent¥webfacing¥styles および <project_name>¥WebContent¥theme です。
アプリケーション・エリアとコマンド・キー・エレメントで使用されるスタイルを編集する場合は、 「スタイル」プロパティー・ページを使用するか、または IDE に提供されたツールを直接 使用して、¥apparea ディレクトリーの apparea.css ファイルを編集します。 「スタイル」プロパティー・ページを使用すると、進行中の変更を簡単に視覚化し、ウィンドウや サブファイル・レコードなどの DDS エレメントにこれらの変更がどのように適用されるかを確認することができます。 「スタイル」プロパティー・ページによって行われる変更は、apparea.css ファイルの 対応するスタイル・クラス名に適用されます。 IDE の CSS エディターを使用するには、編集したいファイルを右クリックして、 を選択します。
アプリケーション・エリアとコマンド・キーの周囲のレイアウトを編集する場合は、Web Site Designer を使用してユーザー定義ファイルを編集するか、¥theme および ¥webfacing¥styles¥chrome ディレクトリー内のファイル・システムのファイルを選択して直接編集してください。
IDE の CSS エディターを使用して ¥theme ディレクトリー内のファイルを編集するには、編集したい CSS ファイルを右クリックして、 「アプリケーションから開く」 「Page Designer」を選択します。 PageBuilder.jsp に関連するテンプレート・ファイルを Page Designer 内で編集するには、「設計」ビューで を右クリックします。これは、「テンプレート用 Page Designer」を使用して、WFB_blue.jtpl ファイルを直接開く場合と同じです。 テンプレートに関連する CSS スタイル・ファイルを「テンプレート用 Page Designer」で編集するには、 「スタイル」タブ・グループで、「スタイル」ビューを選択して、 を右クリックします。 これは、CSS Designer を使用して CSS ファイルを直接開く場合と同じです。
を選択します。レイアウトおよびフレームを編集するには、 WFB_blue.jtpl ファイルを右クリックして、 を選択します。 スタイルおよびテンプレート・ファイルが適用される PageBuilder.jsp ファイルを編集するには、¥webfacing¥styles¥chrome ディレクトリーの PageBuilder.jsp ファイルを右クリックして、Web Site Designer を使用して、レイアウトおよびフレームのファイルを編集するには、WebFacing プロジェクトのビューをアクティブ化してプロジェクトを展開し、次に、
フォルダーを展開します。 「.website-config」ファイルを右クリックし、 を選択します。テンプレートを編集するには、「ナビゲーター」ビューに切り替えて ¥theme ディレクトリーの下にある *.jtpl ファイルを右クリックし、 を選択します。CSS スタイルを編集するには、¥theme の下の「*.css」ファイルを右クリックし、 を選択します。スタイル変更で編集できるファイル | ファイルが保管されるディレクトリー | 適用される Web ページの一部 | 「プロパティー」ページを使用して編集可能? |
---|---|---|---|
apparea.css | ¥styles¥apparea |
|
はい |
|
¥chrome ¥chrome¥html ¥theme |
|
いいえ |