ロールオーバー効果のボタン
2005年 10月 02日
ボタンにマウスをポイントしたときに色や形が変わることを「ロールオーバー効果」といいます。
「ウェブアートデザイナー」でロールオーバー効果のついたボタンを作成できます。

メニューバーの「ツール」→「ウェブアートデザイナーの起動」をクリック。
a0030830_0253544.gif

ウェブアートデザイナーの「ウェブアート素材」タブの「ロールオーバー」をクリックします。
「文字」ボックスに「BBS」とボタンに表示する文字を入力します。
「ロールオーバー」の素材を選択して、ダブルクリックします。
a0030830_052894.gif

キャンバスにボタンが挿入されて、「ロールオーバー作成」ダイアログボックスが表示されます。
a0030830_0535021.gif

キャンバスの白い部分でクリックして、一度選択を解除します。
上のボタンをマウスでドラッグして選択します。
「通常時の画像」の「登録」ボタンをクリック。
a0030830_057345.gif

下のボタンをマウスでドラッグして選択します。
「マウスポインタが上にきたときの画像」の「登録」ボタンをクリック。
a0030830_103531.gif

プレビューで確認します。マウスポインタを画像に合わせると、変化するはずです。
「ロールオーバー保存」をクリックします。
a0030830_144080.gif

「ロールオーバー作成ウィザード」が起動します。
画像の位置を設定します。
「入れ替え」ボタンをクリックすると、「通常の画像」と「マウスポインタが上にきたときの画像」を入れ替えることができます。
「次へ」をクリックします。
a0030830_174316.gif

画像の保存の形式を選択します。GIFを選択して「次へ」をクリックします。
a0030830_193580.gif

保存先を指定します。
「パーソナルフォルダに保存」を選択すると、ビルダーで編集するときに便利です。
「完了」ボタンをクリックします。
a0030830_1104425.gif

ファイル名をつけて、「保存」ボタンをクリックします。
二つの画像と一つのHTMLファイルを保存することになります。
a0030830_1132995.gif

---------------------------------
ビルダーで作成したボタンを挿入します。
ボタンを挿入したいページを開きます。ボタンを挿入する位置をクリックします。
「サイト/素材ビュー」の「素材」→「素材」→「パーソナルフォルダ」をクリック。
作成したボタンが表示されます。
「HTMLファイル」をダブルクリックします。
a0030830_1222273.gif

「ファイルの挿入」から、「HTMLファイルの挿入(ページ内部品のみ)」を選択。
「OK」ボタンをクリック。
a0030830_1244819.gif

ボタンが挿入されます。
「プレビュー」に切り替えて、マウスポインタを合わせたときに画像が変わるかどうか確認します。
a0030830_1334333.gif

by hama_y | 2005-10-02 01:26 | ホームページビルダー |▲TOPへ

<< 筆まめVer.16 イラストだ... ウェブアートデザイナー(効果パ... >>



パソコンのお役立ち機能を一緒に学びませんか?[初心者のためのOffice講座 hamachan.info]のサポートブログです。
by はま
サイト内検索
記事ランキング
最新の記事
ゴールシークのボタンの位置
at 2017-06-24 09:53
IMEのシステム辞書の[標準..
at 2017-06-14 20:45
ピボットテーブルのフィールド..
at 2017-06-11 21:22
ピボットテーブルの日付のグル..
at 2017-06-03 14:13
一瞬現れてすぐ消えるウィンド..
at 2017-05-30 17:04
リンク
カテゴリ
全体
Windows
IME
Office共通
Word
Excel
PowerPoint
Access
Outlook
Internet Explorer
Outlook Express
ホームページビルダー
ATOK
一太郎
筆まめ
筆王
筆ぐるめ
PhotoshopElements
ネットワーク
PCインストラクター
ああ~お客様
(@_@)
iPhone
SharePoint
未分類
以前の記事
2017年 06月
2017年 05月
2017年 04月
more...
検索
外部リンク