「Jsmoc 使用例」 　　　Last updated: Jul 23, 2000.

戻る

「Jsmoc Ver 2.0」

　フレーム数２個のサンプル作成手順による使用法の例です。但し、動作環境は(Win98+IE5.01→IE5.5)です。
 お断り、この手順・使用法は参考です。
　自己責任でご利用して下さい。また、最新バージョンへの追従に遅れをとる事があります。

 
 Ａ．操作の基本
　 ①画像ファイル認識
　　 Browse(橙色)釦をクリックまたはTextBox(白枠)内をダブルクリックすると
　　 サブウィンドウが開く、サブウインドウで画像ファイルを認識させる。
　 ②背景色設定
　　 BG Color(背景色)はColors(橙色)釦をクリックするとサブウインドウが開く、
 
　左図サブウインドウの右2番釦→色ウインドウで、
　色を選択して、背景色を設定する。
　注）BG Image(背景画像)指定時は無効




Ｂ．準備
 ①新規フォルダ mous-ovr を適当なルート下に作成
　 完成時に作成される .htmファイルがここに置かれる。
 ②ボタン画像を作成
　 ボタンからマウスが離れている時の画像 mous-off.jpg と乗った時の画像 mous-on.jpg を作成し、
　フォルダ mous-ovr に置く。 注）ボタン画像の作成には Tek Gradator を使用致しました。
 ③リンク先のページを作成
　 ボタンがクリックされた時にリンクする item.htmを作成し、フォルダ mous-ovr に置く。

Ｃ．ボタン１個のサンプル作成
 ①ボタンからマウスが離れている時の画像と乗った時の画像を設定
　 マウスが離れている時の画像mous-off.jpgをNormal Buttonに、
　乗った時の画像mous-on.jpgをMouse Overにそれぞれ設定する。
 ②On ClickとHighlight Imageの設定
　 この機能を使用しないため、Disable Button(x紺色)釦で共に禁止にする。
　On Clickはボタンをクリックした時に画像を表示する機能。
　Highlightはマウスがボタンに乗った時にボタンとは別の画像を替える機能。
 
 ③Link toの設定
　 ボタンをクリックした時にリンクする"item.htm"ページを設定する。
 ④Framesの設定
　 フレーム数"２"を選択。
 ⑤BG Imageの設定
　 背景に画像を使用せず、よって設定なし。
 ⑥BG Colourの設定
　 背景に背景色を使用のため、Colors釦をクリックし背景色を設定する(左図)。
 
 ⑦Status Bar Textの設定
　 マウスがボタンに乗った時にブラウザーのテキストボックスに
　メッセージ表示させるため、TextBoxに"アイテム ページへ"を設定する。
 ⑧ボタンWidth,Heightの設定
　 ボタン画像のサイズは160wx160hであるが、Lockを解除し16wx16hに
　設定後Lock(左図)。
 ⑨HTMLファイルの自動作成
　 HTML(立て札)をクリックすると"index.htm,contents.htm,main.htm"
　がフォルダ mous-ovr 内に作成される。

Ｄ．ボタンｎ個のサンプル作成
 ①２個目のボタン作成
　 New Button(+白色)をクリックすると、表示ウィンドウがリセットする。
　以下、前項Ｃ．①～⑨の手順に従って操作するとボタン２個対応の index.htm,contents.htm,main.htmが作成される。
　ここまでに、使用・完成した ボタン画像・完成サンプル 。
　但し、③Link toの設定においては、ボタンをクリックした時にリンクする"main.htm"ページを設定する。
　また、⑦Status Bar Textの設定においては、TextBoxに"メイン ページへ"を設定する。
 ②ｎ個目のボタン作成
　 ３個目以降も、２個目の作成と同様で作成出来る。

Ｅ．完成ファイルの使用方法
　 完成した index.htm,contents.htm,main.htm の内、main.htmは内容が白紙なので適当なHTMLエディタにて、
　内容を追加する事。contents.htmも必要に応じて内容に手を加えて使用する事。
　index.htmは手を加える必要は有りません。


　ここで使用・作成されたボタン画像・完成サンプルの使用はご自由に、連絡は必要ありません。