| １ |
事前準備：
今回は水面に浮かぶ写真ですから、花とか景色の写真を準備して下さい。
①今回はlakeslideというフォルダーを作成し、更にその中にimgというフォルダーを
作成して於いて下さい。
②今回準備して頂く写真は、9枚の500×225ピクセルの写真です。
まず横幅500ピクセルにリサイズし、次に縦幅225ピクセルにトリミングして下さい。
1.JTrimでの方法は、ファイル→リサイズでサイズで指定する 横：500でリサイズします。
2.次にイメージ→座標指定切り抜きで、縦横比を維持するにはチェックを入れないで、
座標１はx:0、y:0とし、座標２はx:500、y:225とし、写真上で、り取り枠をドラッグ
して切り抜く範囲を決め、切り抜きテーブルのＯＫをクリックした後、名前を 付けて
保存します。写真はimgのフォルダーに入れて下さい。
③lakeslideの中にbgm用の音楽ファイルも用意して保存して下さい。
|
| ２ |
プログラムのダウンロード：
今回もQPONさんのページからダウンロードします。
この方法に慣れると､皆さんは自分で他のプログラムをダウンロードして使う事ができます
|
| 1. |
QPONさんのページ ←QPONさんのホームページから直接ダウンロードします
|
| 2. |
メニューから『波のスライド』を選択します
|
| 3. |
『ソースの必要な方はここをクリックしてコピーしてください。』をクリック
|
| 4. |
プログラムのソースが表示されますので<html>から</html>を全て選択→コピー
|
| 5. |
TeraPadを開き→貼り付け
|
| 6. |
ファイル→名前を付けて保存→lake.htmとしてlakeslideのフォルダーに保存
|
| 7. |
プログラムの下から7行目のhttp://qpon.quu.cc/java/lake/lakeslid2.jsを選択→コピー
インターネット･エクスプローラ(IE)のアドレスバーに張り付け、エンター
次のようなバーが出てきたら､保存の▼をクリックし､lakeslideのフォルダーを選択して保存
|
| 8. |
JavaApplet「lake.class」を同じ･･･と書かれた下線で示された部分を右クリックし、対象をファイルに
保存で、lakeslideフォルダーに保存します。
|
| 9. |
アドレスバーの後のlakeslide2.jsをback.gifに変えて、エンター
レンガ模様が出てきますから、レンガの上で、右クリック→名前を付けて画像を保存でlakeslide
のフォルダーに保存する |
| 10. |
blue7.jpgとimg_n089.gifは以前ダウンロードしたものをコピーし、
lakeslideのフォルダーに保存して下さい。
|
| ３ |
プログラムの編集：←ここから説明文が開きます。
lake.htmをTeraPadで開き、プログラムの編集をします。
編集後はlake.htmlとして保存します。lake.htmに上書き保存しないで下さい。
|
| ４ |
途中で動作確認：
lake.htmlをダブルクリックで開き、正常に動作すれば、lake.htmを削除します。
正常に動作しない場合は編集したlake.ｈｔｍｌをＴｅｒａＰａｄで開き、内容確認します。
正常に動作せず、異常が見つからない場合は、lake.htmから改めて編集し直します。
|
| ５ |
プログラムの一部変更：
BGM機能とホームへ戻るリンクを追加します。
入れる場所を確認、理解しましょう。
|
| ６ |
動作確認：
BGMもHomeへの戻りも正常に動作すれば、完成です。
|
| ７ |
サンプル例： ←ここをクリック
|
| ８ |
注：このプログラムはJavaをインストールしている場合に動作しますが、Javaのバージョンが
Java7からは、通常の設定ではセキュリティーでブロックされてしまいます。
これを防止するにはセキュリティーレベルを下げる必要があります。
設定変更は：スタート→すべてのプログラム→Java→Configure Java→セキュリティー→
セキュリティー･レベルは中に設定→OKをクリックします。
 |
