67歳パソコン教師の日記 NO.1676(2005.4.8)


【テーブルアート】

 画像はドット一つひとつの色を指定したデータを基に表示されます。とい うことは、テーブルのセルを縦横1ピクセルにして、色を指定すれば良いの です。これを「テーブルアート」と言います。簡単な図形なら難しくはない ですが、複雑な画像を表示するのは至難の業です。

 SALTYトップページのヘミングメイトエンブレムは縦横85ピクセル の正方形ですから、ドット数は7225です。下記のようにセルの背景色と して指定します。でも、7225のセルを指定するのは気が遠くなるような 作業ですね。

<td bgcolor="#5151ff"></td>

 このエンブレムのように、使われている色数が少ない場合は「スタイルシ ート」を使えば少し簡略化できます。よく使われる色は下記のように予め指 定しておきます。

<style type="text/css">
<!--
td.c1 { background-color:black; }
td.c2 { background-color:white; }
td.c3 { background-color:#070745; }
td.c4 { background-color:#2020ff; }
td.c5 { background-color:#2828ff; }
td.c6 { background-color:#5151ff; }
td.c7 { background-color:#2020a2; }
td.c8 { background-color:#d9ddff; }
td.c9 { background-color:#4f4fd0; }
-->
</style>

 たとえば、<td bgcolor="#5151ff"></td> なら <td class="c6"></td> と 記述すればOKです。でも、この小さなエンブレムでも一日で作るのは難し いでしょうね。

 ところが、あっという間に作ることができる「TableArt Converter」とい うフリーソフトがあります。写真もOKですよ。下記サイトからダウンロー ドできますので試してみませんか?

 http://www.vector.co.jp/soft/win95/net/se282190.html

 ダウンロードした「TableArt110.lzh」を解凍、 →「TableArt.exe」をダ ブルクリックすれば起動します。レジストリを書き換えませんから安心です。

  1. 「TableArt.exe」をダブルクリックして起動、→「参照」ボタンをクリッ クして基になる「ビットマップ」画像を選択、→「開く」ボタンをクリッ クします。

  2. 「変換」ボタンをクリックします。→(変換が行われ、基になる「ビット マップ」画像と同じ場所に「HTML」ファイルとして保存されます。→「は い」ボタンをクリックすると「HTML」ファイルが表示されます。「表示」 →「ソース」とクリック、→どのようなタグの記述になっているかご覧くだ さい。
 「HTML」ファイルはすでに保存されていますから「保存」ボタンのクリッ クは不要です。「終了」ボタンをクリックして「TableArt Converter」を終 了します。

 ところで、保存された「HTML」ファイルは「ビットマップ」ファイルより もサイズが大きいのです。利用価値はあるのでしょうか?