PC研修会０９ テキスト
ホーム > PC研修会 > ホームページビルダー活用
・ ボタンの作成＆ロールオーバー効果
ボタン作成
ホームページ・ビルダーでは複数の文字や画像を組み合わせて、1つの画像にしたものを「ボタン」といいます。
ツールバーのボタンの挿入⇒文字入力⇒ボタンの編集・詳細設定⇒完了
ロールオーバー効果
画像を1つだけ用意しておき、その画像に対してある効果を加えることによって、もう1つの画像を作成します。
そして、それら2つの画像をロールオーバー効果で切り替えるように設定して、編集中のページに挿入します。
- ホームページビルダーを立ち上げます。次に前回のindexを開きます。
- 挿入⇒ボタンをクリック、ボタン挿入でもOK
- ボタンの作成で文字を「Web 道場」と入力
- 編集するのでどれでも良いが、まずはオーソドックスな横長のものを選ぶほうが良いでしょう。
- 詳細設定をクリック⇒ロゴをクリック⇒編集をクリック⇒フォントなどを編集
次にボタンをクリック⇒編集をクリックぼたんの種類・色などを選びます。
- 続いてボタンとロゴの調整です。
幅・高さを上部のプレビューを見ながら
カチカチ微調整を行ってください。
-
後は完了でindexに貼り付けられます。
- 今回はロゴの続きのようなものなので、簡単に出来たと思います。
続いてロールオーバーを作成します。
-
indexに貼り付けたボタンをクリック⇒メニューバーから｢挿入｣⇒「画像加工」⇒「ロールオーバー効果」を選択します。
- ウィザードが立ち上がり、選択したボタンが表示されれば次へをクリック
- 次に効果の選択をクリックするといろんな効果が表示されます。
マウスポインターを持っていった時にの表示を選びます⇒OKをクリック
- ここで、右側で効果を確認してください。
- ボタンにリンクを張るので、Web 道場のTOPページを指定してください。
- 次にターゲットの指定をします。
右の下向き三角のプルダウンメニュウをクリックし「新ウィンドウ」に替えて⇒次へをクリック
- 次は他の場所の画像の交換はしないので完了をクリック
indexにうまく表示されたでしょうか
- 後は保存をしてアップロードです。
今回もサムネイル同様、１つの画像で保存は２つになるので、
画像のアップロードにはくれぐれもお気をつけて行ってください。
- A.chief 完成品
| 2003/9/24 |
尚、このテキストは松原駅前商店会 PC研修会で使用されたテキストです。
ご意見・ご質問・リクエスト等は、専用掲示板にご記入下さい。 【 事業部 】 |
|
  |
Copyright(C) 2000.-2003. Isono.biz AllRights Reserved |