共有枠からダイナミックWebテンプレートに移行する方法

1. ブラウザでトップページを開き、HTMLを新規Webページに貼り付け
2. 共有枠のコメント及び共有枠のmetaタグの削除
3. 処理したWebページを元に、ダイナミックWebテンプレートファイルとして保存
4. ダイナミックWebテンプレートの編集可能領域を指定する
5. それぞれのWebページにダイナミックWebテンプレートを適用する

1. ブラウザでトップページを開き、HTMLを新規Webページに貼り付け

Expression Webから共有枠を利用したWebページをブラウザでプレビューすると、共有枠部分が欠落されてしまう場合があるため、Windowsのシステムフォルダ内のトップページを開いて作業します。

1. Expression Webを起動する前に、Windowsフォルダ内のWebサイトフォルダを開き、共有枠を使ったWebページのトップページをInternet Explorerで開きます。
2. Webページの任意の場所を右クリックして［ソースの表示］をクリックします。
3. 新しく開いた［元のソース］ウィンドウのソース全てを選択してコピーします。
4. Expression Webを起動し、Webサイトを開きます。
5. 新規HTMLファイルを作成します。
6. コードビューに切り替え、先ほどコピーしたHTMLを貼り付けます。

▲Page TOP

2. 共有枠のコメント及び共有枠のmetaタグの削除

これをダイナミックWebテンプレートに移行する前に、共有枠のコメント等を削除しなければので、コメントと共有枠のmetaタグを削除します。

1. コードビューに切り替えて、"Microsoft Border" が付けられている名前のmetaタグ行を削除します。
   例：<meta name="Microsoft Border" content="tlb">
2. 共有枠のコメントを[検索と置換]ツールを使って削除します。
   Ctrlキーを押しながらHキーを押すと、簡単に検索と置換ダイアログボックスが表示されます。
   
   検索する文字列：<!--msnavigation-->
   検索後の文字列：（何も入力しない！）
3. [すべて置換]をクリックします。

▲Page TOP

3. 処理したWebページを元に、ダイナミックWebテンプレートファイルとして保存

1. [ファイル]→[名前を付けて保存]をクリックします。
2. [ファイルの種類]を「ダイナミックWebテンプレート」に指定します。
   
3. ファイル名を適当に付けて保存します。
4. 一旦Expression Webを終了します。（念のため）

▲Page TOP

4. ダイナミックWebテンプレートの編集可能領域を指定する

1. Expression Webを起動し、先ほど作成したダイナミックWebテンプレートを開きます。
2. コンテンツブロック全体をクイックタグセレクタを利用して選択します。
3. そのクイックタグセレクタの右側▼をクリックしたあと、[タグコンテンツの選択]をクリック します。
   
4. [書式設定]→[ダイナミックWebテンプレート]→[編集可能な領域の管理]をクリックします。
5. 領域名を入力して[追加]ボタンをクリックします。
   
6. [編集可能な領域]ダイアログボックスの[閉じる]ボタンをクリックします。
7. 上書き保存して、ダイナミックWebテンプレートファイルを完成させます。

▲Page TOP

5. それぞれのWebページにダイナックWebテンプレートを適用する

ダイナミックWebテンプレートを作成したら、個々のWebページにそのダイナミックWebテンプレートを適用したWebページに変換していきます。

1. 個々のWebページのコンテンツセクションだけを残し、あとは削除しておきます。
2. Webサイト内のダイナミックWebテンプレートファイルを右クリックして、[ダイナミックWebテンプレートから新規作成]をクリックします。
3. 編集可能領域内にカーソルを移動し、[挿入]→[ファイル]をクリックします。
4. コンテンツだけを残したWebページを選択し、[開く]ボタンをクリックします。
5. Webページを保存します。
6. 以後、手順2～5を繰り返します。

▲Page TOP

問題は解決しましたか？

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください！

▲このページのトップへ