Dreamweaver CS3 テンプレート式の覚え書き

この先、私が使うかどうかはわかりませんが、Dreamweaver CS3 テンプレート式の覚え書きです。

Dreamweaver のテンプレート式を使えば、ページに値を持たせておいて、テンプレートを適用する時に条件分岐なんかが出来るみたいです。

この記事の目次非表示

変数の内容を書き出す
変数の内容によって書き出す内容を変える
調べてみる事・やりたい事
参考にさせてもらったページ

変数の内容を書き出す

下の様なテンプレートファイルを用意して、

<html>
<head>
<!-- TemplateParam type="text" value="" -->
<!-- TemplateParam type="text" value="" -->
</head>
<body>
<p>@@(sei+mei)@@</p>
</body>
</html>

上のテンプレートファイルを適用した新規書類を作成し、[ 修正 ] – [ テンプレートプロパティ ] で変数の値を入力すると、

<html>
<!-- InstanceBegin template="/Templates/test.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceParam type="text" value="山田" -->
<!-- InstanceParam type="text" value="太郎" -->
</head>
<body>
<p>山田太郎</p>
</body>
<!-- InstanceEnd --></html>

上の様な感じで出力される。ページタイトルとか、h1 を画像した場合の alt とかに使えそう。

変数の内容によって書き出す内容を変える

下の様なテンプレートファイルを用意して、

<html>
<head>
<!-- TemplateParam type="text" value="" -->
<!-- TemplateParam type="text" value="" -->
</head>
<body>
<p>@@((sei == '山田') ? '山田です' : '山田じゃない')@@</p>
</body>
</html>

上のテンプレートファイルを適用した新規書類を作成し、[ 修正 ] – [ テンプレートプロパティ ] で変数の値を入力すると、

<html>
<!-- InstanceBegin template="/Templates/test.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceParam type="text" value="山田" -->
<!-- InstanceParam type="text" value="太郎" -->
</head>
<body>
<p>山田です</p>
</body>
<!-- InstanceEnd --></html>

上の様な感じで出力される。現在のページのボタンを反転させるとかに使えそう。