基礎と応用のホームページ講座(27) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
学校の紹介の小目次と1ページ目の相互リンク | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
「hosinのリンクツリー」画面 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
「リンクの相互関係」画面 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
第27回では、Ahosin_ndxからBhosin01にリンクする、Bhosin01からAhosin_ndxにリンクする(これが相互リンク)を扱います。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
「小目次と1ページ目の相互リンク(1)」画面 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(1) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(1)は、「小目次と1ページ目の相互リンク(1)」画面です。 (1)@セルの中をダブルクリック→A「リンク」 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
「小目次と1ページ目の相互リンク(2)」画面 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(2) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(2)は、「小目次と1ページ目の相互リンク(2)」画面です。 (1)@「01」が見えるように、 (2)A「リンク」ウィンドウ・「ファイル選択」ウィンドウを移動 (3)B「ファイルの場所」は「hosin」フォルダ→C「hosin01」を選択→D「開く」→「OK」 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
「小目次と1ページ目の相互リンク(3)」画面 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(3) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(3)は、「小目次と1ページ目の相互リンク(3)」画面です。 (1)小目次から1ページ目へのリンクが完了しました。 (2)リンクが成功すると、文字色が変色し、文字列に下線が入ります。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
「小目次と1ページ目の相互リンク(4)」画面 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(4) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(4)は、「小目次と1ページ目の相互リンク(4)」画面です。 (1)学校の紹介の1ページ目(hosin01)を開く (2)@1ページ目なので、戻る(back)・進む(next)ボタンは削除する。 (2)A「home」をクリック(ダブルクリックでもよい)→B「開く」 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
「小目次と1ページ目の相互リンク(5)」画面 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(5) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(5)は、「小目次と1ページ目の相互リンク(5)」画面です。 (1)@「home」が見えるように、 (2)A「リンク」ウィンドウ・「ファイル選択」ウィンドウを移動 (3)B「ファイルの場所」は「hosin」フォルダ→C「hosin_ndx」を選択→D「開く」→「OK」 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
「小目次と1ページ目の相互リンク(6)」画面 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(6) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
写真(6)は、「小目次と1ページ目の相互リンク(6)」画面です。 (1)1ページ目から小目次へのリンクが完成しました。 (2)クリックだけで相互に往来できるようにするのも、見る人に配慮したホームページの基礎基本です。 |