Fireworksでボックス罫線を引く方法

[操作手順]
1.ツール窓にアクセスして「矩形ツール」を選択します。
※「矩形ツール」はツール窓の上から8行目の左列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.マウス操作(画面上をドラッグアンドドロップ)で矩形レイヤーを引きます。
※この矩形レイヤーがボックス罫線になります。

3.プロパティ窓にアクセスします。
※プロパティ窓が表示されていない時はCtrl+F3を押します。(現れる/消えるがトグルします)

4.プロパティ窓の、左から二区画目の上部、「バケツアイコン」の右隣、「カラーパレット」を選択します。

5.カラーパレットの中から「透明化ボタン」を選択します。
※カラーパレット最上部にある、小さな四角いアイコンが「透明化ボタン」です。

以上で完了です。

 
[PC環境について]
Windows 7
Fireworks CS3 9.0

Fireworksで罫線(ライン)を引く方法

[操作手順]
1.ツール窓にアクセスして「ラインツール」を選択します。
※「ラインツール」はツール窓の上から7行目の左列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.マウス操作(画面上をドラッグアンドドロップ)で罫線(ライン)を引きます。

以上で完了です。

 
[PC環境について]
Windows 7
Fireworks CS3 9.0

Fireworksで背景にグラデーションをかける方法

[操作手順]
1.「選択ツール」、または「ダイレクト選択ツール」を選択します。
※「選択ツール」はツール窓の最上段の左列にあります。
※「ダイレクト選択ツール」はツール窓の最上段の右列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.背景のレイヤーをマウス操作で選択します。

3.プロパティ窓にアクセスします。
※プロパティ窓が表示されていない時はCtrl+F3を押します。(現れる/消えるがトグルします)

4.プロパティ窓の、左から二区画目の上部、「バケツアイコン」の二つ右隣のセレクトメニューを選択します。
※デフォルトは「基本」となっています。

5.セレクトメニュー>グラデーション>線形を選択します。
※「線形」はもっとも基本的なグラデーション表現です。

6.Ctrlを押しっぱなしにして「コントロールハンドル」を表示させます。
※「選択ツール」で矩形レイヤーを選択しても同様に表示します。

7.「コントロールハンドル」の起点、長さ、角度を調整して、グラデーション表現を調整します。

以上で完了です。
[PC環境について]
Windows 7 SP1
Fireworks CS3 9.0

Fireworksで帯にグラデーションをかける方法

[操作手順]
1.「選択ツール」、または「ダイレクト選択ツール」を選択します。
※「選択ツール」はツール窓の最上段の左列にあります。
※「ダイレクト選択ツール」はツール窓の最上段の右列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.帯のレイヤーをマウス操作で選択します。

3.プロパティ窓にアクセスします。
※プロパティ窓が表示されていない時はCtrl+F3を押します。(現れる/消えるがトグルします)

4.プロパティ窓の、左から二区画目の上部、「バケツアイコン」の二つ右隣のセレクトメニューを選択します。
※デフォルトは「基本」となっています。

5.セレクトメニュー>グラデーション>線形を選択します。
※「線形」はもっとも基本的なグラデーション表現です。

6.Ctrlを押しっぱなしにして「コントロールハンドル」を表示させます。
※「選択ツール」で矩形レイヤーを選択しても同様に表示します。

7.「コントロールハンドル」の起点、長さ、角度を調整して、グラデーション表現を調整します。

以上で完了です。

[PC環境について]
Windows 7 SP1
Fireworks CS3 9.0

Fireworksで背景の色を変える方法

[操作手順]
1.「選択ツール」、または「ダイレクト選択ツール」を選択します。
※「選択ツール」はツール窓の最上段の左列にあります。
※「ダイレクト選択ツール」はツール窓の最上段の右列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.背景のレイヤーをマウス操作で選択します。

3.プロパティ窓にアクセスします。
※プロパティ窓が表示されていない時はCtrl+F3を押します。(現れる/消えるがトグルします)

4.プロパティ窓の、左から二区画目の上部、「バケツアイコン」の右隣、「カラーパレット」を選択します。

