基礎と応用のホームページ講座

基礎と応用のホームページ講座(34)
校区の話題ページの相互リンク
「校区の話題ページの相互リンク(1)」画面
┏ btn ┳ ttindex_ah.jpg
D: ━ yamatesho ╋ topic ╋ **�Atopic_ndx.htm
┃ ┣ tttopic_ndx_ah.jpg
┃ ┣ topic_ndx_ah.jpg
┃ ┣ new04ah.jpg
┃ ┣ ***�Btopic01.htm
┃ ┣ topic01ah.jpg
┃ ┣ ***�Ctopic02.htm
┃ ┣ topic02ah.jpg
┃ ┣ ***�Dtopic03.htm
┃ ┗ topic03ah.jpg
┗ *�@index.htm
写真(1)
 写真(1)は、「校区の話題ページの相互リンク(1)」画面です。
(1)校区の話題ページのリンクツリーです。

「校区の話題ページの相互リンク(2)」画面
�@index → �Atopic_ndx �Atopic_ndx → �@index
�Btopic01   �Btopic01
�Ctopic02   �Ctopic02
�Dtopic03   �Dtopic03
�Btopic01 → �Atopic_ndx   �Ctopic02 → �Atopic_ndx
�Ctopic02   �Btopic01
        �Dtopic03
�Dtopic03 → �Atopic_ndx        
�Ctopic02        
写真(2)
 写真(2)は、「校区の話題ページの相互リンク(2)」画面です。
(1)リンクの相互関係です。
(2)第34回では、�@indexから�Atopic_ndxと�Btopic01にリンク、�Atopic_ndxから�@indexと�Btopic01にリンク、�Btopic01から�Atopic_ndxにリンク(相互リンク)するを扱います。

「校区の話題ページの相互リンク(3)」画面
写真(3)
 写真(3)は、「リスト校区の話題ページの相互リンク(3)」画面です。
(1)�@「back・next」ボタンの削除
(2)�A「home」をクリック→「home」が見える位置に、�B「リンク」・「ファイル選択」ウィンドウを移動
(3)�C「ファイルの場所」(topicフォルダ)→�D「topic_ndx」→�E「開く」→「OK」→「上書き保存」

「校区の話題ページの相互リンク(4)」画面
写真(4)
 写真(4)は、「校区の話題ページの相互リンク(4)」画面です。
(1)「topic_ndx」を開く
(2)�@「セル内をダブルクリック
(3)�A番号の「01」が見える位置に、�B「リンク」・「ファイル選択」ウィンドウを移動
(4)�C「ファイルの場所」(topicフォルダ)→�D「topic01」→�E「開く」→「OK」→「上書き保存」

「校区の話題ページの相互リンク(5)」画面
写真(5)
 写真(5)は、「校区の話題ページの相互リンク(5)」画面です。
(1)「index」を開く
(2)�@「セル内をダブルクリック
(3)�@番号の「01」が見える位置に、�A「リンク」・「ファイル選択」ウィンドウを移動
(4)�B「ファイルの場所」(topicフォルダ)→�C「topic_ndx」→「開く」→「OK」→「上書き保存」

「校区の話題ページの相互リンク(6)」画面
写真(6)
 写真(6)は、「校区の話題ページの相互リンク(6)」画面です。
(1)�@「セル内をダブルクリック
(2)�A番号の(01)が見える位置に、�B「リンク」・「ファイル選択」ウィンドウを移動
(3)�C「ファイルの場所」(topicフォルダ)→�D「topic01」→�E「開く」→「OK」→「上書き保存」

「校区の話題ページの相互リンク(7)」画面
写真(7)
 写真(7)は、「校区の話題ページの相互リンク(7)」画面です。
(1)�@「home・back・next」ボタンの削除→「index」ボタンを挿入
(2)�A「index」をクリック→「index」が見える位置に、�B「リンク」・「ファイル選択」ウィンドウを移動
(3)�C「ファイルの場所」(yamateshoフォルダ)→�D「index」→�E「開く」→「OK」→「上書き保存」

「校区の話題ページの相互リンク(8)」画面
↑(完成ページにリンク)
写真(8)
 写真(8)は、「校区の話題ページの相互リンク(8)」画面です。
(1)ここまでの完成ページです。