< 前へ
|
次へ >
演習 1.4: XSL スタイル・シートの作成および編集
スタイル・シートとは、XML 文書を他の文書タイプに変換して、出力をフォーマット設定するのに使用できるファイルです。 この演習では、シンプルな XSL スタイル・シートを作成して、お客様の XML ファイルのデータをフォーマット設定して HTML ファイル内の表にする方法を学習します。
始める前に
この演習を始める前に、
演習 1.3: XML ファイルの作成および編集
を終了しておく必要があります。
スタイル・シートの作成
このタスクについて
空の新規スタイル・シートを作成するには、次のステップに従ってください。
「ファイル」
>
「新規」
>
「その他」
の順に選択します。 「新規」ウィンドウで、
「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 ブラウザー」
と選択します。
タスクの結果
以下のように表示されます。
演習のチェックポイント
XSL エディターは、コンテンツを含んだスタイル・シートを作成する のに役立つ多くのウィザードを提供します。 また、そのスタイル・シートに基づいた HTML 表を作成するメソッドも提供します。
以上で、この演習は終了です。 この演習では、次のことを学習しました。
XSL スタイル・シートを作成する。
HTML 表を生成するスタイル・シートにコンテンツを含める。
XML ファイルを HTML に変換する。
< 前へ
|
次へ >
フィードバック