次の方法で共有


ダイナミック Web テンプレートの作成

ダイナミック Web テンプレート (DWT) を作成するには、空の HTML ページを作成し .dwt ファイルとしてそのページを保存します。次に、このダイナミック Web テンプレートが適用されるページのコンテンツを変更できるように、編集可能な領域を追加します。

DWT と共に適用対象のファイルを保存すると、Microsoft Expression Web ではこれらのファイルを更新するかどうかを確認するメッセージが表示されます。

Cc295595.alert_note(ja-jp,Expression.10).gifメモ :

DWT は、メタデータを使用して、.dwt ファイルと .dwt ファイルが適用されるページの間の関係を維持します。Expression Web によるファイル更新を求めるメッセージの表示後に、DWT の適用先ページが正常に更新されなかった場合は、[サイト] をクリックし、[ハイパーリンクの更新] をクリックしてメタデータを同期します。その後、[書式] メニューの [ダイナミック Web テンプレート] をポイントし、[適用されたページの更新] をクリックして、適用先ページを更新します。

メタデータの詳細または DWT の適用対象ページの更新の詳細については、「メタデータの追加または削除」と「ダイナミック Web テンプレートが適用された Web ページの更新」を参照してください。

ダイナミック Web テンプレートを作成するには

  1. [ファイル] メニューの [新規作成] をクリックします。

  2. [新規作成] ダイアログ ボックスの [ページ] タブで、左側の列の [全般] をクリックし、中央の列の [ダイナミック Web テンプレート] をクリックして、[OK] をクリックします。

HTML ファイルからダイナミック Web テンプレートを作成するには

  • HTML ファイルを作成するか、既存の HTML ファイルを開き、次のいずれかの操作を行います。

    • 1 つ以上の編集可能な領域をページに追加します。[ファイル] メニューの [上書き保存] をクリックします。

      詳細については、「ダイナミック Web テンプレートに編集可能な領域を追加するには」の項を参照してください。

      Cc295595.alert_note(ja-jp,Expression.10).gifメモ :

      編集可能な領域がページに追加されているので、既定ではファイルの拡張子は .dwt になります。

    • [ファイル] メニューの [名前を付けて保存] をクリックします。[ファイルの種類] ボックスの一覧の [ダイナミック Web テンプレート] をクリックし、[保存] をクリックします。

ダイナミック Web テンプレートに編集可能な領域を追加するには

  1. 編集可能な領域として定義する要素を選択します。

    Cc295595.alert_note(ja-jp,Expression.10).gifメモ :

    要素を選択しない場合、カーソル位置の前にある要素が編集可能な領域として定義されます。

  2. [デザイン] ビューで、[ダイナミック Web テンプレート] を右クリックし、[編集可能な領域の管理] をクリックします。

    または

    [ダイナミック Web テンプレート] ツール バーの [編集可能な領域の管理] ボタン Cc295595.825d6bdd-c427-4058-991d-645c7570533c(ja-jp,Expression.10).bmp をクリックします。

  3. [編集可能な領域] ダイアログ ボックスの [領域名] ボックスに、編集可能な領域の名前を入力し、[追加] をクリックします。追加する編集可能な領域ごとに上記の手順を繰り返します。

  4. 新しい編集可能な領域がページに表示されます。 .dwt ファイルの編集可能な領域が選択された場合は、オレンジ色の枠線と領域の名前を示すタブが表示されます。

領域が選択されていない場合に .dwt ファイルの編集可能な領域を表示するには、[視覚補助] が有効になっていることを確認します。[表示] メニューの [視覚補助] をクリックし、[表示] をクリックします。[視覚補助] が有効になった後、[表示] メニューの [視覚補助] をクリックし、[テンプレートの領域名] をクリックします。視覚補助の詳細については、「視覚補助」を参照してください。

ダイナミック Web テンプレートの編集可能な領域の名前を変更するには

  1. 名前を変更する編集可能な領域を選択します。

  2. [デザイン] ビューで、[ダイナミック Web テンプレート] を右クリックし、[編集可能な領域の管理] をクリックします。

    または

    [ダイナミック Web テンプレート] ツール バーの [編集可能な領域の管理] ボタン Cc295595.825d6bdd-c427-4058-991d-645c7570533c(ja-jp,Expression.10).bmp をクリックします。

  3. [編集可能な領域] ダイアログ ボックスの [領域名] ボックスに新しい名前を入力し、[名前の変更] をクリックします。

ダイナミック Web テンプレートから編集可能な領域を削除するには

  1. 削除する編集可能な領域を選択します。

  2. [デザイン] ビューで、[ダイナミック Web テンプレート] を右クリックし、[編集可能な領域の管理] をクリックします。

    または

    [ダイナミック Web テンプレート] ツール バーの [編集可能な領域の管理] ボタン Cc295595.825d6bdd-c427-4058-991d-645c7570533c(ja-jp,Expression.10).bmp をクリックします。

  3. 削除する編集可能な領域が選択されていることを確認し、[削除] をクリックします。

関連項目

概念

ダイナミック Web テンプレートの概要

[ダイナミック Web テンプレート] ツール バー

ダイナミック Web テンプレートの適用または適用解除

異なるダイナミック Web テンプレートの適用

ダイナミック Web テンプレートが適用された Web ページの更新