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

変数の内容を書き出す

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

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

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

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

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

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

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

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

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

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

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

調べてみる事・やりたい事

– [ トップ > 企業情報 > 会社概要 ] みたいなパン屑リストを一発で出力できんかな?

参考にさせてもらったページ

Web制作/Dreamweaver/テンプレートタグリファレンス- zkdesign/ArchivesAdobe – デベロッパーセンター : サッポロビールにおけるテンプレート活用事例Dreamweaver Templateの使い方

ありがとうございます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です