序章

• 序1　「ホームページが動く」ってどういうこと？
  • 1　ホームページで扱える動画の種類
  • 2　インタラクティブなホームページを実現するには
• 序2　本書で使うアプリケーションソフトについて
  • 1　ホームページ作成ソフト「ホームページ・ビルダー」
  • 2　Flashムービー作成ソフト「Flash5」
• 序3　アプリケーションソフトのインストール
  • 1　「ホームページ・ビルダー」のインストール
  • 2　「Flash5」のインストール

CHAPTER1　やっぱ基本はアニメーションGIF

• 1-1　アニメーションGIFってどんなもの
  • 1　パラパラマンガと同じ要領
  • 2　アニメーションGIFを使う効果
• 1-2　アニメーションGIFに使用できる素材
  • 1　どんな素材をアニメーションできる
  • 2　素材はファイルで用意しておく
• 1-3　文字を回転させる（文字に動きをつける）
  • 1　「ウェブアニメータ」の起動（共通）
  • 2　アニメーションウィザードで動く文字を作成する
  • 3　アニメーションGIFを保存する（共通）
• 1-4　1枚のイラストに効果的な動きをつける
  • 1　イラストの大きさを変更する
  • 2　1枚のイラストに動きをつける
• 1-5　2枚のイラストを使ってアニメーションする
  • 1　異なるイラストを取り込む
  • 2　アニメ効果をつける
• 1-6　コマ割りイラストを使って表現豊かなアニメを作成する
  • 1　素材の善し悪しでアニメの出来が決まる
  • 2　複数のイラストを取り込んでアニメーションGIFを作成する
• 1-7　動物を移動させたり人を歩かせる
  • 1　背景（キャンバス）を大きめにとる
  • 2　「ウェブアートデザイナー」でキャンバスの大きな画像を作る
  • 3　作成したコマをひとつずつ保存する
  • 4　アニメーションGIFを作る
• 1-8　アニメーションGIFをホームページに貼り付ける
  • 1　「ホームページ・ビルダー」でホームページを開く
  • 2　アニメーションGIF（GIFファイル）を貼り付ける
  • 3　リンクを設定する

CHAPTER2　「ホームページ・ビルダー」でインタラクティブなページを作る

• 2-1　Javaスクリプトを知らなくてもインタラクティブなページが作れる
  • 1　なぜ「ホームページ・ビルダー」を使うのか
  • 2　「ホームページ・ビルダー」で作る動くページの例
• 2-2　マウスポインタを持ってくると形や色が変化するボタン
  • 1　ボタンの画像を2枚用意する
  • 2　効果的な変化をさせるためのボタン作り
  • 3　ロールオーバー効果をつける
• 2-3　ロールオーバー効果で別の場所の画像を入れ替える
  • 1　ロールオーバー効果をつける
• 2-4　文字が電光掲示板のように流れるようにしてみよう
  • 1　文字をスクロールさせる
• 2-5　3秒後に別のページへ自動的にジャンプするページを作る
  • 1　別のページへ自動的にジャンプするページを作る
• 2-6　登場の仕方を工夫しよう（ページ上の画像を動かす）
  • 1　画像にエフェクト効果を加える
• 2-7　リンクボタンのマウスポインタの形状を変える
  • 1　リンクボタンのマウスポインタの形状を変える
• 2-8　文字の下で画像が動くようにする
  • 1　画像を動かす
  • 2　文字の下に画像を配置する
• 2-9　BGMを挿入する（ページが開いたときに音が鳴る）
  • 1　サウンドファイルをページに貼り付ける

CHAPTER3　Javaスクリプトでインタラクティブなページを作る

• 3-1　Javaスクリプトとは一体どういうものなのか？
  • 1　Javaスクリプトとは
  • 2　Javaスクリプトで何ができる？
  • 3　Javaスクリプトの記述方法
  • 4　Javaスクリプトの構造
• 3-2　ページが開くたびに背景の色が変わるページを作る
  • 1　「ホームページ・ビルダー」のサンプルJavaスクリプトを貼り付ける
  • 2　Javaスクリプトの内容を変更する
• 3-3　ホームページを訪れた人に更新した日をお知らせする
  • 1　「ホームページ・ビルダー」のサンプルJavaスクリプトを貼り付ける
  • 2　書体を変える
• 3-4　伝えたいメッセージをステータスバーにスクロールさせる
  • 1　「ホームページ・ビルダー」のサンプルJavaスクリプトを貼り付ける
  • 2　メッセージを変更する
  • 3　スクロールのスピードを変更する
• 3-5　タイトルバーとタスクバーにメッセージを表示させる
  • 1　付属CD-ROMのサンプルJavaスクリプトを開く（共通）
  • 2　Javaスクリプトをページ内にコピーする（共通）
  • 3　メッセージを書き換える
• 3-6　朝・昼・夜で自動的にページのデザインを変える
  • 1　外部スタイルシートを利用する
  • 2　Javaスクリプトをページ内にコピーする
  • 3　外部スタイルシートをコピーする
