演習 1.4: XSL スタイル・シートの作成および編集

この演習を始める前に、『演習 1.3: XML ファイルの作成および編集』を完了してください。

スタイル・シートとは、XML 文書を他の文書タイプに変換して、出力をフォーマット設定するのに使用できるファイルです。 この演習では、シンプルな XSL スタイル・シートを作成して、お客様の XML ファイルのデータをフォーマット設定して HTML ファイル内の表にする方法を学習します。

スタイル・シートの作成

空の新規スタイル・シートを作成するには、次のステップに従ってください。

  1. ファイル」 > 「新規」 > 「その他」>「XML」>「XSL」の順にクリックします。 「次へ」をクリックします。
  2. MyProject」 ディレクトリーを選択します。
  3. ファイル名」フィールドに CDTitle.xsl を入力し、「次へ」をクリックします。
  4. 「XML ファイルの選択 (Select XML file)」ページで、CDTitle.xml ファイルを選択します。 これによって、CDTitle.xml ファイルが CDTitle.xsl ファイルに関連付けられます。
  5. 終了」をクリックします。

CDTitle.xsl ファイルが作成され、XSL エディターで自動的に開きます。

スタイル・シートの編集

XSL エディターは、スタイル・シート内のコンテンツを作成するのに役立ついくつかのウィザードを提供します。

  1. HTML 文書を作成するには、HTML ヘッダー情報を生成し、文書の出力方法を定義するテンプレートを追加します。
    1. XSL エディターで、CDTitle.xsl ファイルに含まれる <xsl:stylesheet> エレメントの後ろの空白行にカーソルを置きます。
    2. 断片」タブをクリックして、「XSL」 ドロワーを開きます。
    3. デフォルト HTML ヘッダー」をダブルクリックします。 これによって、<xsl:output> エレメントとテンプレートが作成されます。このエレメントは、変換の結果 (つまり、CDTitle.xslCDTitle.xml に適用した結果) を HTML で出力し、テンプレートは、CDTitle.xml ファイル内のすべての直接の子を処理するための <xsl:apply-templates> 規則と HTML ヘッダーを生成します。
  2. 次に、HTML 表を生成するテンプレートを作成します。
    1. 上記のステップ 1 で生成された </xsl:template> エレメントの後ろの空白行にカーソルを置きます。
    2. XSL」 ドロワーで、「XSL 内の HTML 表」をダブルクリックします。
    3. 最初の CD エレメントを HTML 表を作成するためのコンテキスト・ノードとして選択します。
    4. テンプレートでの表のラップ」チェック・ボックスをクリックします。 これは、この表を新規テンプレートでラップしたいことを示します。
    5. ヘッダーの組み込み」チェック・ボックスをクリックして、この表にヘッダーを組み込みたいことを示します。
    6. 次へ」をクリックして、「セル間隔」フィールドに 20 を入力します。 これは、表のセル間のスペース量を増やすことによって、表をより見やすくします。
    7. 終了」をクリックします。 これで、お客様の CDTitle.xsl ファイル内に HTML 表を生成する新規テンプレートが作成されます。

  3. ファイル」>「保管」の順にクリックして、ファイルを保管します。

XML ファイルから HTML ファイルへの変換

  1. 「ナビゲーター」ビューで、Ctrl キーを押したまま、CDTitle.xml CDTitle.xsl を選択します。
  2. 右クリックして、「実行」>「XSL 変換」の順にクリックします。
  3. 結果のファイル名は _CDTitle_transform.html です。このファイルは、Page Designer で自動的に開かれ、表内の XML ファイルのコンテンツを含んでいます。
  4. 表を Web ブラウザーで見るには、_CDTitle_transform.html ファイルを閉じて、それをナビゲーション・ビューで右クリックし、「アプリケーションから開く」>「Web ブラウザー」の順にクリックします。以下のように表示されます。

要約』に記載されている資料を検討して、このチュートリアルを終了してください。

ご利用条件 | フィードバック
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.