複数のページをハイパーリンクでつなぐ

home.htmlと新たに作ったpage1.htmlというページをハイパーリンクで結ぶ手順を考えましょう。
 
  1. Composerを出しておく。

  2. (この例の場合、[「1ページ」という文章を書いたあとマウスでドラッグしておいてComposerの「本文のテキスト」となっている窓を「見出し3」に変える。更に「中央」ボタンを押す。次の行に改行してから「配置」ボタンを押して「左詰め」を選び、続きの文章を書いていく。)
  3. Navigatorでhttp://www.wakhok.ac.jp/~username /home.htmlを開いておく。
  4.     
  5. http://www.wakhok.ac.jp/~username/home.htmlが表示されている NavigatorのURL表示の左にある をドラッグしてComposerのハイパーリンクを作りたい場所 にドロップする。

  6.   ハイパーリンクの表示を変えたい場合はその左端をマウスで選択してから文字を入力して行き、その後余分な表示を消す。
     


       
  7. 「保存」ボタンを押して、「ページの表題」を   Page1  、HTMLファイル名を  page1.html  にして(Z:ドライブの)wwwディレクトリの中に保存 する。
  8. Navigatorでhttp://www.wakhok.ac.jp/~ username/page1.htmlを開いてハイパーリンクが動作するか確認する。
  9. http://www.wakhok.ac.jp/~username/home.htmlの方もNavigatorの「ファイル」メニューから「ページを編集」を選んでComposerを出し、上記と同様の手順で「Page1に進む」という文章を追加して

  10. http://www.wakhok.ac.jp/~username/page1.htmlへのハイパーリンクを完成させる。
    (Navigatorでのページの確認は2回目からは「再読込」が必要