色々なリンク

我流のリンク(日本語やバラバラなファイル名)
バラバラなファイル名にリンクする場合の問題点
「リンク先のバラバラなファイル名」
写真(1)
 写真(1)は、「リンク先のバラバラなファイル名」画面です。
(1)貞観時代のファイル名一覧です。
(2)「tagajo」がリンク元です。
(3)候補からリンク先の「tagajo」を選択します。
(4)数が多く、順番がABCD順なので、探しにくい。

「ソース(設計図)の見方」
写真(2)
 写真(2)は、「ソース(設計図)の見方」画面です。
(1)ブラウザ画面にします。
(2)「表示」→「ソース」

「joganjidaimokuji-メモ帳」
joganjidaimokuji-メモ帳
<P>
<A href="../kodaimokuji.htm"><IMG src="48home15.gif" height="31" width="87"></A>
<A href="../tenpyojidai/tenpyojidaimokuji.htm"><IMG src="48back15.gif" height="31" width="87"></A>
<A href="../sekkanjidai/sekkajidaimokuji.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="tagajo.htm">多賀城と胆沢城</A></TD></TR>
<TR>
<TD align="left">02</TD>
<TD align="left"><A href="kentiku.htm">建築(室生寺)</A></TD></TR>
<TR>
<TD align="left">03</TD>
<TD align="left"><A href="murojigaran.htm">伽藍配置(室生寺)</A></TD></TR>
<TR>
<TD align="left">04</TD>
<TD align="left"><A href="sanpitu.htm">三筆(橘逸勢・空海・嵯峨天皇)</A></TD></TR>
<TR>
<TD align="left">05</TD>
<TD align="left"><A href="saichokukai.htm">最澄・空海</A></TD></TR>
<TR>
<TD align="left">06</TD>
<TD align="left"><A href="chokoku.htm">彫刻(不動明王・観音・黄不動)</A</TD></TR>
<TR>
<TD align="left">07</TD>
<TD align="left"><A href="nyoraizo.htm">彫刻(薬師如来・釈迦如来)</A></TD></TR>
<TR>
<TD align="left">08</TD>
<TD align="left"><A href="honpasikichokoku.htm">彫刻(翻波式)</A></TD></TR>
<TR>
<TD align="left">09</TD>
<TD align="left"><A href="mandara.htm">胎蔵界曼荼羅と金剛界曼荼羅</A></TD></TR>
<TR>
<TD align="left">10</TD>
<TD align="left"><A href="sinbutushugo1.htm">神仏習合T</A></TD></TR>
<TR>
<TD align="left">11</TD>
<TD align="left"><A href="sinbutushugo2.htm">神仏習合U</A></TD></TR>
<TR>
<TD align="left">12</TD>
<TD align="left"><A href="sinbutushugo3.htm">神仏習合V</A></TD></TR>
<TR>
<TD align="left">13</TD>
<TD align="left"><A href="iejingu.htm">伊勢神宮のなりたち</A></TD></TR>
写真(3)
 写真(3)は、「joganjidaimokuji-メモ帳」画面です。
(1)「joganjidaimokuji-メモ帳」とは、貞観時代目次のソース(設計図)です。
(2)どのような構造かが把握できます。
(3)<TD align="left">01</TD>とは、写真(2)の番号「01」のことです。
(4)<A href="tagajo.htm">多賀城と胆沢城</A>とは、「多賀城と胆沢城」がリンク元、「tagajo.htm」がリンク先です。つまり、「多賀城と胆沢城」をクリックすると、「tagajo.htm」にリンクするということです。

「backボタンにリンク」
写真(4)
 写真(4)は、「backボタンにリンク」画面です。
(1)貞観時代のファイル名一覧です。
(2)@「kentiku.htm」が現在位置(リンク元)です。
(3)A「back」ボタンをダブルクリックします。
(4)現在位置(リンク元)の「kentiku.htm」から1つ戻るファイル名(リンク先)を選択します。
(5)候補の数が多いので、「kentiku.htm」の前のファイル名(リンク先)をメモしないと探せません。
(6)リンクを貼るのに非常に苦労します

「kentiku-メモ帳」
@kentiku-メモ帳
<P>
<A href="Bjoganjidaimokuji.htm"><IMG src="A48home.gif" height="37" width="83"></A>
<A href="Dtagajo.htm"><IMG src="C48back.gif" height="37" width="83"></A>
<A href="Fmurojigaran.htm"><IMG src="E48next.gif" height="37" width="83"></A>
</P>
写真(5)
 写真(5)は、「建築-メモ帳」画面です。
(1)@「kentiku-メモ帳」とは、建築ページ(kentiku.htm)のソース(設計図)です。
(2)どのような構造かが把握できます。
(3)A「48home.gif」とは、写真(4)の「home」ボタンのことです。
(4)B「joganjidaimokuji.htm」とは、リンク先のページ名です。
(5)<IMG src="A48home.gif" height="37" width="83">とは、「home」ボタンの高さが「37」ピクセル、幅が「83」ピクセルという意味です。
(6)<A href="Bjoganjidaimokuji.htm"><IMG src="A48home.gif"></A>とは、写真(4)の「home」ボタンをクリックすると、B「joganjidaimokuji.htm」にリンクするということです。
(7)<A href="Dtagajo.htm"><IMG src="C48back.gif"></A>とは、写真(4)の「back」ボタンをクリックすると、D「tagajo.htm」にリンクするということです。
(8)<A href="Fmurojigaran.htm"><IMG src="E48next.gif"></A>とは、写真(4)の「next」ボタンをクリックすると、F「murojigaran.htm」にリンクするということです。
(9)tagajoの次がkentikuで、kentikuの次がmurojigaran、murojigaranの次がsanpitu・・・というように、写真(2)のような目次順をメモする必要があります。ペーパーレス(情報処理)にはなりません。

「ボタンにリンク」
写真(6)
 写真(6)は、「ボタンにリンク」画面です。
(1)すべてのボタン(home、back、next)にリンクできました。

「完成ページ」
↑(完成ページにリンク)
写真(7)
 写真(7)は、「完成ページ」画面です。
(1)小目次から各ページにリンクしました。
(2)日本語入力ページに比べ、半角英数ですから、アップしても表示されます。
(3)しかし、バラバラなフォルダ名、バラバラなファイル名の場合、ABCD順ですから、リンク先を探すのに苦労します。