飾り タイトル

講座


ホームページ・ビルダーに付属している「ツール」を使うと、オリジナルのロゴやボタンを作ったり、アニメや動きのある画像を作ったりすることができます。今回は「ウェッブ アートデザイナー」「ウェッブ アニメータ」「ホットメディアクリエーター」の使い方を学んで“動きのある楽しいホームページ”を作ってみましょう。

ホームページビルダーには、こんなツールが付属しています
ウェッブ アートデザイナーロゴ・ボタン・簡単な地図などを作成できる、画像作成ツール
ウェッブ アニメータぱらぱらまんがのようにアニメーションGIFが作成できる
HotMedia クリエーター写真・パノラマ画像・ビデオなどを組み合わせ、マルチメディアコンテンツが作成できる
ファイル転送サーバーへのファイル転送が個別にできサーバー内のファイルを管理できる
ウェッブビデオ スタジオ動画の編集加工ができページに貼り付けることが可能
デジすたマーカー2見えないすかし文字やスタンプを入れることができる
 デジタルコンテンツの不正利用を防ぐ

  ♪講習の予定(講習の進み具合により内容が少し変わることがあります)
 内  容使用するツール
1回目画像にロールオーバー効果をつけてみよう
オリジナルのロゴやボタンを作ってみよう
ビルダー
ウェッブ アートデザイナー
2回目アニメーションを作ってみよう
・文字のアニメーション
・画像のアニメーション
ウェッブ アニメータ
(ウェッブ アートデザイナー でアニメ原画作成)
3回目動く写真集を作ってみよう
・画像の入れ替え表示(アニメーション表示)
・画像を横にスライド表示(スクロール表示)
HotMedia クリエーター
(ウェッブ アートデザイナーで画像の作成が必要)
4回目まとめ“楽しいホームページを作ろう”
BGM/スライドショー/マーキー etc..
検索エンジンに登録
ビルダー

パンダ
画像にロールオーバー効果をつけてみよう

ブラウザに表示された画像の上に「マウスポインタ」を置くと別の画像に置き換えられ「マウスポインタ」を画像の外に出すと元の画像に戻ります。
それでは、左のパンだの絵にマウスポインターを載せてみましょう。

テキスト2
オリジナルのロゴやボタンを作ってみよう

アートデザイナーを使うと素材集にあるボタンやイラストなどを自由に加工することができます、オリジナルのボタンやロゴを作って使ってみましょう

 
アニメーションを作ってみよう
・文字をアニメーションにしてページの見出しなどに使うと動きのあるページになります。
・画像をアニメーション表示にすると沢山の画像を小さいスペースで紹介できます。
サンプル
サンプル


テキスト3
 

動く写真集を作ってみよう
「HotMediaクリエーター」で、画像のアニメーション表示やパノラマ表示・動画編集など、たくさんの画像編集が出来ます。

・画像の入れ替え表示(アニメーション表示)
ちょっと高等技術の感じがしますね

・画像をスライド表示(スクロール表示)
 
動きのある楽しいホームページをつくろう
サウンド
音楽やテロップを作ってみよう
・文字をテロップで流して見よう

・音楽を鳴らすには(サウンドの埋め込み)
 この画面ではサウンドを鳴らしていません

button