Dreamweaverで作成されたテンプレート及び適用されたファイルをExpression Web用に変換する方法
HOME > Expression Webを使ってみよう > Expression Web TIPS
最終更新日:2007/06/16 13:08:22
概要
Dreamweaverで作成されたテンプレートは、Expression Webでの利用ができません。
そこで、Expression Webで利用できるように変換する手順について説明します。
DreamweaverとExpression Webの違い
ダイナミックWebテンプレートの編集可能領域は、DreamweaverとExpression Webともに、コメントで制御されています。以下、二つのツールの制御コメントの比較を表にしてみます。
※Expression Webは、ダイナミックWebテンプレートのネストができないため、
Dreamweaverでのみ対応しているコメント制御は削除する必要があります。
ダイナミックWebテンプレートが適用されたWebページの開始コメント
| Dreamweaver | Expression Web |
|---|---|
| <!-- InstanceBegin template="dwtファイル名" codeOutsideHTMLIsLocked="false" --> | <!-- #BeginTemplate "dwtファイル名" --> |
編集可能領域の指定
| Dreamweaver | Expression Web |
|---|---|
| <!-- InstanceBeginEditable name="doctitle"
--> <title>タイトル</title> <!-- InstanceEndEditable --> |
<!-- #BeginEditable "doctitle" --> |
| <!--
InstanceBeginEditable name="main" --> <h1>タイトルだぴょーん</h1> ・・・・ <!-- InstanceEndEditable --> |
<!-- #BeginEditable "main" --> <h1>タイトルだぴょーん</h1> ・・・・ <!-- #EndEditable --> |
ダイナミックWebテンプレートが適用されたWebページの終了コメント
| Dreamweaver | Expression Web |
|---|---|
| <!-- InstanceEnd --> | <!-- #EndTemplate --> |
検索と置換ツールで変換する
DreamweaverとExpression WebとのダイナミックWebテンプレートの制御コメントの違いがわかったら、
検索と置換ツールでExpression Webに対応するようにコメントを置換します。
ただし、この操作は元に戻せません。自己責任でお願いします。
| 検索する文字列 | 置換後の文字列 |
|---|---|
| InstanceBegin template=" | #BeginTemplate " |
| codeOutsideHTMLIsLocked="false" | (空白) |
| InstanceBeginEditable name=" | #BeginEditable " |
| InstanceEndEditable | #EndEditable |
| InstanceEnd | #EndTemplate |
以上の条件で「ソースコード内を検索する」ようにして、[すべて置換]ボタンをクリックして実行してください。
この処理に成功したら、一からダイナミックWebテンプレートを作り直す必要はないと思います♪
HOME > Expression Webを使ってみよう > Expression Web TIPS