5.カラーパレットの中から色を選択します。
※「#」から始まるカラー情報を決め打ちすることも可能です。
※「#CCFFFF」 ←こちらは水色のカラー情報の例です。

以上で完了です。

 

 

[PC環境について]
Windows 7 SP1
Fireworks CS3 9.0

Fireworksで帯の色を変える方法

[操作手順]
1.「選択ツール」、または「ダイレクト選択ツール」を選択します。
※「選択ツール」はツール窓の最上段の左列にあります。
※「ダイレクト選択ツール」はツール窓の最上段の右列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.帯のレイヤーをマウス操作で選択します。

3.プロパティ窓にアクセスします。
※プロパティ窓が表示されていない時はCtrl+F3を押します。(現れる/消えるがトグルします)

4.プロパティ窓の、左から二区画目の上部、「バケツアイコン」の右隣、「カラーパレット」を選択します。

5.カラーパレットの中から色を選択します。
※「#」から始まるカラー情報を決め打ちすることも可能です。
※「#CCFFFF」 ←こちらは水色のカラー情報の例です。

以上で完了です。

 

 

[PC環境について]
Windows 7 SP1
Fireworks CS3 9.0

jQuery ページ内リンク(アンカー)をスムーズスクロール対応する方法

jQueryを読み込んだうえで、javascriptがかける場所に書くことが前提です。

以下のソースのどれかを記述。

HTML上では、アンカーとリンクを用意しておくこと

リンク箇所

アンカー箇所(とび先)

 

Fireworksで背景を引く方法

[操作手順]
1.ツール窓にアクセスして「矩形ツール」を選択します。
※「矩形ツール」はツール窓の上から8行目の左列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.マウス操作(画面上をドラッグアンドドロップ)で矩形レイヤーを引きます。
※この矩形レイヤーが背景になります。

3.レイヤー窓にアクセスしてレイヤー操作をします。
※レイヤー窓が表示されていない時はF2を押します。(現れる/消えるがトグルします)

4.矩形レイヤーを選択し、マウス操作(ドラッグアンドドロップ)で最下部付近の位置に移動します。
※マウスでレイヤーを選択状態にして、切り取り:Ctrl+Z、貼り付け:Ctrl+V で移動することもできます。
※背景レイヤーは最下部に設置することが多いでしょう。上部に設置すると背景に隠されて他のレイヤーが見えなくなってしまいます。

以上で完了です。

[PC環境について]
Windows 7
Fireworks CS3 9.0

Fireworksで帯を引く方法

[操作手順]
1.ツール窓にアクセスして「矩形ツール」を選択します。
※「矩形ツール」はツール窓の上から8行目の左列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.マウス操作(画面上をドラッグアンドドロップ)で矩形レイヤーを引きます。
※この矩形レイヤーが帯になります。

3.レイヤー窓にアクセスしてレイヤー操作をします。
※レイヤー窓が表示されていない時はF2を押します。(現れる/消えるがトグルします)

4.矩形レイヤーを選択し、マウス操作(ドラッグアンドドロップ)で最下部付近の位置に移動します。
※マウスでレイヤーを選択状態にして、切り取り:Ctrl+Z、貼り付け:Ctrl+V で移動することもできます。
※背景レイヤーよりも上部の位置に設置します。下部に設置すると背景に隠されて見えなくなってしまいます。

以上で完了です。
[PC環境について]
Windows 7
Fireworks CS3 9.0

Fireworksで画像の縮尺を等倍に戻す方法(アスペクト比を元に戻す方法)

方法はありません。(私は知りません)

画像レイヤーはリアルタイムでリサイズ処理して保存する仕様になっているようです。
※画像の縮尺を変更する度にリサイズ処理で劣化することになります。

Fireworksでは、画像レイヤーの縮尺を変更後に、
Ctrl+Sでファイルを保存してアプリケーションを閉じてしまうと、
画像画像レイヤーの縮尺を元に戻すことはできません。
※アプリケーションを閉じていなければ、Ctrl+Zで元に戻すことできます。

[PC環境について]
Windows 7
Fireworks CS3 9.0