Webページづくりにチャレンジ

　Nichibun.netは，日本文教出版が運営する，高等学校「情報」のサポートサイトです。

□はじめて学ぶシリーズ
■はじめてのコンピュータ
■はじめてのインターネット
■はじめての電子メール

□ソフトを使ってみよう
■JustSystem 一太郎
■Microsoft Word
■Microsoft Excel
■Microsoft PowerPoint
■Microsoft Paint
■Adobe Illustrator
■Adobe Golive
■Mcromedia Flash
■Jasc PaintShop Pro
■HTML
■3DCG
■Computer Music
■Word・Excel小技集
■オリジナルグッズの制作

□Webページづくりにチャレンジ
－Webページの制作
■インターネットって何？
■なぜWebページ
■Webページ制作の流れ
■Webページのプランニング
■情報の収集・検索・整理
■画像の取り込み
■画像の豆知識
■色の豆知識
－タイトルロゴの制作
■ロゴの制作/Fireworksって何？
■新規ファイルの作成
■ロゴの作成
■効果をつける
■保存する
－アニメーションの制作
■ロゴアニメーションの制作/Flashって何？
■新規ファイルの作成
■文字の入力
■シンボル作成
■フレーム作成１
■フレーム作成２
■ロゴの拡大縮小
■保存と書き出し
■キャラクターアニメーションの制作/Flashって何？
■新規ファイルの作成
■キャラクター作成
■ライブラリ利用１
■ライブラリ利用２
■アニメーション
■保存と書き出し

　最後に，この３つのロゴが拡大して散らばっていくようなアニメーションの指定を行います。「Welcome」レイヤーのタイムライン「50」にカーソルを合わせ，キーフレームを挿入し，「修正」メニューから「変型」の「伸縮」を選択します。ここで「Welcome」ロゴが選択されますので，ドラッグで最大まで拡大します。

　ロゴを拡大するとともに消えていくように設定します。「Welcome」ロゴをダブルクリックすると，「インタンスプロパティ」のダイアログがでてきますので，「カラー効果」タグを選択し「カラー効果」をアルファにし，アルファを0％にします。そうすると，ロゴが透明になります。

　タイムライン「30」～「50」の間をダブルクリックし，フレームプロパティの「トゥイーン設定」をモーションにします。
　これで，３つのロゴが揃った時点で，ロゴが拡大されると同時に消えていく動作が完成します。「to」「My Pages」も同様に設定し，これでアニメーションの設定が完成します。

前に戻る

Webページの制作
インターネットって何？	なぜWebページ	Webページ制作の流れ	Webページのプランニング
情報の収集・検索・整理	画像の取り込み	画像の豆知識	色の豆知識
タイトルロゴの制作
ロゴの制作/Fireworksって何? －新規ファイル作成－ロゴの作成－効果をつける－保存する
アニメーションの制作
ロゴアニメーションの制作/Flashって何? －新規ファイル作成－文字の入力－シンボル作成－フレーム作成１－フレーム作成２－ロゴの拡大縮小－保存と書き出し
キャラクターアニメーションの制作/Flashって何? －新規ファイル作成－キャラクター作成－ライブラリ利用１－ライブラリ利用２－アニメーション－保存と書き出し