演習 1.4: XSL スタイル・シートの作成および編集
この演習を始める前に、『演習 1.3: XML ファイルの作成および編集』を終了しておく必要があります。
スタイル・シートとは、XML 文書を他の文書タイプに変換して、出力をフォーマット設定するのに使用できるファイルです。
この演習では、シンプルな XSL スタイル・シートを作成して、お客様の XML ファイルのデータをフォーマット設定して HTML ファイル内の表にする方法を学習します。
スタイル・シートの作成
空の新規スタイル・シートを作成するには、次のステップに従ってください。
- 「ファイル」 > 「新規」 > 「その他」>「XML」>「XSL」の順にクリックします。
「次へ」をクリックします。
- 「MyProject」 ディレクトリーを選択します。
- 「ファイル名」フィールドに
CDTitle.xsl と入力し、「次へ」をクリックします。
- 「XML ファイルの選択 (Select XML file)」ページで、CDTitle.xml ファイルを選択します。
これによって、CDTitle.xml ファイルが CDTitle.xsl ファイルに関連付けられます。
- 「終了」をクリックします。
CDTitle.xsl ファイルが作成され、XSL エディターで自動的に開きます。
スタイル・シートの編集
XSL エディターは、スタイル・シート内のコンテンツを作成するのに役立ついくつかのウィザードを提供します。
- HTML 文書を作成するには、HTML ヘッダー情報を生成し、文書の出力方法を定義するテンプレートを追加します。
- XSL エディターで、CDTitle.xsl ファイルに含まれる <xsl:stylesheet> エレメントの後ろの空白行にカーソルを置きます。
-
「断片」タブをクリックして、「XSL」 ドロワーを開きます。
-
「デフォルト HTML ヘッダー」をダブルクリックします。
これによって、<xsl:output> エレメントとテンプレートが作成されます。このエレメントは、変換の結果 (つまり、CDTitle.xsl を CDTitle.xml に適用した結果) を HTML で出力し、テンプレートは、CDTitle.xml ファイル内のすべての直接の子を処理するための <xsl:apply-templates> 規則と HTML ヘッダーを生成します。
- 次に、HTML 表を生成するテンプレートを作成します。
- 上記のステップ 1 で生成された </xsl:template> エレメントの後ろの空白行にカーソルを置きます。
- 「XSL」 ドロワーで、「XSL 内の HTML 表」をダブルクリックします。
- 最初の CD エレメントを HTML 表を作成するためのコンテキスト・ノードとして選択します。
- 「テンプレートでの表のラップ」チェック・ボックスをクリックします。
これは、この表を新規テンプレートでラップしたいことを示します。
- 「ヘッダーの組み込み」チェック・ボックスをクリックして、この表にヘッダーを組み込みたいことを示します。
- 「次へ」をクリックして、「セル間隔」フィールドに 20 を入力します。
これは、表のセル間のスペース量を増やすことによって、表をより見やすくします。
- 「終了」をクリックします。
これで、お客様の CDTitle.xsl ファイル内に HTML 表を生成する新規テンプレートが作成されます。
- 「ファイル」>「保管」の順にクリックして、ファイルを保管します。
XML ファイルから HTML ファイルへの変換
- 「ナビゲーター」ビューで、Ctrl キーを押したまま、CDTitle.xml と CDTitle.xsl を選択します。
-
右クリックして、「実行」>「XSL 変換」の順にクリックします。
-
結果のファイル名は _CDTitle_transform.html です。このファイルは、Page Designer で自動的に開かれ、表内の XML ファイルのコンテンツを含んでいます。
-
表を Web ブラウザーで見るには、_CDTitle_transform.html ファイルを閉じて、それをナビゲーター・ビューで右クリックし、「アプリケーションから開く」>「Web ブラウザー」の順にクリックします。以下のように表示されます。

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