Fireworksボタンの挿入

用意されたボタンのスタイルを選択し、新しくボタンを作成することができます。FireworkPNGと書き出し画像を一緒に作成します。また、書き出し形態をスライスと単一画像から選ぶことができ、ロールオーバーボタンやアイキャッチなどの作成に便利です。また、スタイルは自分で自由に追加することができます。

1.「Fireworksボタンの挿入」を実行すると、設定ダイアログが表示されます。

設定する内容は以下の通りです。

番号 フィールド名 説明
1 サンプル スタイルで選択したボタン画像を表示します。ここで、使用するスタイルの確認をします。
2 スタイル 作成するボタンのスタイルをこのリストから選択します。「サンプル」で選択したスタイルを確認して下さい。
3 ボタンテキスト ボタンに表示するテキストを入力します。「出力」が単一画像の場合は、代替テキストにも使用されます。
4 リンク 作成した画像に適用するリンクを入力します。空の場合はリンクを設定しません。「参照」ボタンをクリックすると、ファイル選択ダイアログが表示されてリンク先ファイルを簡単に選択できます。
5 出力 作成する形態を選択します。ロールオーバーボタンの場合は"スライス"、単独の画像で使用する場合は"単一画像"を選択します。
6 背景色 ボタンの背景に設定する色を16進数で入力します。カラーピッカーをクリックするとカラーパレットが表示されるので、入力するよりも簡単です。
7 PNG保存先 FireworksPNGをサイト内に保存すれば、ボタン画像を簡単に再編集できます。「参照...」ボタンをクリックすれば、ファイル選択ダイアログが表示されて、ファイル名を選択できます。
8 書き出し先 ボタン画像の保存先を選択します。「出力」で"スライス"の場合は、スライス画像の標準ファイル名として使用されます。
9 HTMLの保存先 「出力」で"スライス"を選択したときに表示されるフィールドです。スライスの場合は別にHTMLも書き出されるため、その保存位置を指定します。
10 書き出し設定 「出力」で"単一画像"を選択したときに表示されるフィールドです。スライスの場合と違い単一画像では画像フォーマットを、GIF,JPEG,アニメーションGIFのそれぞれ高画質、低画質の6種類から選択できます。

2. 「作成」ボタンをクリックすると、Fireworksを起動しボタン画像を作成します。作成されたボタン画像はページに配置されます。スライスの場合はテーブルで組まれた画像が挿入されます。

3.再編集を行う場合は、画像は画像を選択して、「編集」ボタンをクリックして下さい。Fireworksを起動しPNGを開いて編集できる状態になります。