第３章　ホームページの作成

今日の研修内容

課題３４　ホームページビルダーを使って、リンク設定をしよう。

　ホームページビルダーを使って、ホームページ間のリンク設定をします。エディタで設定する場合は、リンク先のＨＴＭＬファイルや音声ファイルの名前を覚えておいて、正確に入力しないといけませんでした。しかし、ホームページビルダーを使えば、リンク先を簡単に設定したり、音声を簡単に出すことができます。

---

＜手順＞

（１）ホームページビルダーを起動して、「sample1.htm」ファイルを開きます。

（２）「sample2.htm」へリンクする文字を作る。

• リンクする文字を置く場所を決めて、マウスでそこをクリックします。緑色の線がでます。
• 「他文章へのリンク」というアイコン（縦に並んでいるアイコンの右列の１番上）を選びます。すると、「表示文字列」と「ローカルファイル名」を入力する領域が表示されます。「表示文字列」の欄には「サンプル２」と入力します。
• 「ローカルファイル名」の欄では、「参照」というボタンをクリックして、ディレクトリの移動しながら、「sample2.htm」というファイルを選択します。すると、この欄に自動的に入力されます。
• 最後に、「了解」というボタンを押せば、「sample2.htm」へリンクする文字ができあがりです。同様にして、「sample3.htm」「sample4.htm」「sample5.htm」へもリンクする文字を作りましょう。

（３）音声を出す文字を作る。

• 音声を出す文字を置く場所を決めます。次に、「他文章へのリンク」というアイコンをクリックします。
• 「表示文字列」の欄にメッセージと入力、その下の「ローカルファイル名」の欄では。「参照」というボタンをクリックします。（ファイルの種類の「すべてのファイル」に変更しておいて「sample.wav」を選びます）。
• 後は、「了解」ボタンを押すと、「メッセージ」という音声を出す文字ができます。

（４）動作確認する

• 「sample1.htm」ファイルを保存して、ネットスケープナビゲータを起動します。そして、ネットスケープナビゲータから、「sample1.htm」ファイルを開きます。
  「サンプル２」という文字をクリックすると、「sample2.htm」ファイルが開きます。
  「メッセージ」という文字をクリックすると、音声が聞こえます。

  ワンポイントアドバイス 　大きなファイル内でリンクする場合があります。リンクという表現より「ジャンプ」と言った方がわかりやすいかも知れません。例えば、「lesson1」から「lesson10」まであり、その中の「lesson5」にリンクする場合です。このようなときには「文章内のリンク」というアイコンをクリックします。

＜まとめ＞

　ホームページでのリンクはハイパーリンクと言われ、多種多様なものとのリンクが可能です。HTMLファイルはもちろん、画像ファイル、音声ファイル、URLアドレスへのリンクなどができるます。

＜キーワード＞ 　　ハイパーリンク

　

作成者	渡邊靖之
所　属	穂積町立牛牧小学校

▲目次へ戻る｜▼次の課題へ進む