ホームページビルダーで動くバナーを作成してみよう

動きのあるバナーは、数枚の静止画像を順番に表示させたものです。
ホームページビルダーで出来ます。

このようなバナー

を実際に作ってみましょう。

参考ＨＰ　http://web.poporo.net/home/ironman/
　　　　　　　

大きさは
　　　　　　４６８×６０
　　　　　　２３４×６０
　　　　　　１２５×１２５
　　　　　　１２０×９０
　　　　　　１２０×６０
　　　　　　８８×３１

今回は８８×３１のマイクロボタンを作ってみます。

	１『ツール』から『ウェブアートデザイナーの起動』をクリック。
	２『オブジェクト』から『ボタンの作成』
	３ボタン作成ウィザードの中から選択し、『次へ』をクリック。
	４色を選択し、『完了』。
	５作成されたボタンをダブルクリックし、『ボタンの編集』ウィンドを開く。情報タブの縦横比保持のチェックを外し、幅８８、高さ３１にする。
	６次に『オブジェクト』『ロゴの作成』
	７ロゴ作成ウィザードを開き、文字を記入
	８出来たロゴをダブルクリックし、大きさを幅８５高さ２８くらいにする。
	９ボタンとロゴがバラバラなので、グループ化する。右下に表示されてあるボタンとロゴを、Shiftキーを押しながら、それぞれを左クリックすると青枠で囲まれます。そのまま右クリック、『グループ化』を押す。
	１０グループ化されたのを確認したら、『ファイル』『オブジェクトの保存』で名前を付けて保存します。 ※名前を付けてキャンバスを保存にしな　　いよう注意。
	１１ロゴの色を変える。右クリックし『グループ解除』する。
	１２右下のロゴをダブルクリックし、色を変える。
	１３９と同じようにグループ化し名前を付けて保存する。１１～１３を繰り返し、数枚作成する。
	１４『ツール』『ウェブアニメータの起動』
	１５スタートアップのウィンドが開きます。『アニメーションウィザード』を選択。
	１６『数枚の画像ファイルを使用してアニメーションを作成』を選択。
	１７『画像の追加』を押し、ファイルの中から画像を順番に選択する。『次へ』をクリック。
	１８無限をチェック、表示時間を調整。『次へ』をクリック。
	１９プレビュー画面でチェックし、『完了』する。
	２０名前を付けて保存をします。ここでは、bana27.gifとします。
	２１ bana27.gifを開く。
	２２『効果』『文字アニメーションの追加』
	２３文字を記入、『スクロールを選択』、スクロール方向左、色を選択し『ＯＫ』

以上、おわかり頂けたでしょうか？

	１『ツール』から『ウェブアートデザイナーの起動』をクリック。
	２『オブジェクト』から『ボタンの作成』
	３ボタン作成ウィザードの中から選択し、『次へ』をクリック。
	４色を選択し、『完了』。
	５作成されたボタンをダブルクリックし、『ボタンの編集』ウィンドを開く。情報タブの縦横比保持のチェックを外し、幅８８、高さ３１にする。
	６次に『オブジェクト』『ロゴの作成』
	７ロゴ作成ウィザードを開き、文字を記入
	８出来たロゴをダブルクリックし、大きさを幅８５高さ２８くらいにする。
	９ボタンとロゴがバラバラなので、グループ化する。右下に表示されてあるボタンとロゴを、Shiftキーを押しながら、それぞれを左クリックすると青枠で囲まれます。そのまま右クリック、『グループ化』を押す。
	１０グループ化されたのを確認したら、『ファイル』『オブジェクトの保存』で名前を付けて保存します。 ※名前を付けてキャンバスを保存にしな　　いよう注意。
	１１ロゴの色を変える。右クリックし『グループ解除』する。
	１２右下のロゴをダブルクリックし、色を変える。
	１３９と同じようにグループ化し名前を付けて保存する。１１～１３を繰り返し、数枚作成する。
	１４『ツール』『ウェブアニメータの起動』
	１５スタートアップのウィンドが開きます。『アニメーションウィザード』を選択。
	１６『数枚の画像ファイルを使用してアニメーションを作成』を選択。
	１７『画像の追加』を押し、ファイルの中から画像を順番に選択する。『次へ』をクリック。
	１８無限をチェック、表示時間を調整。『次へ』をクリック。
	１９プレビュー画面でチェックし、『完了』する。
	２０名前を付けて保存をします。ここでは、bana27.gifとします。
	２１ bana27.gifを開く。
	２２『効果』『文字アニメーションの追加』
	２３文字を記入、『スクロールを選択』、スクロール方向左、色を選択し『ＯＫ』