| 私の中の「井の中の蛙」体験(４) |
 |
| 写真(A) |
| 写真(A)は、『忠臣蔵新聞』（第００２号＝ファイル名1600）のページです。 「home」・「back」・「next」のボタンを入れました。 |
|
|
 |
| 写真(B) |
| 写真(B)は、『忠臣蔵新聞』（第００２号＝ファイル名1600）のページから「back」にリンクしています。 |
| （１）１ページ前のページにリンクします。 |
| @は現在位置が「ファイル名1600」であることを示しています。 A「back」をクリックします。 B現在位置（ファイル名1600）から「back」のファイル名は「1585」となります。 |
|
|
 |
| 写真(C) |
| 写真(C)は、『忠臣蔵新聞』（第００２号＝ファイル名1600）のページから「next」にリンクしています。 |
| （２）次のページにリンクします。 |
| @は現在位置が「ファイル名1600」であることを示しています。 A「next」をクリックします。 B現在位置（ファイル名1600）から「next」のファイル名は「1611」となります。 |
|
|
| 1600-メモ帳 <P> <A href="index.htm"><IMG src="06home48.gif" alt="home" height="31" width="87"></A> <A href="1585.htm"><IMG src="06back48.gif" alt="back" height="31" width="87"></A> <A href="1611.htm"><IMG src="06next48.gif" alt="next" height="31" width="87"></A> </P> |
| 写真(D) |
| 写真(D)は、『忠臣蔵新聞』（第００２号＝ファイル名1600）のソース画面です。 |
| （３）ソース画面を見ると、ファイル名は我流で、統一性がないことが分かります。 |
|
|
|
|
| @002-メモ帳 <P> <A href="Aindex.htm"><IMG src="A06home48.gif" alt="home" height="31" width="87"></A> <A href="B001.htm"><IMG src="B06back48.gif" alt="back" height="31" width="87"></A> <A href="C003.htm"><IMG src="C06next48.gif" alt="next" height="31" width="87"></A> </P> |
| 写真(E) |
| 写真(E)は、『忠臣蔵新聞』（第００２号＝ファイル名002）のソース画面です。 |
| （４）ソース画面を見ると、ファイル名に統一性があることが分かります。 @002-メモ帳は、現在位置が「ファイル名002」であることを示しています。 A06home48.gifは、「home」ボタンをクリックすると、Aindex.htmにリンクするという意味です。 B06back48.gifは、「back」ボタンをクリックすると、B001.htmにリンクするという意味です。 C06next48.gifは、「next」ボタンをクリックすると、B003.htmにリンクするという意味です。 |
|
|
| @003-メモ帳 <BODY> <P> <A href="Aindex.htm"><IMG src="A06home48.gif" alt="home" height="31" width="87"></A> <A href="B001.htm"><IMG src="B06back48.gif" alt="back" height="31" width="87"></A> <A href="C003.htm"><IMG src="C06next48.gif" alt="next" height="31" width="87"></A> </P> |
| 写真(F) |
| 写真(F)は、『忠臣蔵新聞』（第００３号＝ファイル名003）のソース画面です。 |
| （５）『忠臣蔵新聞』（第００３号＝ファイル名003）のソース画面の<BODY>の下にに、『忠臣蔵新聞』（第００２号＝ファイル名002）の情報をコピーします。 |
|
|
| @003-メモ帳 <BODY> <P> <A href="Aindex.htm"><IMG src="A06home48.gif" alt="home" height="31" width="87"></A> <A href="B002.htm"><IMG src="B06back48.gif" alt="back" height="31" width="87"></A> <A href="C004.htm"><IMG src="C06next48.gif" alt="next" height="31" width="87"></A> </P> |
| 写真(F) |
| 写真(E)は、忠臣蔵新聞の「第００３号」ページです。 |
| （６）現在位置が「003ページ」（003-メモ帳）であることを確認して、下記のようにリンク先を変更します。 |
| @003-メモ帳は、現在位置が「ファイル名003」であることを示しています。 A06home48.gifは、「home」ボタンをクリックすると、Aindex.htmにリンクするという意味です。 B06back48.gifは、「back」ボタンをクリックすると、B002.htmにリンクするという意味です。 C06next48.gifは、「next」ボタンをクリックすると、B004.htmにリンクするという意味です。 |
|
|
 |
| 写真(G) |
| 写真(ｇ)は、忠臣蔵新聞の「第００３号」ページです。 |
| （７）「home」・「back」・「next」のボタンを入れました。 これで、次のページに進んだり、戻ったり、目次に帰ったりできます。これを相互リンクといいます。 この「back」や「next」などのボタンを使うことで、情報処理の基礎基本を学ぶことが出来ました。 |
| これで有頂天になっていたのですから、本当に「井の中の蛙」でした。 |
| リンクの貼り方（マニュアル第１７回〜第３０回）←クリック |
| YAHOO JAPAN １１月号←クリック |
| １９９７年当時の忠臣蔵新聞←クリック |
| 相互リンクの完成した忠臣蔵新聞←クリック |