・背景Javaアプレット素材集にて波紋JavaアプレットV2が気に入り,自分のホームページで使ってみたいと思ったとします.すでにホームページを持っていて,アップロードなどの基礎知識がある方を対象としています.・環境
このページでは以下のOS及びツールを使用しますが,対応するものがあれば何でも構いません.・設置手順
OS Windows XP ブラウザ Internet Explorer 6 解凍ソフト Windows XP/2000/Meに標準搭載 テキストエディタ メモ帳 上手く設置できないなど,ご質問のある場合は掲示板にてお願いします.その際環境,アップロード先(URL)を明記してください.
- Javaアプレット素材集のをクリックします.
- 以下のダイアログボックスが表示されるので,保存をクリックします.
- 次のダイアログボックスでは保存先を指定します.とりあえずデスクトップに保存しましょう.
- デスクトップにできたアイコンをダブルクリックします.但し,アイコンが以下と異なる場合は解凍方法(手順5, 6)が異なります.
- ファイルの内容が表示されますので,「ファイル(F)」メニューより「すべて展開...(A)」を選択します.
- 展開ウィザードが表示されますので,「次へ」をクリックして行き,「完了」まで行き着けば解凍が終了します.
- 解凍が完了するとファイルが表示されますので,テキスト文書を探して開きます.例えば波紋アプレットでは"Readme_jp.txt"と"Readme_en.txt"の二種類がありますが,"en"の方はEnglishなので,"jp"の方を選択して開いてください.
- "Readme_jp.txt"をテキストエディタで開くと,中程に「★使用方法」という項目がありますが,そちらを一読してください.
- まずは背景となる画像を用意しましょう.フォルダの中には"back.jpg"という画像が入っていますが,そのまま使うのも味気ないので,他の画像を使ってみましょう.画像サイズは大きくすると遅いパソコンでの動作が厳しくなるので,サンプルの画像サイズ(210x235)に近い240x180にしました.この画像はデジタルカメラで撮った写真を加工しています.画像ファイル名は"waterback.jpg"としました.
- Javaアプレットを次のような構成のホームページに貼り付けたいとします.トップページのindex.htmlに貼り付ける場合,同じフォルダに先ほど作った"waterback.jpg"とJavaアプレット本体"DropWaterImage.class"をコピーします.(画像は追加した後です)
これは例ですが,index.htmlの現状態とそのソースコードは以下の通りです.
- 次にJavaアプレットを貼り付けたいHTML文書(トップページならindex.html)のソースコードを表示し,アプレットを表示したい場所に指示されたタグを書きます.但し,画像ファイルを変更しましたので,変更部分を赤色で示します.
<APPLET CODE="DropWaterImage.class" WIDTH="240" HEIGHT="180"> <PARAM NAME="IMG" VALUE="waterback.jpg"><!-- 背景画像 --> <PARAM NAME="BACK" VALUE="FFFFFF"><!-- 背景色 --> <PARAM NAME="FORE" VALUE="6655FF"><!-- 文字色 --> <PARAM NAME="URL" VALUE="http://hp.vector.co.jp/authors/VA012735/"><!-- リンク --> <PARAM NAME="TARGET" VALUE="_self"><!-- 表示フレーム --> JAVA対応のブラウザでご覧ください。 </APPLET>先ほどの例(index.html)に上記タグを挿入した例です.
- 正しく表示されることを確認したら,後はお使いのホームページスペースにFTPソフトを使用してアップロードすれば完了です.
アップロードファイルは以下の通りです.
- アプレットを追加したHTML文書(ここではindex.html)
- 画像ファイル(ここではwaterback.jpg)
- アプレット本体(DropWaterImage.class)
お疲れ様でした!