TOP > 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でのみ対応しているコメント制御は削除する必要があります。

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

Dreamweaver	Expression Web
<!-- InstanceBeginEditable name="doctitle" --> <title>タイトル</title> <!-- InstanceEndEditable -->	<!-- #BeginEditable "doctitle" --> <title>ほむぺのタイトル♪</title> <!-- #EndEditable -->
<!-- InstanceBeginEditable name="main" --> <h1>タイトルだぴょーん</h1> ・・・・ <!-- InstanceEndEditable -->	<!-- #BeginEditable "main" --> <h1>タイトルだぴょーん</h1> ・・・・ <!-- #EndEditable -->

Dreamweaver	Expression Web
<!-- InstanceEnd -->	<!-- #EndTemplate -->

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

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

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

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