基礎と応用のホームページ講座（２８）

学校の紹介の総・小目次・ページの相互リンク

「hosinのリンクツリー」画面

┏ btn ┳ ttindex_ah.jpg D： ━ yamatesho ╋ hosin ┳ ＊＊�Ahosin_ndx.htm ┃ ┣ tthosin_ah.jpg ┃ ┣ hosin_ah.jpg ┃ ┣ new02ah.jpg ┃ ┣ ＊＊＊�Bhosin1.htm ┃ ┣ ＊＊＊�Chosin2.htm ┃ ┗ ＊＊＊�Dhosin3.htm ┗ ＊�@index.htm

「リンクの相互関係」画面

�@index → �Ahosin_ndx �Ahosin_ndx → �@index �Bhosin01 　 �Bhosin01 �Chosin02 　 �Chosin02 �Dhosin03 　 �Dhosin03 �Bhosin01 → �Ahosin_ndx 　 �Chosin02 → �Ahosin_ndx �Chosin02 　 �Bhosin01 　 　 　 　 �Dhosin03 �Dhosin03 → �Ahosin_ndx 　 　 　 　 �Chosin02

「総・小目次・ページの相互リンク(１)」画面

写真（１）

写真（１）は、「総・小目次・ページの相互リンク(１)」画面です。 (１)�@セルの中をダブルクリック→�A「リンク」

「総・小目次・ページの相互リンク(２)」画面

写真（２）

写真（２）は、「総・小目次・ページの相互リンク(２)」画面です。 (１)�@「目標・方針」が見えるように、 (２)�A「リンク」ウィンドウ・「ファイル選択」ウィンドウを移動 (３)�B「ファイルの場所」は「hosin」フォルダ→�C「hosin_ndx」を選択→�D「開く」→「OK」

「総・小目次・ページの相互リンク(３)」画面

写真（３━１）

写真（３━１）は、「総・小目次・ページの相互リンク(３)」画面です。 (１)�@「(01)教育目標…」が見えるように、 (２)�A「リンク」ウィンドウ・「ファイル選択」ウィンドウを移動 (３)�B「ファイルの場所」は「hosin」フォルダ→�C「hosin01」を選択→�D「開く」→「OK」→「上書き保存」 (４)�@「(01)」と�C「01」が一致することが基礎基本です。

写真（３━２）

写真（３━２）は、「総目次(index)より小目次(hosin_ndx）、１ページ目（hosin01)へのリンク」画面 (１)総目次からのリンクの完成です。

「総・小目次・ページの相互リンク(４)」画面

写真（４）

写真（４）は、「総・小目次・ページの相互リンク(４)」画面です。 (１)学校の紹介の小目次(hosin_ndx)を開く (２)�@小目次なので、戻る(back)・進む(next)などのボタンは削除する。 (２)�A「index」ボタンを挿入→「index」ボタンをクリック(ダブルクリックでもよい)→�B「開く」

「総・小目次・ページの相互リンク(５)」画面

写真（５）

写真（５）は、「総・小目次・ページの相互リンク(５)」画面です。 (１)�@「index」が見えるように、 (２)�A「リンク」ウィンドウ・「ファイル選択」ウィンドウを移動 (３)�B「ファイルの場所」は「yamatesho」フォルダ→�C「index」を選択 (４)�D「開く」→「OK」→「上書き保存」

リンク元 ボタン リンク先 �Ahosin_ndx → → �@index

「総・小目次・ページの相互リンク(６)」画面

写真（６）

写真（６）は、「総・小目次・ページの相互リンク(６)」画面です。 (１)小目次から総目次へのリンクが完成しました。 (２)相互リンクは、見る人に配慮したホームページの基礎基本です。