bpTran ver.0.9　リピート用テンプレートの作り方


テンプレート用HTMLの編集手順

  1. bpTran ver.0.9テンプレートの作り方を参考に通常のテンプレートファイルを作成します。

  2. 繰り返し部分以外を削除して、リピート用のテンプレートファイルを作成します。

  3. 生成されたファイルに、ページのヘッダ、フッタ等のHTMLコードを付加します。


通常のテンプレートファイルから繰り返し部分以外を削除する。

ブラウザ表示イメージ

[商品名] [価格]円
[色] [縦]×[横]×[マチ]cm
[その他]


HTML

※黒字部分を削除する。
　ピンク（<html></html>）は、bpTran0.9で自動的に削除・付加するので、削除してもしなくてもよい。

<html>
　<head>
　　<title>bpTran0.9 Sample HTML Repeat=ON</TITLE>
　　<meta http-equiv='Content-Type' content='text/html; charset=Shift_JIS'>
　</head>
　<body bgColor=#ffffff>
　　<center>
　　　<table border='0' cellPadding='5' cellSpacing='0' width='500' bgColor='#ffffdd'>
　　　　<tr>
　　　　　<td bgColor='#ff9933' width='40%'>[商品名]</td>
　　　　　<td bgColor='#ffffcc' width='60%'>[価格]円</td>
　　　　</tr>
　　　　<tr>
　　　　　<td>[色]</td>
　　　　　<td>[縦]×[横]×[マチ]cm</td>
　　　　</tr>
　　　　<tr>
　　　　　<td colspan='2' valign='top'>
　　　　　　<font>[その他]</font><br>
　　　　　　<div align='right'><a href='[リンクファイル名]'>もっと詳しく→</a></div>
　　　　　</td>
　　　　</tr>
　　　</table>
　　　<br><br><br>
　　</center>
　</body>
</html>







上記テンプレートを使って、リピート回数を「２」に設定した場合

　
ブラウザ表示イメージ

マチルダ 21,000円
黒 20×22×7cm
中仕切り、内ポケット（ファスナー付き）各１
ストラップ着脱可能。
巾着タイプで出し入れがしやすいです。
シックで実用的なデザインです。



ニコール 25,000円
茶 24×22×6cm
マグネット開閉
ファスナー付き内ポケット１



HTML

<HTML> ←bpTran0.9によって付加されたもの

■■■■■■■■■■■■■■繰り返し　ここから■■■■■■■■■■■■■■
<table border='0' cellPadding='5' cellSpacing='0' width='500' bgColor='#ffffdd'>
<tr>
<td bgColor='#ff9933' class='Title' width='40%'>マチルダ</td>
<td bgColor='#ffffcc' class='bTitle' width='60%'>21,000円</td>
</tr>
<tr>
<td class='Info'>黒</td>
<td class='Info'>20×22×7cm</td>
</tr>
<tr>
<td colspan='2' class='Info' valign='top'>
<font class='rInfo'>中仕切り、内ポケット（ファスナー付き）各１<br>ストラップ着脱可能。<br>巾着タイプで出し入れがしやすいです。<br>シックで実用的なデザインです。</font><br>
<div align='right'><a href='bag01.html'>もっと詳しく→</a></div>
</td>
</tr>
</table><br><br><br>


<table border='0' cellPadding='5' cellSpacing='0' width='500' bgColor='#ffffdd'>
<tr>
<td bgColor='#ff9933' class='Title' width='40%'>ニコール</td>
<td bgColor='#ffffcc' class='bTitle' width='60%'>25,000円</td>
</tr>
<tr>
<td class='Info'>茶</td>
<td class='Info'>24×22×6cm</td>
</tr>
<tr>
<td colspan='2' class='Info' valign='top'>
<font class='rInfo'>マグネット開閉<br> ファスナー付き内ポケット１</font><br>
<div align='right'><a href='bag02.html'>もっと詳しく→</a></div>
</td>
</tr>
</table><br><br><br>
■■■■■■■■■■■■■■繰り返し　ここまで■■■■■■■■■■■■■■

</HTML> ←bpTran0.9によって付加されたもの








生成されたファイルに、ページのヘッダ、フッタ等のHTMLコードを付加する。


　
ブラウザ表示イメージ


SUEJI Original Design Bag


マチルダ 21,000円
黒 20×22×7cm
中仕切り、内ポケット（ファスナー付き）各１
ストラップ着脱可能。
巾着タイプで出し入れがしやすいです。
シックで実用的なデザインです。



ニコール 25,000円
茶 24×22×6cm
マグネット開閉
ファスナー付き内ポケット１



HTML

付加したHTMLコードを青字で表示しています。


<HTML>
<head>
<title>bpTran0.9 Sample HTML Repeat=ON</TITLE>
<meta http-equiv='Content-Type' content='text/html; charset=Shift_JIS'>
</head>

<body bgColor=#ffffff>
<center>
<table border='0' cellPadding='5' cellSpacing='0' width='500'>
<tr>
<th bgColor='#990000'>
<font color='#ffffff' size=+1>SUEJI Original Design Bag</font>
</th>
</tr>
</table>
<br><br>

<table border='0' cellPadding='5' cellSpacing='0' width='500' bgColor='#ffffdd'>
<tr>
<td bgColor='#ff9933' class='Title' width='40%'>マチルダ</td>
<td bgColor='#ffffcc' class='bTitle' width='60%'>21,000円</td>
</tr>
<tr>
<td class='Info'>黒</td>
<td class='Info'>20×22×7cm</td>
</tr>
<tr>
<td colspan='2' class='Info' valign='top'>
<font class='rInfo'>中仕切り、内ポケット（ファスナー付き）各１<br>ストラップ着脱可能。<br>巾着タイプで出し入れがしやすいです。<br>シックで実用的なデザインです。</font><br>
<div align='right'><a href='bag01.html'>もっと詳しく→</a></div>
</td>
</tr>
</table><br><br><br>


<table border='0' cellPadding='5' cellSpacing='0' width='500' bgColor='#ffffdd'>
<tr>
<td bgColor='#ff9933' class='Title' width='40%'>ニコール</td>
<td bgColor='#ffffcc' class='bTitle' width='60%'>25,000円</td>
</tr>
<tr>
<td class='Info'>茶</td>
<td class='Info'>24×22×6cm</td>
</tr>
<tr>
<td colspan='2' class='Info' valign='top'>
<font class='rInfo'>マグネット開閉<br> ファスナー付き内ポケット１</font><br>
<div align='right'><a href='bag02.html'>もっと詳しく→</a></div>
</td>
</tr>
</table><br><br><br>
<hr size='3' width='500'>
<br><br>
<a href='foo.html'>ご注文へ</a>
</center>
</body>
</HTML>


Copyright(C) 2001 WebSeeder All rights reserved.