スライドショー 画像定義ファイル slide_data.js→画像一覧 HTML文　作成ツール　　　　　　 2003.3　Ver1.0　　　 (c) オートスクロール　パノラマギャラリー　 

５　HTML作成方法

 　　ツールの　tool_js_pic_conv01.htm　を 画像データ定義ファイルから、一覧表示ページ用 HTML に変換する対象の slide01 フォルダに保存し、これを実行して、このページが開きました。

1)　下の罫線の指定をする

2)　画像表示ボタンをクリックし 一覧ページの状態を確認し　「 戻る 」ボタンでこのページに戻る

　　　（　ここで表示されるページは、背景やタイトルはなく、画像と説明文についてのみ　）
　　　（　当サイトでの表示中にボタンをクリックすると、例として 当ページスライドショー　No.54　春先の花　マクロとノーマルで表示します。　）
　　　

　　　・　正しく表示されている場合　　　　→　3)　に進む

　　　・　これで画像枠のイメージを修正したい場合　　　　→　設定を修正。

　　　・　画像や説明文が正しく表示されない場合、
　　　　→　このファイル　tool_js_pic_conv01.htm　が正しいフォルダに置かれているかチェック。
　　　　　　スライドショーが正しく表示されている　slide01フォルダかどうかチェック。
.
3)　HTML表示ボタンをクリックし表示されたHTMLタグを表示する。

　　

4)　右の例のようにHTMLタグが表示されるのでこの文字全てをコピーする。

5)　編集ソフトで画像一覧基本ページ　のHTMLタグを開く。

6)　コピーしておいたHTMLタグを　基本ページの画像一覧を表示したい位置に貼り付ける。

　　基本ページの　「　この下に画像一覧を貼り付け　」　の文字を目印に
　　その下に貼り付け、確認したら　この文字を削除します

 		　HTMLタグ表示例 
<center><div align='center'>
<BR><BR>

<table border='8' bordercolorlight='#C0C0C0' bordercolordark='#808080' bgcolor='#FFFFE0' cellpadding='3' cellspacing='5'>
 <tr><td valign='middle' colspan='2' nowrap bgcolor='#FFFFE0' rowspan='10'>
<img src='misumisou01.jpg'>
 </td></tr>
</table><BR>

<table border='0' width='600'>
 <tr><td><font color='#008000'>No.1　　ミスミ草　マクロ　直径2cmほどの小さな花の蘂がこんなに複雑・多彩　　</font>

　（　以下省略　）
　画像一覧ページを作成するディレクトリ　＝　 
　画像の枠　；　罫線の指定　規定値に対し下の指定を修正することができます
罫線の幅 　左の３カ所に　０　（ゼロ）を入力すると、罫線が表示されなくなります。
セル間のスペース 　
セル内のスペース 　
　色の指定
明るい罫線 黒 赤　 橙　 黄　 緑　 紫　 灰　 白　 色コード指定： （ 例；#C0C0C0 のように；半角）
暗い罫線 黒 赤　 橙　 黄　 緑　 紫　 灰　 白　 色コード指定： （ 例；#808080 のように；半角）
背景 黒 赤　 橙　 黄　 緑　 紫　 灰　 白　 色コード指定： （ 例；#FFFFE0 のように；半角）
説明文の表示幅 　この幅を超えた説明文は自動的に改行されて表示されます。　No. 表示も含んだ幅です。
　規定値での枠表示は次のようになります。
.　
7)　これで画像一覧ページが完成です。
　　プレビューでページを確認しｏｋなら　名前を付けて保存します。

　　必要に応じページの装飾等を追加して下さい。
　　毎回同じ変更をする場合は　画像一覧基本ページを修正しておくと便利です。
　　応用編　４．１　既定値の変更　をご覧下さい。

8)　完了したらツールの　tool_js_pic_conv01.htm　ファイルは slide01 フォルダから　削除して構いません。