文/Chen Xiufeng
画像を含む Web ページを開くと、マウスが画像の別の部分をポイントすると、別のハイパーリンクを開くことができるという状況が発生することがあります。このテクノロジは、「Web ページ画像ホット ゾーン」と呼ばれます。
Dreamweaver MX と FrontPage 2003 を例として、Web ページ画像ホットスポットを確立する具体的なプロセスを見てみましょう。
1. Dreamweaver MX で画像用のホットスポットを作成します。
1. Dreamweaver MX を起動し (他のバージョンの手順に従ってください)、画像用のホットスポットを作成する必要がある Web ページファイルを開き、対応する画像を選択し、[プロパティ] をクリックします。パネルは自動的に「ピクチャのプロパティ」ステータスに切り替わります (図 1)。
2. ホット エリアのタイプ (「楕円」など) を選択し、それを画像上にドラッグしてホット エリアを作成します (図 1 を参照)。
図 1
注: ホット ゾーンは、画像にグラフィックス レイヤーを追加するのと同じで、マウスを使用してホット ゾーンのサイズと位置を調整できます。
3. 「リンク」の右側のボックスにリンクする URL を入力します (「http://www.yesky.com」など)。「置換」の後のボックスに説明文字を入力します (「Tianji」など)。 .com" ); 「ターゲット」の右側にあるドロップダウン ボタンを押し、表示されるドロップダウン リストでリンク先のページを開く方法を選択します (リンク先のページを新しいウィンドウで開く場合は、 「_blank」オプション)。
注: Web ページの閲覧中にマウスがホット スポットをポイントすると、[置換] ボックスに入力された文字がページ上に表示されます (図 2)。
図 2
4. 上記の手順 2 と 3 を繰り返して、画像のさまざまな部分に複数のホット スポットを作成します。
2. FrontPage2003 で画像のホット スポットを作成する
1. FrontPage2003 を起動し、画像のホット スポットを作成する必要がある Web ページ ファイルを開きます。
2. 「表示→ツールバー→画像」コマンドを実行し、「画像」ツールバーを展開します(図3)
図 3
3. ホット エリアのタイプ (「長方形」など) を選択し、画像上でホット エリアをドラッグします。このとき、システムは自動的に [ハイパーリンクの挿入] ダイアログ ボックスを表示します (図 4)。
図 4
4. [アドレス] バーにリンクする URL (「www.yesky.com」など) を入力し、[画面のヒント] ボタンをクリックして、[画面のハイパーリンクのヒントの設定] ダイアログ ボックスを開きます (図 5)。 、説明文字 (「天极网」など) を入力します。
図 5
注: ここでの「画面ヒント」は、Dreamweaver MX の「代替」機能と同じです。
4. 同様に、上記の手順 3 と 4 を繰り返して、画像のさまざまな部分に複数のホット スポットを作成します。