初心者向けスライドショー作成のステップバイステップ手順書

パソコンには極初心者という人を対象にしてステップバイステップで手順を示してあります。
あらかじめ準備する必要なプログラムやファイル等はなく、Windows付属の「メモ帳」で手入力からスタートすることが出来ますが、
手間を省くため、ひな型(template)などをあらかじめ用意してありますので、ひな型をこちらからDownloadして下さい。
Browser画面上にDownloadされたメッセージが表示されたら完了です。クリックで即開くことも出来ますが、まづは次のステップに進みます。

📁 新しいスライドショー用フォルダーの作成

   ① PCの ”ドキュメント” フォルダーを開く。
   ② フォルダー内の空白部分でマウスを右クリックし「新規作成」を選択を左クリック、さらに「フォルダー」を選択を左クリック。
   ③ 「新しいフォルダー」というフォルダーが作られ、フォルダー名が変更可能状態になっているので好きな名前を入力。
   ④ ここでは仮にslideshowとして下さい。

📄 新しいプログラム用ファイルの作成

   ⑤ PCのダウンロードフォルダーにtemplate.zipがDownloadされていますので、この圧縮ファイルを「すべて展開」のボタンで解凍して下さい。
     この時展開先は「ドキュメント」フォルダ内で先に作ったslideshowフォルダを選んでください。4個のファイルがそこに展開されます。
   ⑥ template.htmlファイルは以後も使用したいのでコピーを作る。template.htmlを右クリックで「コピー」を選び、今度は右クリックで「貼付け」を選ぶ。
   ⑦ 出来たコピーファイルを右クリックで「名前の変更」を選び、使用するファイル名を仮にMyShowと変更して下さい。    

🖊 メモ帳でファイルの一部変更と完成作業

   ⑧ スライドショーに使う写真をフォルダーに入れる必要があります。写真は普通は「ピクチャ」フォルダーに保存されているので、
     そこから Copy&Past を行う(又はDrag&Drop)。(サンプルとしてYorkie.jpgを入れてありますが、それを使用なら不要です。)
     オーディオファイルは普通は「ミュージック」フォルダーにあり、同様の操作を行う。(サンプルのFreeMusic.mp3を使用なら不要です。)
   ⑨ メモ帳を起動しフォルダ内のMyShow.htmlファイルをメニューの「開く」から読み込む。
     所有のオーディオファイル名を仮にabc.mp3とすると music="./abc.mp3";に編集する。
     又、ピクチャ名も同様、仮にxyz.jpgとすると slide[n++]="xyz.jpg|||||||"; に編集して、MyShow.html を保存する。

😊 作成されたプログラムの実行

   ➉ MyShow.htmlをクリックすれば実行されます。一応の完成です。

💻 説明テキスト及び各種効果の追加

   ⑪ 実行可能を確認出来れば、テキスト及び各種効果の追加で完成させて下さい。
     更なる写真の追加は slide[n++]="???.jpg|||||||"; の様な行を挿入追加して行くだけです。
     例えば、Yorkie.jpgとFreeMusic.mp3を使用し、各種効果の追加で完成させたものを参考に完成例として入れてあります。

🌐 完成作品をインターネット上に公開する

   ⑫ 自分のPC上で楽しむだけなら、これで終わりです。
     インターネット上に公開したい場合は、ネット上に ”アップロード” が必要になります。(上級者対象)
     その為には、ネットの業者との間で自分の ”ホームページ” スペースの設ける手続きが必要になります。
     手続き詳細は省略しますが、有料のものも無料のものも有ります。無料のものは概して勝手に広告が挿入されるものが多いようです。



© Heizodani 2010, All rights reserved.   Last update: