リンクボタンを作成する Fireworks & Dreamweaver

Fireworksでボタン画像を作る

●ボタン画像をシンボルに変換します
・挿入→シンボルに変換→ボタンを選択します。
・ライブラリパネルにボタンシンボルが追加されます。

●マウスイベントごとのボタンシンボルの色を変更します
・ボタンエディタを開きます。
・アップ、オーバー、ダウンのマウスイベントごとにシンボルの色を変えます。

ボタンをGIFイメージで書き出す

●必要なボタンを配置します
・ボタンシンボルをライブラリパネルからドキュメントウィンドウにドラッグ&ドロップします。(インスタンスの配置)
・インスタンスをダブルクリックしてボタンエディタを開きます。
・インスタンスの文字と背景を変更します。
・ボタンエディタを閉じ、新しいボタンシンボルとしてライブラリパネルに追加します。

●GIFイメージを書き出します
・書き出すボタンシンボルを選択します。
・ファイル→書き出しを選択します。
・ファイルの種類→イメージのみとします。
・スライス→スライスの書き出しを選択します。
・選択スライスのみ にチェックを入れます。
・最後に、保存ボタンをクリックします。

Dreamweaverでロールオーバーを設定する

●トップの画像を挿入します
・ドキュメント上のボタンを選択します。
・オブジェクトパレット→一般パネル→イメージの挿入をクリックします。
・挿入した画像に、プロパティインスペクタ→イメージ名とリンクを設定します。

●ロールオーバー時の画像を設定します
・ビヘイビアパネル→+ボタン→スワップイメージをクリックします。
・ソースの設定→マウスポインタがロールオーバーしたときの画像を指定します。
・onMouseOutでイメージを復元にチェックを入れます。

2000.01.01