Microsoft Word で作るテンプレート骨格


 
Microsoft Word があればテンプレートの骨格部分を作る事が出来ます。非常に簡単な方法です。大体こんな形のテンプレートにしたいというイメージがあれば簡単に作成する事が出来ます。ただ、色の指定などが上手く行かず、Yahooオークションサイトにタグを入力しても背景色などが上手く表示されない場合が多いです。骨格(テーブルタグ)を決める際に色々と試してみる「試作」として利用してみてください。

 テーブルタグを作成するには罫線を利用します。

鉛筆マークのペンで線を書きます。間違えたら消しゴムを利用すると線が消えます。

今回は3段テーブルにしてみました。

鉛筆マークをクリックし、へっ込みが無くなると文字を入力できるようになります。

そして、この状態で「HTML」形式として保存しましょう。

 

↓↓↓↓↓↓↓↓

 

 

作成したhtmlファイルをダブルクリックし、インターネットエクスプローラなどで開きます。その後「表示」→「ソース」をクリックします。

すると、作成されたタグが表示されます。この手のソフトの特徴として、余分なソース(タグ)が多くなってしまいます。必要な部分は<body>〜</body>タグの間にある<table>〜</table>迄ですのでこの部分のみをコピーします。

 

必要な部分のみをコーピーしました。次に余分なソースを削ぎ、Yahooオークションで利用できるようにする為にYahooオークションのサイトへ行き、デバッグを行います。(他のページで紹介したので省略)

余分なタグが削ぎ落とされたでしょうか?

====================Yahooサイトに添削されたタグ=======================

<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD WIDTH=133 VALIGN=top>
<P>商品説明
</TD>
<TD WIDTH=227 VALIGN=top>
<P>余白
</TD>
</TR>
<TR>
<TD WIDTH=360 COLSPAN=2 VALIGN=top>
<P>商品説明文
</TD>
</TR>
<TR>
<TD WIDTH=133 VALIGN=top>
<P>支払方法
</TD>
<TD WIDTH=227 VALIGN=top>
<P>余白
</TD>
</TR>
<TR>
<TD WIDTH=360 COLSPAN=2 VALIGN=top>
<P>支払方法説明文
</TD>
</TR>
<TR>
<TD WIDTH=133 VALIGN=top>
<P>発送方法
</TD>
<TD WIDTH=227 VALIGN=top>
<P>余白
</TD>
</TR>
<TR>
<TD WIDTH=360 COLSPAN=2 VALIGN=top>
<P>発送方法説明文
</TD>
</TR>
</TABLE>

=====================================================================

たったこれで骨格作成は終了しました。作成されたテンプレートです。なんだか素っ気無いですね。

商品説明

余白

商品説明文

支払方法

余白

支払方法説明文

発送方法

余白

発送方法説明文

必要に応じてタグを改変します。

例えばタグのサイズを指定したり、背景色を指定します。女性向の色にしてタブ風にアレンジしてみます。★を多用し、サイズも色々指定したので少々長くなってしまいましたが、基本となる部分は色の変更部分などです。枠無しTABLEタグのBORDER=0もポイントです。

商品説明

商品説明文

支払方法

支払方法説明文

発送方法

発送方法説明文

Auction Template Navi

 

 

 せっかくここまで作ったのでこのテンプレートも配布致します。

これで簡単にテンプレートが作成できるようになりましたが、実は更に簡単に作成する方法があったりするのです。複雑なテンプレートの作成も、応用のテンプテート公開ホームページ作成も出来てしまいます。

 

おさらい


Wordを利用することで簡単にテーブルタグが作成できる。ただし配色は難しい。

 

戻る

 

 

 

 

 

 

 

 

 

 

 

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送