波紋JavaアプレットV2の設置

・背景
Javaアプレット素材集にて波紋JavaアプレットV2が気に入り,自分のホームページで使ってみたいと思ったとします.すでにホームページを持っていて,アップロードなどの基礎知識がある方を対象としています.

プレビュー
・環境
このページでは以下のOS及びツールを使用しますが,対応するものがあれば何でも構いません.

OSWindows XP
ブラウザInternet Explorer 6
解凍ソフトWindows XP/2000/Meに標準搭載
テキストエディタメモ帳
・設置手順
  1. Javaアプレット素材集ダウンロードボタンをクリックします.

  2. 以下のダイアログボックスが表示されるので,保存をクリックします.
    ダウンロード

  3. 次のダイアログボックスでは保存先を指定します.とりあえずデスクトップに保存しましょう.

  4. デスクトップにできたアイコンをダブルクリックします.但し,アイコンが以下と異なる場合は解凍方法(手順5, 6)が異なります.
    ファイル

  5. ファイルの内容が表示されますので,「ファイル(F)」メニューより「すべて展開...(A)」を選択します.
    全て展開

  6. 展開ウィザードが表示されますので,「次へ」をクリックして行き,「完了」まで行き着けば解凍が終了します.
    全て展開

  7. 解凍が完了するとファイルが表示されますので,テキスト文書を探して開きます.例えば波紋アプレットでは"Readme_jp.txt"と"Readme_en.txt"の二種類がありますが,"en"の方はEnglishなので,"jp"の方を選択して開いてください.
    フォルダの内容

  8. "Readme_jp.txt"をテキストエディタで開くと,中程に「★使用方法」という項目がありますが,そちらを一読してください.
    使用方法

  9. まずは背景となる画像を用意しましょう.フォルダの中には"back.jpg"という画像が入っていますが,そのまま使うのも味気ないので,他の画像を使ってみましょう.画像サイズは大きくすると遅いパソコンでの動作が厳しくなるので,サンプルの画像サイズ(210x235)に近い240x180にしました.この画像はデジタルカメラで撮った写真を加工しています.画像ファイル名は"waterback.jpg"としました.
    画像ファイル(240x180)13.3KB

  10. Javaアプレットを次のような構成のホームページに貼り付けたいとします.トップページのindex.htmlに貼り付ける場合,同じフォルダに先ほど作った"waterback.jpg"とJavaアプレット本体"DropWaterImage.class"をコピーします.(画像は追加した後です)
    ホームページフォルダへのアプレットの追加

    これは例ですが,index.htmlの現状態とそのソースコードは以下の通りです.
    設置前の例 設置前のソースコード

  11. 次に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)に上記タグを挿入した例です.
    設置後の例 設置後のソースコード

  12. 正しく表示されることを確認したら,後はお使いのホームページスペースにFTPソフトを使用してアップロードすれば完了です.
    アップロードファイルは以下の通りです.
    • アプレットを追加したHTML文書(ここではindex.html)
    • 画像ファイル(ここではwaterback.jpg)
    • アプレット本体(DropWaterImage.class)

    お疲れ様でした!
上手く設置できないなど,ご質問のある場合は掲示板にてお願いします.その際環境,アップロード先(URL)を明記してください.

Copyright © 2003 WakuWaku. All rights reserved.