〜 イメージマップの作成について 〜 |
||
地図や、部屋のレイアウト図など、1枚の画像のある部分をクリックすると、そこに関連する内容のページが表示される事があります。 これは、画像の各部分にリンクが設定されているからです。 ホームページビルダーでは、この設定を「イメージマップの編集」という機能で行うことができます。 ここでは、動物園の案内を目的としたページを「イメージマップの編集」で行ってみましょう。 作成前に、まずは、完成例を見てください。 完成例は・・・・・・・>>>こちらから ページの構成 ・動物園の案内・・・・・・・・・zoo.html(ここに中心の画像があります) ・ペンギンのページ・・・・・・・・penguin.html ・シマウマのページ・・・・・・・・simauma.html ・ライオンのページ・・・・・・・・lion.html ・ぞうのページ・・・・・・・・・・・zou.html ・キリンのページ・・・・・・・・・・kirin.html ・シロクマのページ・・・・・・・・sirokuma.html ![]() 事前に、各ページを作成しておきます。 この時に必要な画像類は、 ここ からダウンロードしてください。 (LZH形式に圧縮されています。解答して使ってください。) |
||
| ◆イメージマップの編集 方法 | ||
![]() ![]() ![]() ![]() ![]() ![]() ![]() |
1.「イメージマップの編集」をする画像が入っている ファイルを開いておく。 2.「イメージマップの編集」をしたい画像をクリックし選択します。 3.「編集」をクリックし、「かんたん編集」をポイントし、 「イメージマップの編集」をクリックします。 (イメージマップエディタ の画面が表示されます) ※編集しやすいように画面をおおきくすることをお勧めします。 4.リンク部分を作るために、図形ボタンから1つクリックして 選択します。 5.リンク部分にしたい場所をドラックして囲みます。 6.ドラッグした後、すぐに「属性」の画面が表示されるので、 「参照」ボタンをクリックし、表示したいページを選択し、 「開く」ボタンをクリックします。 「属性」画面にもどり、「OK」ボタンをクリックします。 (イメージマップエディタ の画面が表示されます) この時に、リンク部分が囲まれています。 サイズや、位置の変更はこの時に行います。 全てのリンク設定が終わったら、「OK」ボタンをクリックします。 |
|
| ※以上で設定が終了です。 |
||
| Home>>> | ||