画像の中にリンクを設置するホットスポットツール of Fireworksの効率的な使い方

Fireworksには画像の中にリンクを設置できるホットスポットツールというのがあります。
スライスツールのとなりにあるのですが、違いがわからないので勉強しました。
覚書なので参考にどうぞ


こちらのホットスポットツールを選択します。


画像のリンクを設置したい場所に図形を作成します。水色の部分がホットスポットツールです。
リンクを設置する場所です。


ホットスポットのWebレイヤーが表示されます


ホットスポットのレイヤーを選択するとプロパティが画像のようになっています。
リンクにはURLを表示します。
Altには、画像名を入れました。
ターゲットは、サイト作成状況に応じて変更します。今回は空白にしました。

ファイル→書き出しをクリックして保存します。

HTMLファイルが増えましたので、こちらのソースを、ホームページにコピーペーストして活用しました。
画像URLは別の場所なので変更しました。



ホットスポット参考例

矩形ツール・楕円ツール、型にマウスを当ててみてください。
各々のページへリンクするように設定しています。
画像の中にリンクを３つ設置しています。

写真を保存しよう。パソコンの容量節約（笑


WEB講座でデザインを本格的に学ぼう。時間を自分で調整しやすいのが嬉しい

カスタム検索