Dreamweaver でのクライアントサイド XSL 変換の実行

最終更新日 : 2021年12月20日

Dreamweaver でクライアントサイド XSL 変換を実行する方法について説明します。 また、XSLT ページを作成し、XML ページにリンクします。

Dreamweaver 以降では、ユーザーインターフェイスが簡素化されています。 そのため、この記事で説明されているオプションの一部が Dreamweaver 以降には存在しない場合があります。 詳しくは、こちらの記事を参照してください。

クライアントサイドXSL変換を実行するためのワークフロー

クライアントサイドXSL変換を実行することができます。XML データを表示するページを作成する前に、サーバーサイドおよびクライアントサイド XSL 変換について、また web ページでの XML と XSL の使用について読んでください。

クライアントサイド XSL 変形を実行するための一般的なワークフローは次のとおりです(各ステップは他のトピックで説明されています):

Dreamweaver サイトを設定します。

XSLT ページを作成するか、HTML ページを XSLT に変換します。

  • Dreamweaver サイトで、XSLT ページ全体を作成します。

  • 既存の HTML ページを XSLT ページ全体に変換します。

XML データソースをページに添付します(まだ添付していない場合)。

添付する XML ファイルは、XSLT ページと同じディレクトリに存在する必要があります。

XML データを XSLT ページにバインドします。

データを XSLT ページ全体にバインドして XML データを表示します。

適切な場合は、XML データプレースホルダーを含むテーブルまたはテーブルの行に Repeating Region XSLT オブジェクトを追加します。

XSLT ページを XML ページに添付します。

XML ページとリンクされた XSLT ページの両方を Web サーバーにアップロードします。

XML ページをブラウザーで表示します。

その際、ブラウザーが XML データを変換し、XSLT ページでフォーマットして、スタイル設定されたページをブラウザーに表示します。

XSLT ページ全体の作成とデータの表示

クライアントサイド変換には完全な XSLT ページを使用する必要があります (このタイプの変換の場合、XSLT フラグメントは機能しません)。 クライアントサイド変形用の XSLT ページの作成、XML データのバインド、フォーマットについては、次の一般的な手順に従ってください:

XSLT ページを作成します。

XSLT ページにデータを表示します。

XSLT ページに繰り返し要素を表示します。

XML データ用の動的コンテンツプレースホルダーを含む完全な XSLT ページができたら、XML ページ内に XSLT ページへの参照を挿入する必要があります。

クライアントサイド変換に使用する XML ファイルと XSL ファイルは、同じディレクトリにある必要があります。 同じディレクトリにない場合、ブラウザーは XML ファイルを読み取り、変換する XSLT ページを見つけますが、XSLT ページに相対リンクで定義されているアセット(スタイルシートやイメージなど)を見つけることができません。

XSLT ページにリンクする XML ファイルを開きます。
コマンド/XSLT スタイルシートの適用を選択します。
ダイアログボックスで「を参照」ボタンをクリックし、リンクする XSLT ページを参照して選択し、「OK」をクリックします。
「OK」をクリックしてダイアログボックスを閉じ、XML 文書の上部に XSLT ページへの参照を挿入します。