ホームページ・ビルダーでWEBサイトを作ろう

動くバナーを作るのに「ウェブアニメーター」を使います。

前回用意したバナー３つを一緒にして動くアニメーションバナーにしてみましょう。

「ウェブアニメーター」の起動

・【スタート】→【すべてのプログラム】→【IBMホームページ・ビルダー】→【ツール】→【ウェブアニメーター】

１，ウエブアニメーターを起動すると下の画面が現れます

アニメーションウィザードを選択

もし現れない場合は、ツールバーのアニメーションウィザードのアイコンをクリックしてください。

アニメーションウィザードの順番に従っていきます。

複数の画像ファイルを使用してアニメーションを作成を選択

画像の追加をクリックし、保存してあるバナーファイルを選択。今回は３つのファイル。

繰り返し回数を増やしたい場合はここで選択。表示時間も延ばしてためしてください。無限に繰り返した時は、チェックを無限に入れてください。

ここで完了をクリック。

次にウェブアニメーターの画面でルールボタンより【簡単最適化】をクリックしアニメファイルのサイズを小さくする。

再度確認して、名前をつけて保存します。

完成したアニメバナーです。

　　このバナーは、動く回数５回、表示時間は1500です。ファイルサイズ2.9KB

　このバナーは、動き無限、表示時間800に指定しました。ファイルサイズ2.9KB

　このバナーは画像を２枚使用。動きは無限。表示時間は620。ファイルサイズ1.4KB

１枚の無地のバナー台から動くバナー作成

アニメーションウィザードから文字アニメーションを使用してアニメーション作成を選ぶ。

背景を指定するから【参照】でバナー台のファイルを指定。次へ

文字の欄に文字を記入。フォント・色・サイズを指定。
効果の種類を選択。効果の設定も指定し、ＯＫへ

完了。次にウェブアニメーターの画面で簡単最適化をクリックしアニメファイルのサイズを小さくする。

名前を付けて保存。

　ファイルサイズ8KB

▲↑へ