ダイナミック Web テンプレートの作成
ダイナミック Web テンプレート (DWT) を作成するには、空の HTML ページを作成し .dwt ファイルとしてそのページを保存します。次に、このダイナミック Web テンプレートが適用されるページのコンテンツを変更できるように、編集可能な領域を追加します。
DWT と共に適用対象のファイルを保存すると、Microsoft Expression Web ではこれらのファイルを更新するかどうかを確認するメッセージが表示されます。
.gif "Note") メモ : |
|---|
DWT は、メタデータを使用して、.dwt ファイルと .dwt ファイルが適用されるページの間の関係を維持します。Expression Web によるファイル更新を求めるメッセージの表示後に、DWT の適用先ページが正常に更新されなかった場合は、[サイト] をクリックし、[ハイパーリンクの更新] をクリックしてメタデータを同期します。その後、[書式] メニューの [ダイナミック Web テンプレート] をポイントし、[適用されたページの更新] をクリックして、適用先ページを更新します。 メタデータの詳細または DWT の適用対象ページの更新の詳細については、「メタデータの追加または削除」と「ダイナミック Web テンプレートが適用された Web ページの更新」を参照してください。 |
ダイナミック Web テンプレートを作成するには
[ファイル] メニューの [新規作成] をクリックします。
[新規作成] ダイアログ ボックスの [ページ] タブで、左側の列の [全般] をクリックし、中央の列の [ダイナミック Web テンプレート] をクリックして、[OK] をクリックします。
HTML ファイルからダイナミック Web テンプレートを作成するには
HTML ファイルを作成するか、既存の HTML ファイルを開き、次のいずれかの操作を行います。
1 つ以上の編集可能な領域をページに追加します。[ファイル] メニューの [上書き保存] をクリックします。
詳細については、「ダイナミック Web テンプレートに編集可能な領域を追加するには」の項を参照してください。
メモ :編集可能な領域がページに追加されているので、既定ではファイルの拡張子は .dwt になります。
[ファイル] メニューの [名前を付けて保存] をクリックします。[ファイルの種類] ボックスの一覧の [ダイナミック Web テンプレート] をクリックし、[保存] をクリックします。
編集可能な領域はいくつでも作成できます。通常、テンプレートを使用するページがその独自のコンテンツを表示できるように、編集可能な領域が 1 つ必要です。しかし、小さな領域を混雑するほどたくさん作成しても、あまり意味がありません。大きな領域 1 つだけで十分な場合がほとんどです。
ダイナミック Web テンプレートに編集可能な領域を追加するには
編集可能な領域として定義する要素を選択します。
メモ :要素を選択しない場合、カーソル位置の前にある要素が編集可能な領域として定義されます。
次のいずれかの操作を行います。
[デザイン] ビューで、[ダイナミック Web テンプレート] を右クリックし、[編集可能な領域の管理] をクリックします。
[ダイナミック Web テンプレート] ツール バーの [編集可能な領域の管理]
.png "Cc295595.bf2ff03b-0227-4986-aba8-0fc83a50ba3a(ja-jp,Expression.40).png")
をクリックします。
[編集可能な領域] ダイアログ ボックスの [領域名] ボックスに、編集可能な領域の名前を入力し、[追加] をクリックします。追加する編集可能な領域ごとに上記の手順を繰り返します。
新しい編集可能な領域がページに表示されます。.dwt ファイルの編集可能な領域が選択された場合は、オレンジ色の枠線と領域の名前を示すタブが表示されます。
.png "Cc295595.9c381d7c-a644-42df-8fa5-cc32c1a76301(ja-jp,Expression.40).png")
領域が選択されていない場合に .dwt ファイルの編集可能な領域を表示するには、[視覚補助] が有効になっていることを確認します。[表示] メニューの [視覚補助] をクリックし、[表示] をクリックします。[視覚補助] が有効になった後、[表示] メニューの [視覚補助] をクリックし、[テンプレートの領域名] をクリックします。視覚補助の詳細については、「視覚補助」を参照してください。
ダイナミック Web テンプレートの編集可能な領域の名前を変更するには
名前を変更する編集可能な領域を選択します。
次のいずれかの操作を行います。
[デザイン] ビューで、[ダイナミック Web テンプレート] を右クリックし、[編集可能な領域の管理] をクリックします。
[ダイナミック Web テンプレート] ツール バーの [編集可能な領域の管理]
をクリックします。
[編集可能な領域] ダイアログ ボックスの [領域名] ボックスに新しい名前を入力し、[名前の変更] をクリックします。
ダイナミック Web テンプレートから編集可能な領域を削除するには
削除する編集可能な領域を選択します。
次のいずれかの操作を行います。
[デザイン] ビューで、[ダイナミック Web テンプレート] を右クリックし、[編集可能な領域の管理] をクリックします。
[ダイナミック Web テンプレート] ツール バーの [編集可能な領域の管理]
をクリックします。
削除する編集可能な領域が選択されていることを確認し、[削除] をクリックします。
関連項目
タスク
ダイナミック Web テンプレートの適用または適用解除
異なるダイナミック Web テンプレートの適用
ダイナミック Web テンプレートが適用された Web ページの更新