今日の研修内容
課題20 学校の位置を紹介するページに掲載する地図を貼り付けよう。
|
学校の位置を表す地図を描きましたが、文字が入っていません。今日は、目印となる場所の名前などの文字を入れて、もっとわかりやすい地図にしましょう。また、ホームページに表示するようにしましょう。
<手順>
gif形式で保存することができる別のソフトウェアを使う場合は、以下の手順を参考にして行ってください。
(1)「DPixed」の実行と前回作成した地図の読み込み
- デスクトップの「DPixed」のアイコンをダブルクリックして、「DPixed」を起動します。
- メニューバーの「ファイル」→「絵を開く」の順に左クリックしますと、「ファイルから絵を開く」の窓が出てきます。
「3.5インチFD」の「tizu.gif」をダブルクリックして前回作成した地図を表示します。
(2)文字の入力
- ツールウィンドウの「文字入力ツール」(「あ」と表示されている)のアイコンを左クリックします。
- 文字を入れたいところの左端で左クリックしますと、小さな長方形が表示されます。ここで文字をキーボードから入力します。
- 文字のフォントとサイズ等を指定しますと、先ほど入れた文字に指定が反映されます。
- パレットウィンドウで、文字の色を左クリックしますと先ほど入れた文字に指定が反映されます。
- マウスポインタのIの上の端を長方形の中に入れてドラッグしますと長方形が移動します。
- マウスポインタを長方形の外へ移動して左クリックしますと、長方形が消えて確定します。
ワンポイントアドバイス:「DPixed」での図形の複写
- ツールウィンドウの「選択ツール」(上から2番目の左側)のアイコンを左クリックします。
- 複写したい範囲をドラッグしますと長方形で囲われます。
- 長方形をドラッグして移動し、長方形の外で左クリックします。すると、長方形が消えて確定します。
|
(3)保存
- メニューバーの「ファイル」→「絵を保存」の順に左クリックします。
- 上書き保存の確認のメッセージが出ます。「はい」を左クリックします。
- 「GIF形式で保存」の窓が出ますが、そのまま「OK」ボタンを左クリックします。
(4)「sample3.htm」の表示と修正
- デスクトップの「マイコンピュータ」→「3.5インチFD」の順に左クリックし、「sample3.htm」をダブルクリックしますと、 NetscapeNavigatorが起動し、サンプルが表示されます。このままにしておきます。
- 「メモ帳」を起動し、「3.5インチFD」の「sample3.htm」を読み込みます。
- 11行目の「<IMG SRC="map.gif" ALIGN="CENTER">」の、「map.gif」を「tizu.gif」にします。
- そのほかの部分(学校名、住所等)を修正します。
- 上書き保存します。
- NetscapeNavigatorをアクティブにし、再読み込みをしますと、修正が反映されます。
<まとめ>
画像の形式には、BMP,TIFF,JPEG,GIF等たくさんありますが、ホームページに表示できるのは、JPEGとGIFだけです。写真などの色数が多いものはJPEGで、図などの色数が少ないものはGIFで保存します。