オールカラーで楽しく学ぶシリーズはじめて作る アニメが動く!音楽が流れるホームページ
<ホームページ・ビルダー6.5+Flash5編>

[表紙]はじめて作る アニメが動く!音楽が流れるホームページ<ホームページ・ビルダー6.5+Flash5編>

紙版発売

B5変形判/256ページ/CD1枚

定価2,178円(本体1,980円+税10%)

ISBN 4-7741-1343-3

ただいま弊社在庫はございません。

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

アニメが動く画像を作るには?音の出るページはどうやって作る?文字を動かすには?本書はホームページビルダー6.5とFlash 5,簡単なJavaScriptを使ってそんなホームページを作成する手順をはじめての方を対象にていねいに解説します。

こんな方におすすめ

  • アニメーションをホームページに取り入れたい方
  • Flashアニメーションを使ってみたい初心者

目次

序章

  • 序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の使い方

  • 索引