ドリームウィーバーでhtmlテンプレートを作る方法

非常に基本的な内容かもしれませんがドリームウィーバー(以下DW)でテンプレートを作成する方法をメモっておきたいと思います。(いつもどうだったかなぁと戸惑うので…)テンプレートで管理してしまえば、100ページあるサイトでもレイアウト変更は一瞬で済みますし、便利な機能です。(DW8の場合です)
2009年末吉でのスタートかぁ…まぁいいか既におみくじの内容忘れてるし(笑)
- サイトの定義を行う
DWのメニューより「サイト」「新規サイト」を選択します。以下の順序でサイト定義を行います。
サイトの名前は任意です。分かりやすい名前を付けておきます。
いいえを選択しておきます。
ファイルを格納する場所を選択します。デフォルトはマイドキュメント内になっています。
リモートサーバは「なし」を選択しておきます。
終了ボタンを押せば、これでサイト定義は終了です。- テンプレートの元となる骨格を作成
通常サイトを制作するようにhtmlを書いていきます。テキスト部分は後から修正できるので、とりあえず適当に入力しておきます。骨格となるhtml(css)が完成すれば、これをテンプレート化するわけですが、まず編集可能な部分を選択します。
編集可能な部分(主にテキスト部分)を選択した状態で、メニューより「挿入」「テンプレートオブジェクト」「編集可能領域」を選択し、ダイアログが表示されますが、OKを押します。(html上にコメントが現れます)- テンプレートを作成
編集可能領域が全て選択できれば、メニューより「挿入」「テンプレートオブジェクト」「テンプレートの作成」をクリック。テンプレート名を任意で決めるとフォルダ内に○○.dwtファイルができあがります。
- 新規htmlにテンプレートを適用
テンプレートを作成したら、htmlを新規に作成します。ここでテンプレートを適用するわけですが、適用する前に一旦index.htmlとでもフォルダに保存しておきましょう。(保存しないでテンプレートを適用すると、CSSのパスがおかしくなったりしますので…)
一旦保存すれば、メニューより「修正」「テンプレートを適用」を選択し、テンプレートを適用させます。あとは編集可能領域の部分のテキストなどを変更してやればOKです。- 変更したいときは…
- htmlファイルを沢山作った後、レイアウトを変更したい!となったときは、○○.dwt自体を編集してやれば、htmlファイルは全てレイアウト変更されます。
ドリームウィーバーでhtmlテンプレートを作る方法