基礎基本のリンク(基礎基本のファイル名) |
基礎基本のファイル名にリンクの有効性 |
「リンク先の基礎基本のファイル名」 |
写真(1) |
写真(1)は、「リンク先の基礎基本のファイル名」画面です。 |
(1) |
(1)貞観時代のファイル名一覧です。 (2)フォルダ名は「09jogan」です。目次の番号は「01」です。ファイル名は「jogan01」です。 (3)つまり、フォルダ名(jogan)+目次の番号(01)=ファイル名(jogan01)ということです。 (4)番号(01)を目安にして、多くの候補からリンク先のファイル名(jogan01)を選択します。 (5)数が多くても、順番が01〜13順なので、簡単です。 (6)こういう考えかた・方法が基礎基本といいます。情報を共有でき、誰にでも理解できます。 |
パソコン上のマイコンとフォルダの役割←クリック |
フォルダ名とファイル名の関係←クリック |
|
「ソース(設計図)の見方」 |
写真(2) |
写真(2)は、「ソース(設計図)の見方」画面です。 |
(1)ブラウザ画面にします。 (2)「表示」→「ソース」 |
|
「09jogan_ndx-メモ帳」 |
09jogan_ndx-メモ帳 <P> <A href="../kodai_ndx.htm"><IMG src="48home15.gif" height="31" width="87"></A> <A href="../08tenpyo/tenpyo_ndx.htm"><IMG src="48back15.gif" height="31" width="87"></A> <A href="../10sekkan/sekkan_ndx.htm"><IMG src="48next15.gif" height="31" width="87"></A> </P> <FONT size="+4" color="#0000ff">貞観時代目次</FONT> <TR> <TD align="left">01</TD> <TD align="left"><A href="jogan01.htm">多賀城と胆沢城</A></TD></TR> <TR> <TD align="left">02</TD> <TD align="left"><A href="jogan02.htm">建築(室生寺)</A></TD></TR> <TR> <TD align="left">03</TD> <TD align="left"><A href="jogan03.htm">伽藍配置(室生寺)</A></TD></TR> <TR> <TD align="left">04</TD> <TD align="left"><A href="jogan04.htm">三筆(橘逸勢・空海・嵯峨天皇)</A></TD></TR> <TR> <TD align="left">05</TD> <TD align="left"><A href="jogan05.htm">最澄・空海</A></TD></TR> <TR> <TD align="left">06</TD> <TD align="left"><A href="jogan06.htm">彫刻(不動明王・観音・黄不動)</A</TD></TR> <TR> <TD align="left">07</TD> <TD align="left"><A href="jogan07.htm">彫刻(薬師如来・釈迦如来)</A></TD></TR> <TR> <TD align="left">08</TD> <TD align="left"><A href="jogan08.htm">彫刻(翻波式)</A></TD></TR> <TR> <TD align="left">09</TD> <TD align="left"><A href="jogan09.htm">胎蔵界曼荼羅と金剛界曼荼羅</A></TD></TR> <TR> <TD align="left">10</TD> <TD align="left"><A href="jogan10.htm">神仏習合T</A></TD></TR> <TR> <TD align="left">11</TD> <TD align="left"><A href="jogan11.htm">神仏習合U</A></TD></TR> <TR> <TD align="left">12</TD> <TD align="left"><A href="jogan12.htm">神仏習合V</A></TD></TR> <TR> <TD align="left">13</TD> <TD align="left"><A href="jogan13.htm">伊勢神宮のなりたち</A></TD></TR> |
写真(3) |
写真(3)は、「09jogan_ndx-メモ帳」画面です。 |
(1)「09jogan_ndx-メモ帳」とは、貞観時代目次のソース(設計図)です。 (2)どのような構造かが把握できます。 (3)<TD align="left">01</TD>とは、写真(2)の番号「01」のことです。 (4)<A href="jogan01.htm">多賀城と胆沢城</A>とは、「多賀城と胆沢城」がリンク元、「jogan01.htm」がリンク先です。つまり、「多賀城と胆沢城」をクリックすると、「jogan01.htm」にリンクするということです。 (5)<TD align="left">05</TD>とは、写真(2)の番号「05」のことです。 (6)<A href="jogan05.htm">最澄・空海</A>とは、「最澄・空海」がリンク元、「jogan05.htm」がリンク先です。つまり、「最澄・空海」をクリックすると、「jogan05.htm」にリンクするということです。 |
(7)長いフォルダ名・ファイル名は、半角英数で約8文字とします。これが基礎基本の考えです。 ・「joganjidaimokuji.htm-メモ帳」→「jogan_ndx.htm-メモ帳」(ndxはindexの略) ・「tenpyojidai」→「tenpyo.htm」 ・「honpasikichokoku.htm」→「jogan08.htm」 |
|
「backボタンにリンク」 |
写真(4) |
写真(4)は、「backボタンにリンク」画面です。 |
(1)貞観時代のファイル名一覧です。 (2)@「jogan02.htm」が現在位置(リンク元)です。 (3)A「back」ボタンをダブルクリックします。 (4)現在位置(リンク元)の「jogan02.htm」から1つ戻るファイル名(リンク先)を選択します。 (5)候補が多くても、「jogan02.htm」のバックは「jogan01.htm」です。 (6)「next」も、「jogan02.htm」のネクストは「jogan03.htm」です。 (7)リンクを貼るのにも非常に簡単です。 |
|
「jogan02-メモ帳」 |
@jogan02-メモ帳 <P> <A href="Bjogan_ndx.htm"><IMG src="A48home.gif" height="37" width="83"></A> <A href="Djogan01.htm"><IMG src="C48back.gif" height="37" width="83"></A> <A href="Fjogan03.htm"><IMG src="E48next.gif" height="37" width="83"></A> </P> |
写真(5) |
写真(5)は、「jogan02-メモ帳」画面です。 |
(1)@「jogan02-メモ帳」とは、建築ページ(jogan02.htm)のソース(設計図)です。 (2)どのような構造かが把握できます。 (3)A「48home.gif」とは、写真(4)の「home」ボタンのことです。 (4)B「jogan_ndx.htm」とは、リンク先のページ名です。ndxは小目次を意味します。 (5)<IMG src="A48home.gif" height="37" width="83">とは、「home」ボタンの高さが「37」ピクセル、幅が「83」ピクセルという意味です。 |
(6)<A href="Bjogan_ndx.htm"><IMG src="A48home.gif"></A>とは、写真(4)の「home」ボタンをクリックすると、B「jogan_ndx.htm」にリンクするということです。 |
(7)<A href="Djogan01.htm"><IMG src="C48back.gif"></A>とは、写真(4)の「back」ボタンをクリックすると、D「jogan01.htm」にリンクするということです。 |
(8)<A href="Fjogan03.htm"><IMG src="E48next.gif"></A>とは、写真(4)の「next」ボタンをクリックすると、F「jogan03.htm」にリンクするということです。 |
(9)jogan01の次がjogan02で、jogan02の次がjogan03、jogan03の次がjogan04・・・というように、写真(4)のようなファイル名です。メモする必要がありません。これがペーパーレス(情報処理)です。 |
|
「ボタンにリンク」 |
写真(6) |
写真(6)は、「ボタンにリンク」画面です。 |
(1)すべてのボタン(home、back、next)にリンクできました。 |
|
「完成ページ」 |
↑(完成ページにリンク) |
写真(7) |
写真(7)は、「完成ページ」画面です。 |
(1)小目次から各ページにリンクしました。 (2)基礎基本のページです。日本語やバラバラなファイルとの違いが理解できます。 |