• 3-7　マウスポインタにキャラクターがついてくる
  • 1　Javaスクリプトをページ内にコピーする
  • 2　キャラクターのファイル名を変更する
• 3-8　確認ウィンドウを表示して，入る人を振り分ける
  • 1　Javaスクリプトをページ内にコピーする
  • 2　リンクのボタンを挿入する
• 3-9　タイトルが徐々に浮かび上がるようにしてみよう
  • 1　Javaスクリプトをページ内にコピーする
• 3-10　クリックしたらカンガルーが飛び出してくる
  • 1　Javaスクリプトをページ内にコピーする
• 3-11　アンケートページを作る（プルダウンメニューの利用）
  • 1　プルダウンメニューを作成する
• 3-12　もうひとつ画面を開いてページを表示する
  • 1　Javaスクリプトをページ内にコピーする
• 3-13　ボタンをクリックしたら音が鳴るようにしてみよう
  • 1　Javaスクリプトをページ内にコピーする
  • 2　リンクするボタンや文字を指定する

CHAPTER4　「HotMedia」で簡単にマルチメディアコンテンツを作る

• 4-1　「HotMedia」でJavaアプレットを簡単に作る
  • 1　Javaアプレットとは
  • 2　「HotMedia」でできるコンテンツ
• 4-2　複数の写真を連続で表示させてスライドショーを作る
  • 1　「HotMedia」を起動する（共通）
  • 2　スライドショーを作成する
  • 3　写真の切り替え効果を挿入する
  • 4　出来上がった作品を保存する（共通）
  • 5　作品をホームページに貼り付ける（共通）
• 4-3　複数の方向から撮った写真を3D風に回転させて見せる
  • 1　写真を用意する
  • 2　疑似3Dを作る
• 4-4　スクロール&ズームする地図を作る
  • 1　地図を取り込む
  • 2　表示サイズを指定する
• 4-5　すべての方向から見られるパノラマ写真を作る
  • 1　パノラマ写真を取り込む
• 4-6　動く画像の特定の場所にリンクを貼る（ホット・リンク）
  • 1　画像の一部分にホット・リンクを貼る
  • 2　別の「HotMedia」のファイルにリンクする
• 4-7　動画にBGMを挿入したり，サウンドに画像を同期させる
  • 1　BGMを挿入する
  • 2　音声に合わせて画像を貼り付ける

CHAPTER5　「Flash5」で本格的なアニメーションを作る

• 5-1　「Flash5」を使ってできるこんなことあんなこと
  • 1　Flashムービーの特徴
  • 2　Flashムービーに使える画像
  • 3　「Flash5」の動画の基本
• 5-2　Flashムービーの基本(1)　素材を取り込む
  • 1　「Flash5」を起動する（共通）
  • 2　フレームを挿入する
  • 3　イラストや写真を取り込む
• 5-3　Flashムービーの基本(2)　動きをつける（移動させる）
  • 1　モーショントゥイーンを作成する
  • 2　キーフレームを挿入する
  • 3　キーフレームの画像を編集する
• 5-4　Flashムービーの基本(3)　レイヤーを追加して背景を入れる
  • 1　レイヤーを追加する
  • 2　背景画を取り込む
  • 3　レイヤーの重なり方を変更する
• 5-5　Flashムービーの基本(4)　Flashムービーを保存する
  • 1　Flashムービーを保存する（共通）
  • 2　ホームページで公開するためのファイルを保存する（共通）
• 5-6　物が近づいてくる（遠ざかる）ようすを描こう
  • 1　キーフレームを編集する
  • 2　変化するスピードを変えてよりリアルな動きを表現する
• 5-7　背景を動かして，歩いている人を表現する
  • 1　スライドする
• 5-8　徐々に現れてくるアニメ（アルファ値の利用）
  • 1　アルファ値を設定する
• 5-9　イラストを自由自在に動かす
  • 1　モーションガイドレイヤーを挿入する
  • 2　モーションパスを描く
• 5-10　BGMをつける（アニメにサウンドを挿入する）
  • 1　サウンドファイルをライブラリに取り込む
  • 2　レイヤーにサウンドを取り入れる
• 5-11　Flashムービーがボタンで再生されるようにする
  • 1　ムービーをいったんストップさせる
  • 2　再生ボタンを挿入する
• 5-12　ムービーが途切れないように先読みさせる
  • 1　オープニングムービーは先読みさせる
  • 2　ローディングムービーを作成する
• 5-13　メニュー形式のFlashムービーを作る
  • 1　リンクボタンを作成する
  • 2　ボタンを見えなくする

CHAPTER6　ホームページで使うサウンドファイルの編集と変換

• 6-1　サウンドファイルの種類と入手方法
  • 1　ホームページで使えるサウンドファイルの種類
  • 2　サウンドファイルを入手する方法
• 6-2　オリジナルサウンドを録音しよう
  • 1　録音の準備
  • 2　録音を実行する
• 6-3　音をカットしたり，つなげて長さを調整する
  • 1　サウンドを編集する
  • 2　ファイルを保存する（MP3ファイルで保存する）

本書付属CD-ROMの使い方

• 索引