リンク用バナー作りませんか
こういうの、

作って見ませんか?
このホームページ(Webページ)は、リンク・フリーです。リンクは、次のトップページにお願いします。
http://www.ucatv.ne.jp/~shuumei/kouza.htm
リンク用バナー(アイコン・ロゴ)用意しました ご利用ください。

とか、書いてある、あれ、です。
ここでは、ウェブアート・デザイナーで上の左側のリンク用バナーを実際に作ってみましょう。
<スタート>−<プログラム>−<IBMホームページ・ビルダー2001>−<ウェブアート・デザイナー>
起動!
<ボタン作成>―<ボタン作成ウィザード(形状の選択)>
<一覧>の中から、<quadra23>をクリック
<次へ>
<ボタン作成ウィザード(色の選択)>
<種類>の三つあるマークの中から、左のマークをクリック
<一覧>の中から、<#006666>をクリック
<完了>
白枠の左上に作成したボタンが出来ました。
ボタンを右クリック。
<編集>―<ボタンの編集>の<情報>クリック
<縦横比保持>のチェックマークはずします。
<横>88<縦>31と入力し<閉じる>クリック
リンク用バナーのサイズは88×31が一般的なようです。
(ちなみに、右側のバナーサイズは120×60です)
<ロゴの作成>―<ロゴ作成ウィザード(文字の指定)>
<文字>ホームページ(Enter)作成講座
<フォント名>は<富士ポップ>をクリック
<サイズ>は6と入力
<スタイル>は<アンチエイリアス>にチェックボックスをクリック
<行揃え>は<中央揃え>にラジオボタンをクリック
<次へ>
<ロゴ作成ウィザード(色の選択)>
<種類>の三つあるマークの中から、左のマークをクリック
<一覧>の中から、<#FFCC00>をクリック
<次へ>
<ロゴ作成ウィザード(縁取りの選択)>
<種類>の<縁なし>クリック
<次へ>
<ロゴ作成ウィザード(文字効果の選択)>
<種類>の<なし>クリック
<完了>
<素材集から貼り付け>―<画像>―<アイコン>―<b_ico007.gif>―<開く>クリック
ロゴやアイコンはマウスを使って移動したり大きさを変更したりしますが、
やり方のわからない人は、「デジカメ画像の補正・編集・拡大」のところを見てください。
形が決まったら<ファイル>―<名前を付けてキャンパスを保存>します。
後は、ホームページに貼り付けて、リンクを貼れば完成です。
ホームページには<Web用保存ウィザード>を使って貼り付けますが、
やり方のわからない人は、「デジカメ画像の補正・編集・拡大」のところを見てください。
これは、

どうやって作ったのでしょうか?
文字が動いて風が吹いています。
バナーの枠(120×60)と魔法使い(牛飼いとアイコンの部屋からお借りしました)は、ウェブアート・デザイナーで作ります。

こんな風です。
これは、<Web用保存ウィザード>で<ファイルに保存>した画面です。
この画面を編集し直したい場合は<名前を付けてキャンパスを保存>もしておいてください。
健康生活の文字と風は、ウェブ・アニメータで作ります。
では、実際に作ってみましょう!
<スタート>−<プログラム>−<IBMホームページ・ビルダー2001>−<ウェブ・アニメータ>
起動!
<アニメーション・ウィザード>―<アニメーション・ウィザード(アニメーションの選択)>
三つある真ん中のボタンをクリック
<次へ>
<アニメーション・ウィザード(文字アニメーションー背景の指定)>
<背景を指定する>のラジオボタンクリック<画像ファイル名>の<参照>クリック
<ファイルを開く>から上の画像をクリック
<次へ>
<文字>健康生活と入力
<フォント名>富士ポップ<サイズ>10<色>白
<効果の種類>ワイプ<効果の設定><合計時間>3秒<方向>右
<OK>
<アニメーション・ウィザード(アニメーションのプレビュー)>
文字が動いているでしょう。
<完了>
<ファイル><名前を付けて保存>してください。
次に、風を作ります。
<アニメーション・ウィザード>―<アニメーション・ウィザード(アニメーションの選択)>
三つある一番下のボタンをクリック
<次へ>
<アニメーション・ウィザード(アニメーション効果ーファイルの指定)>
<画像ファイル名>の<参照>クリック
<ファイルを開く>から上の画像をクリック
<次へ>
<アニメーション効果作成><効果の設定>風<時間>2秒
<OK>
<アニメーション・ウィザード(アニメーションのプレビュー)>
風が吹いているでしょう!
<完了>
<ファイル><名前を付けて保存>してください。
後は、ホームページに貼り付けて、リンクを貼れば完成です。
|
|
|
 |
|
|
|
| Copyright (C) 2001− Carefree Handy Man Tiger Call. All
rights Reserved. |

リンク用バナー |