インフォメーション・センター

カスタム HTML テンプレートの使用

デフォルトでは、Z and I Emulator for Web 製品と一緒にインストールされる基本テンプレートを使用する HTML が、 デプロイメント・ウィザードで生成されます。ご自分の Web ページの外観を変更したい場合は、 デプロイメント・ウィザードで使用する代わりのテンプレートを提供するか、 あるいはデフォルト・テンプレートを変更することができます。

デプロイメント・ウィザードで使用されるデフォルト・テンプレートは Wizard.html と呼ばれています。「デプロイメント」 ウィザードが Z and I Emulator for Web のインストールの一部としてインストールされている場合には、このファイルは Z and I Emulator for Web パブリッシュ・ディレクトリー C:\Program Files\HCL\ZIEForWeb\ZIEWeb に入っています。デプロイメント・ウィザードを単独でインストールした場合は、このファイルのデフォルトの場所は C:¥Program Files¥HCL¥Deployment Wizard となります。これには、HTML 書式設定用の基本タグ、Z and I Emulator for Web で使用するためのいくつかのマーカー、およびバナーと背景仕様などの外観関連情報がいくらか含まれています。

テンプレート内の HTML 書式設定と Z and I Emulator for Web マーカーを変更しない限り、 テンプレートをどのようにカスタマイズすることも可能です。例えば、違うバナー、背景、新規イメージ、新規テキスト、フォーム、 あるいは JavaScript を組み込むように更新することができます。次に、これらの新規機能がデプロイメント・ウィザードでそのテンプレートを使用して生成されるどの HTML コードにも追加されることになります。

デフォルトの Wizard.html テンプレートを変更して、 作成または編集される個々のデプロイメント・ウィザード・ページに変更を適用することもできますし、 別のテンプレートを作成して、異なるデプロイメント・ウィザード・ページに選択的に適用することもできます。

以下は、カスタム・テンプレートの作成と適用に固有な一連のステップです。

カスタム HTML テンプレートの作成

  1. デフォルト・テンプレート Wizard.html を変更するには、 まずこのファイルのバックアップ・コピー (例えば Wizard.htmlbak) を作成します。バックアップ・コピーを作成しない場合は、Wizard.html のコピーを作成して、このコピーを編集します。
  2. UTF-8 と互換性のある HTML エディターで、 異なるイメージやテキストのようなカスタマイズを組み込むようにテンプレートを変更します。ファイルを編集する際、以下のような Z and I Emulator for Web マーカー・ステートメントは消去しないでください。<!--SUMMARY--><!--SCRIPTS--><!--APPLET--><!--STARTAPPLETPARMS--><!--ENDAPPLETPARMS--> Z and I Emulator for Web はこれらのステートメントを使用して、多様な出力情報を書き込む位置を指示しています。

    STARTAPPLETPARMS タグおよび ENDAPPLETPARMS タグを使用すると、HTML パラメーターをテンプレートに追加できます。これら 2 つのタグ間の定義はすべて、生成される HTML の Z and I Emulator for Web アプレット・セクションに挿入されます。

    デフォルトの Wizard.html テンプレートの例を以下に示します。

  3. ファイルを、UTF-8 文字エンコードを使って Web ページとして保管します。

    デフォルトの Wizard.html テンプレートの例

    <!doctype html public "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<meta HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8">
<!-- SUMMARY -->
</HEAD>

<BODY BACKGROUND="hodbkgnd.gif">
<CENTER>
<IMG src="hodlogo.gif" ALT="hodlogo.gif">
<P>

<!-- STARTAPPLETPARMS -->
<!-- ENDAPPLETPARMS -->

<!-- SCRIPTS -->
<!-- APPLET -->

</CENTER>
</BODY>
</HTML>
Z and I Emulator for Web クライアント・サポートがウィンドウ onLoad イベント・ハンドラーを使用するので、onLoad イベント・ハンドラーは </BODY> タグの中で使用できません。両方存在した場合、ブラウザーで問題が発生します。ダウンロード・クライアントの場合は、 ウィンドウ onLoad イベント・ハンドラーは使用されないため、</BODY> タグ内で onLoad イベント・ハンドラーを使用することができます。どんなケースでも、別のウィンドウ onLoad イベント・ハンドラーを使用できます。

カスタム HTML テンプレートの適用

ファイル Wizard.html を変更した場合は、ファイル名がまだ Wizard.html になっていることを確認してください。このファイルが、 すべての作成または編集されるデプロイメント・ウィザード・ページに (テンプレートを指定しなくても) 適用されることになります。

デプロイメント・ウィザードで生成される特定のページに異なるカスタム・テンプレートを適用したい場合は、 以下のステップを実行してください。

  1. デプロイメント・ウィザードを開き、既存の Web ページを選択するか、 あるいは Web ページを新規に作成するように選択します。
  2. デプロイメント・ウィザードの「追加オプション」ウィンドウを表示し、「拡張オプション」をクリックします。
  3. 「拡張オプション」ウィンドウで、HTML テンプレートをクリックします。
  4. 「HTML テンプレート」フィールドに、新規テンプレートの完全修飾名を入力するか、「参照」をクリックしてテンプレートを見付けてください。
  5. テンプレートを選択してしまったら、「OK」をクリックして「拡張オプション」ウィンドウを閉じます。
  6. Web ページを保管して、デプロイメント・ウィザードを閉じます。デプロイメント・ウィザードはこの Web ページ用のテンプレートを覚えていて、そのテンプレートを以降のすべての更新に使用します。

カスタム・テンプレートへのその後の更新

デプロイメント・ウィザードを使用して HTML ファイルを作成した後でテンプレートを更新すると、変更後のテンプレートを選定するために HTML コードを再生成しなければならなくなります。このテンプレートが使用されるのは、HTML コードを生成する場合だけです。このファイルを再生成するには、デプロイメント・ウィザードでファイルを開き、最後のウィンドウを表示し、さらに「ファイルの作成」をクリックしてください。