NPO 法 人 いきいきネットとくしま 第 95 回 定 例 勉 強 会 森 の 日 2012 年 5 月 23 日 担 当 : 今 柴 有 美 子 折 り 紙 飛 行 機 を 飛 ばして 遊 ぼう 折 り 紙 飛 行 機 を 飛 ばして 写 真 の 動 画 を 楽 しむためには Java という 無 料 のフリーソフ トが 必 要 です Java とは 1 ネットワークを 通 じて Web プラウザにダウンロードされ プラウザのウィンドウ に 埋 め 込 まれて 実 行 される Java プログラムのことです 2 Java 言 語 によりプログラムされたものは アプレット と アプリケーション の 2 種 類 に 分 けられます 3 アプレット www 上 で 配 布 され www プラウザの 画 面 内 で 実 行 されます 4 アプリケーション www とは 関 係 なく 普 通 のワードやエクセルと 同 様 にコンピュータ 上 で 独 立 して 実 行 させることができます (ただし アプリケーションの 実 行 には Java の 動 作 環 境 が 必 要 です) 1. Java のソフトをダウンロードします 1インターネットを 起 動 します 検 索 ボックスに java と 入 力 し 検 索 します ( 窓 の 杜 Java でも 同 じ) 2 一 覧 から 無 料 Java ソフトウェアをダウンロード をクリックします ア イ 実 行 をクリック 3 あなたが 開 始 したプログラムで 有 る 場 合 は 続 行 してください と 表 示 されるので 続 行 をクリックします 1
4 Java へようこそ の 画 面 が 表 示 されるので インストール をクリックします 5 Java セットアップ 進 行 中 画 面 が 表 示 されます 6 Java セットアップ 完 了 画 面 が 表 示 されるので 閉 じる をクリックします インストール が 完 了 しました 7 次 のメッセージが 表 示 されるので 有 効 にする をクリックします 2. 折 り 紙 飛 行 機 作 成 前 の 準 備 1) 写 真 のサイズ 変 更 とファイル 名 の 変 更 1 折 り 紙 飛 行 機 で 使 用 する 写 真 11 枚 を 保 存 してある 場 所 で 適 当 に 縮 小 します 縮 專 使 用 640 480 2 使 用 する 写 真 を 右 クリックして 名 前 の 変 更 をします ファイル 名 を 1.jpg~11.jpg( 半 角 英 数 )に 変 更 します 2
3. 折 り 紙 飛 行 機 の 作 成 1) 拡 張 子 を 表 示 します スタート ボタン コンピューター 整 理 フォルダと 検 索 のオプ ション 表 示 タブ 詳 細 設 定 登 録 されている 拡 張 子 は 表 示 しない のチェックをはずします 2)フォルダを 作 成 します デスクトップに 新 しいフォルダ (フォルダ 名 :hikouki) を 作 ります フォルダ 名 は 半 角 英 数 であれば 何 でもOKです 1 デスクトップ を 右 クリック 新 規 作 成 サブメニューの フォルダー をクリックします ダー が 作 成 されました デスクトップに 新 しいフォル 2 新 しいフォルダー を 右 クリック 名 前 の 変 更 をクリック フォルダ 名 を 3
半 角 英 数 で hikouki とします 3 フォルダ hikouki をダブルクリックして 開 きます 4 開 いた 画 面 の 中 で 右 クリックして 新 しい 写 真 のフォルダを 作 成 (フォルダ 名 : img)します 5 フォルダ 名 img の 中 に 11 枚 の 写 真 をコピーして 貼 り 付 けます (フォルダ 名 もファイル 名 も 今 回 はすべて 半 角 英 数 であること) 6 Class のファイル 14 枚 を hikouki フォルダに 貼 り 付 けます 4
7 音 楽 ファイルを hikouki フォルダに 貼 り 付 けます 音 楽 は midi でも mp3 でもかまいません 3)HTML ファイルを 作 成 します(メモ 帳 で 作 成 ) 1 先 頭 の<html>から</html>までをドラッグして 選 択 します <html> <head> <meta http-equiv= Content-Type content= text/html;charset=shift_jis > <title> 折 りがみ 飛 行 機 </title> </head> <body bgcolor= #191970 ><center> <P><FONT color="#ffffff"> 音 楽 が 流 れるページです </FONT> <EMBED src="tottori.mid" autostart="true" hidden="true" loop="true"> </P> <p><font color= #ffffff size= 6 <b> 折 りがみ 飛 行 機 で 動 画 を 楽 しみましょ う </b></font> <br><br> <b><font color= #ffff11 size="4"><marquee> 写 真 は 勝 浦 町 ガーデンタイムこのむの 可 憐 な 初 夏 の 花 々です </marquee><br> 音 楽 は 鳥 取 砂 丘 mid </font></b></p></center> <center> <applet code="photoalbum.class" width=676 height=516> <param name="developer" value="demicron (www.demicron.se)"> <param name="userinterface" value="standardui"> <param name="standardui.maincolor" value="e0e0e0"> <param name="standardui.usepausebutton" value="no"> <param name="standardui.innerborderwidth" value="2"> 5
<param name="standardui.middleborderwidth" value="12"> <param name="standardui.outerborderwidth" value="4"> <param name="transtime" value="8000"> <param name="timeout" value="90000"> <param name="pause" value="5000"> <param name="minframenr" value="150"> <param name="bgcolor" value="c0c0c0"> <param name="fxmod0" value="liquidfxmod"> <param name="fxmod1" value="origamifxmod"> <param name="fxmod2" value="brushfxmod"> <param name="fxmod3" value="zoomfxmod"> <param name="fxmod4" value="unseenwindsfxmod"> <param name="fxmod5" value="blackholefxmod"> <param name="fxmod6" value="origamifxmod"> <param name="fxmod7" value="brushfxmod"> <param name="fxmod8" value="blackholefxmod"> <param name="fxmod9" value="origamifxmod"> <param name="fxmod10" value="zoomfxmod"> <param name="image0" value="img/1.jpg"> <param name="image1" value="img/2.jpg"> <param name="image2" value="img/3.jpg"> <param name="image3" value="img/4.jpg"> <param name="image4" value="img/5.jpg"> <param name="image5" value="img/6.jpg"> <param name="image6" value="img/7.jpg"> <param name="image7" value="img/8.jpg"> <param name="image8" value="img/9.jpg"> <param name="image9" value="img/10.jpg"> <param name="image10"value="img/11.jpg"> </applet> <br> <br> </body> </html> 6
1 ホーム タブをクリック クリップ グループの コピー をクリック 2 スタート ボタンをクリック すべてのプログラム アクセサリー の メモ 帳 をクリックします メモ 帳 画 面 が 表 示 されます 3 編 集 タブの 貼 り 付 け をクリックします メモ 帳 にソースが 張 り 付 きます 自 分 用 の 写 真 や 音 楽 を 使 われた 方 は html ファイルのソースを 参 考 にして 日 本 語 で 表 示 されている 部 分 を 変 更 しましょう テキスト 通 りの 方 はそのまま 使 います 7
4 メモ 帳 を 名 前 を 付 けて 保 存 します メモ 帳 の ファイル 名 前 を 付 けて 保 存 ファイル 名 は (d.html)とします ファイルの 種 類 は(すべてのファイルとする) 保 存 場 所 デスクトッ プ にあるフォルダ hikouki 5 メモ 帳 を 閉 じます 6 スタート デスクトップ hikouki フォルダを 開 きます 7 hikouki フォルダの 中 にはフォルダ 1 ファイル 16 が 入 っています 合 計 17 注 音 楽 は 自 分 好 みの ものを 入 れてくだ さってかまいません ただし 拡 張 子 は.mid [.mp3]です 4. 折 り 紙 飛 行 機 の 完 成 を 確 認 1フォルダ hikouki の 中 の d.html をダブルクリックして 開 きます 2 下 記 のメッセージが 表 示 されます 許 可 をクリックします 8
完 成 折 り 紙 飛 行 機 が 飛 びます 音 楽 も 鳴 ります 参 考 事 項 タブ の 説 明 <html>~</html> HTML 文 書 であることを 宣 言 する <head>~</head> ページの 情 報 を 記 述 する 画 面 には 表 示 されない <title>~</title> タイトルバーに 表 示 する <body>~</body> 画 面 に 表 示 する 部 分 を 表 示 する <metahttp-equiv= Content-Type content= text/html;charset=shift_jis > 文 字 コード <body bgcolor= #191970 > 背 景 の 色 数 字 は 色 の 種 類 <marquee>~</ marquee > 右 から 左 へスクロール <b>~</b> 太 字 <p>~</p> 段 落 を 作 る 前 後 が 1 行 空 く <font color= #ffffff size= 6 こんにちは></font> フォント 色 サイズ 9
<br> 注</br>は 不 要 改 行 する <center>~</center> 中 央 揃 え 折 角 作 成 した 折 り 紙 飛 行 機 は 子 供 に 見 せたり 孫 に 送 ったり 友 人 に 送 ったりしたいです ね ホームページやブログ フェイスブック などお 持 ちの 方 はリンクを 張 ればそれでい いのですが お 持 ちでない 方 でもサーバーにアップロードして URL を 見 せたい 人 に 送 って 見 せることができます その 為 には 次 のような 2 つの 準 備 作 業 が 必 要 です 1.ヤフーのID を 登 録 してホームページのアドレスを 取 得 します 2.FFFTP をダウンロードします ご 自 宅 のパソコンでヤフージャパンにID( 身 分 証 明 書 のようなもの)を 登 録 して ホー ムページのアドレスを 取 得 してみてください チャレンジしましょう 10