www.wanichan.com

Web > Expression > Tips > ダイナミックWebテンプレート

Dreamweaverで作成されたテンプレート及び適用されたファイルをExpression Web用に変換する方法

最終更新日:2007/06/16 13:08:22
  • このエントリーをはてなブックマークに追加
Dreamweaverで作成されたテンプレートは、Expression Webでの利用ができません。
そこで、Expression Webで利用できるように変換する手順について説明します。

DreamweaverとExpression Webの違い

ダイナミックWebテンプレートの編集可能領域は、DreamweaverとExpression Webともに、コメントで制御されています。以下、二つのツールの制御コメントの比較を表にしてみます。

※Expression Webは、ダイナミックWebテンプレートのネストができないため、
Dreamweaverでのみ対応しているコメント制御は削除する必要があります。

ダイナミックWebテンプレートが適用されたWebページの開始コメント

DreamweaverExpression Web
<!-- InstanceBegin template="dwtファイル名" codeOutsideHTMLIsLocked="false" --><!-- #BeginTemplate "dwtファイル名" -->

編集可能領域の指定

DreamweaverExpression Web
<!-- InstanceBeginEditable name="doctitle" -->
<title>タイトル</title>
<!-- InstanceEndEditable -->

<!-- #BeginEditable "doctitle" -->
<title>ほむぺのタイトル♪</title>
<!-- #EndEditable -->

<!-- InstanceBeginEditable name="main" -->
<h1>タイトルだぴょーん</h1>
・・・・
<!-- InstanceEndEditable -->
<!-- #BeginEditable "main" -->
<h1>タイトルだぴょーん</h1>
・・・・
<!-- #EndEditable -->

ダイナミックWebテンプレートが適用されたWebページの終了コメント

DreamweaverExpression Web
<!-- InstanceEnd --><!-- #EndTemplate -->

▲Page TOP

検索と置換ツールで変換する

DreamweaverとExpression WebとのダイナミックWebテンプレートの制御コメントの違いがわかったら、
検索と置換ツールでExpression Webに対応するようにコメントを置換します。

ただし、この操作は元に戻せません。自己責任でお願いします。

検索する文字列置換後の文字列
InstanceBegin template="#BeginTemplate "
codeOutsideHTMLIsLocked="false"(空白)
InstanceBeginEditable name="#BeginEditable "
InstanceEndEditable#EndEditable
InstanceEnd#EndTemplate

以上の条件で「ソースコード内を検索する」ようにして、[すべて置換]ボタンをクリックして実行してください。
この処理に成功したら、一からダイナミックWebテンプレートを作り直す必要はないと思います♪

スポンサーリンク

関連記事

INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

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

▲このページのトップへ