★ HP作成のプロセス１０ ★ |
| ★インプレスのツールHappyMapでクリッカブルマップを作成しましたのでその過程 |
| を説明しますので参考にして下さい。 |
| 始めにクリッカブルマップにリンクする元画像（横巾４００〜５００ピクセル）をマップ |
| 用に必要数を横幅７５ピクセルで用意して、グラフィックソフトに読込みます、その際 |
| 直線で各画像を区切って表にし外側に枠を付けます。レイヤーで夫々分割した方が |
| 調整し易いと思います、出来上がったらHPフォルダに名前を付けてGifで保存します |
| それをFrontPage Expressに読込みますが、前もって表を５段位挿入しておきます。 |
| 画像を中ほどに読込んでタイトルや表題・背景やリンク等全てFrontPage Expressで |
| 出来る事は全部完了させます。何故ならHappyMapでクリッカブルマップを作成して |
| からFrontPage Expressに読込むとマップのリンクを書き換えられてしまいます。 |
| 後からFrontPage Expressに読込んで編集するとマップのリンクはやり直しとなり、 |
| FrontPage Expressで書き換えられたHTML文書を削除しなければなりません。 |
| こんな所がソフト頼りの限界でしょうか！ FrontPage Expressで作成したものを、 |
| HTMLファイルで保存します。下図にその状態を示します。（第１図参考） |
|
| それをHappyMapに読込んで表をマウスポインタで区切るとリンク先の設定ボッ |
| クスが出ますので元画像をデスクトップに出してリンク先のHtmをコピーして設定ボッ |
| クスに貼り付けます。その操作を繰り返します（ボックスが出ない時は編集からリンク |
| 先の設定をクリック） 出来上がったら上書保存します。 但し保存する前に |
| リンク先が違っていないか；抜けていないか…良く調べます。下図の状態で各 |
| 画面をダブルクリックするとリンク先が出ますのでURLを良く見て下さい。 |
| 間違っていたり；抜けていたりするとHappyMapの設定が無駄に成ります。 |
（第2図参考） |
|
| （第1図参考）をWebブラウザで呼び出します。私の場合はHPDataと云うフォルダ名 |
| でデスクトップに置いて有るので「表示」から「ソース」を見ますとクリッカブルマップの |
| パス（アドレス）が下に示すように成っています。 例えば、 |
| <area shape="rect" coords="25,27,104,86" |
| href="C:\WINDOWS\ﾃﾞｽｸﾄｯﾌﾟ\HPData\homedata\gallery\natutoko.htm" |
| alt="natutoko"> 此の侭では第三者がＷｅｂブラウザで見る事が出来ないので下記 |
| の様に書き直します。 |
| <area shape="rect" coords="25,27,104,86" href="natutoko.htm" |
| alt="natutoko"> の様になります。（これは相対パスと云うそうです）以下を上記の |
| 様に修正します。（Ｃ：〜gallery\迄を削除すればよい） |
| 以上でクリッカブルマップの作成の私流の方法を説明しました。 |
|
