トップ | ログイン
ロールオーバー効果のボタン
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 hama_y
サイト内検索
リンク
PROFILE
問い合わせ
プライバシーポリシー
初心者のためのOffice講座
はじめてのMac

[アフィリエイトやるなら]
カンファレンスバナー
[MVP]

Microsoft MVP for Word
(2016.1-2017.12)
Microsoft MVP for Office System
(2009.1-2015.12)

Google+
外部リンク
記事ランキング
最新の記事
フォームのテキストボックスを..
at 2017-03-20 17:29
Windows10でタスクバ..
at 2017-03-11 19:06
メールリンクをクリックしてG..
at 2017-03-07 19:30
Wordの裁ちトンボの印刷は..
at 2017-03-05 14:28
重要なファイルは拡張子を変え..
at 2017-02-23 23:32
カテゴリ
全体
Windows
IME
Office共通
Word
Excel
PowerPoint
Access
Outlook
Internet Explorer
Outlook Express
ホームページビルダー
ATOK
一太郎
筆まめ
筆王
筆ぐるめ
PhotoshopElements
ネットワーク
PCインストラクター
ああ~お客様
(@_@)
iPhone
SharePoint
未分類
以前の記事
2017年 03月
2017年 02月
2017年 01月
more...
検索