加藤組土建株式会社

KATOGUMI CORPORATION

  since 1913

 - 建設CALSへの取り組み -

 パソコン勉強会 

 

ホームページを作ろう!「地図を入れる」 (第22回:00/09/20、18:00)

 

参加者は3社で3名でした。

世の中すっかりオリンピックで沸いており、この日もサッカーのブラジル戦で決勝リーグに進めるかどうかというゲームにちょうどぶつかりました。もしかしたら誰も来ないのかなと思いつつ待っておりましたら、ポツラポツラと集まってきました。

 

参加者の一人から聞いた話ですが、今まで参加してきた人の中には、特にホームページを作ってみたいという気持ちはないという人が結構多いようで、HP制作がテーマになってしまうと「作らせられるのではないか」という思いが先に立ち、足が重くなってしまうという人が少なくないという話でした。

それよりも普段使っているExcelやWordといったアプリケーションの使い方を紹介してもらうほうが、期待されているみたいです。

 

試しにこの日来た参加者にも聞いてみましたが、やはり「コンテンツを考えてきて」、「次回までにネタを」というのはかなりなプレッシャーになっているようです。

当初、今回の参加者のHPをサーバーにアップするつもりでしたが、参加者の意向もあり勉強会のパソコン上だけにすることにしました。

 

地図を画像ファイルにする

とはいえ残り2回ですので、せっかくですからHP制作に関わる作業を経験してもらうことにしました。

参加者の一人が地図を作ってきたので、それをHPに使いたいということで試してみることにしました。

その地図はWordの作画機能で作成されていましたので、まずそれを画像ファイルにする必要があります。

 

1.Word上の地図(図形)はパーツがバラバラになっていたので、「図形の調整」-「グループ化」でひとつの図形にする。

2.ひとつになった図形をコピーして、画像処理ソフトに貼り付ける。今回はMS社の「PhotoDraw」を使用しました。

3.大きさを調整して、画像ファイルとして保存する。今回は色数が少ないので、GIF形式で保存します。

 

●画像ファイルの挿入

ここまでで素材となる画像ファイルが出来上がった訳です。

次は「FrontPage」を使って、ホームページにその画像ファイルを挿入します。

 

1.画像ファイルになった地図に、「map.gif」という名前を付けて、「images」フォルダに保存する。

2.使用するページを開いて挿入する場所にカーソルをおき、「挿入」-「図形」-「ファイルから」で「images」フォルダの「map.gif」を選択する。  ※これはWordやExcelと同じです。

3.大きさが調度よければ完了。もし調整が必要だったら、画像処理ソフトで修正します。

 

●テキストからリンクさせる

さて地図は入ったのですが、ページ上のあるテキストをクリックするとその地図が表示するようにしたいと思います。

これをやるには「ハイパーリンク」という機能を使います。

HPを作る上で欠かせない機能のひとつです。

今回は、「ハイパーリンク」に加え、「ブックマーク」という機能を使ってみます。

「活動場所」というテキストをクリックすると、同じページ上の地図がある場所へ移動するというようにします。

 

1.地図の前にカーソルをおき、「挿入」-「ブックマーク」を選ぶ。               ▼クリックすると

2.ブックマーク名に「p1」と入力して「OK」ボタンを押す。※名前は半角小文字であれば何でもいいです。

3.「活動場所」のテキストを選択してマウスの右ボタンを押し、「ハイパーリンク」を選ぶ。

4.「オプション」の「ブックマーク名」から「p1」を選んで、「OK」ボタンを押す。

 

これと同じように、ページの上部に「p0」というブックマークをおき、最下段に「top」というテキストからリンクさせて最上段に戻るような仕組みも作ることができます。

 

さあ、来週は一期最後の勉強会です。

一体何をやろうか思案中です。

 

 
この Web サイトに関するご質問やご感想などについては、事務局まで電子メールでお送りください。
最終更新日 : 2004/01/29