Dreamweaverの編集不可領域の解除方法を教えてください。

Question

###前提・実現したいこと
Dreamweaver初心者です。
編集不可能領域に設定されているものを解除して編集したいのですが、やり方がわかりません。

###発生している問題・エラーメッセージ

###該当のソースコード

<!-- InstanceEndEditable --></div>

<div id="wrapper"><!-- InstanceBeginEditable name="pref" --><!-- InstanceEndEditable --></div>
<div id="wrapper"><!-- InstanceBeginEditable name="EditRegion3" --><!-- InstanceEndEditable --></div>
<div id="wrapper"><!-- InstanceBeginEditable name="EditRegion5" --><!-- InstanceEndEditable --></div>

</script> </body> <!-- InstanceEnd -->

###試したこと
テンプレートのbase.dwtもみたのですが、それは編集したいものになおっていて、
大元のindex.htmlの方がなおっていませんでした。（灰色になっていて編集不可でした）
この灰色になって編集不可になっているところはどのようにしたら編集が可能になりますか？

言葉足らずな質問かもしれませんがご教示ください。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
###前提・実現したいこと
ここに質問したいことを詳細に書いてください
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

###発生している問題・エラーメッセージ

エラーメッセージ

###該当のソースコード

ここにご自身が実行したソースコードを書いてください

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Comments

[dit.]

テンプレートファイルを編集し、保存する際、「テンプレートファイルの更新」というダイアログボックスは出てきますか？出てくるのであれば、そこのリストに「index.html」は表示されていますか？

[araki.a]

早々にありがとうございました。確認したのですが、テンプレートファイルの更新のダイアログボックスは出てきますが、index.htmlはリストにありませんでした。これは編集したテンプレートが違うと言うことですか？

[dit.]

その可能性もあると思います。index.htmlの上の方に、<!-- InstanceBegin template="/Templates/テンプレート名.dwt" codeOutsideHTMLIsLocked="false" -->こういう部分があれば、そこに書いてあるものがテンプレートのはずです。ご確認ください。

[araki.a]

確認してみたのですが、編集したテンプレートと同じ名前でした。明日もう少しいじってみます。明日やってみてわからなければまた質問させていただきたいと思います。ご親切にご回答下さりありがとうございました。

Answer 1

いくつか参考になりそうなリンクを貼っておきます。
Adobe Dreamweaver ユーザーガイド-テンプレート

WEBコーディングテクニック集 Dreamweaverでテンプレートが更新されないとき
michila graphics 他人が作ったDwテンプレートの変更が反映されない！
Designer Diary DW(ドリームウィーバー)テンプレートが反映されない(効かない)【備忘録】

テンプレートの紐付を解除したり設定しなおすことは一応できます。
が、一度現在のindex.htmlをメモ帳かどこかへコピーしておき、「テンプレートから新規作成」し直して必要な部分をコピーで戻す方が早いと思います。
その際「ページを更新」にチェックを入れてください。

また、id="wrapper"が複数あるようですが、idは重複させてはいけないという決まりごとがあるため、それぞれを別のidにするかclassにしていただいた方がいいと思います。

Comments

[araki.a]

dit.さま

何度も丁寧に教えていただきありがとうございました。
リンクもとても参考になります。idは重複しないよう変更してみます。
本当に助かりました。ありがとうございました！