サンプルページ　　　ツリーメニュー 13m

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾂﾘｰﾒﾆｭｰ 13m　tree13m.htm　（作成手順・初期右ﾌﾚｰﾑﾍﾟｰｼﾞ）

ｱｲｺﾝのﾏｳｽｵｰﾊﾞｰ（または、ｸﾘｯｸ）でﾂﾘｰﾒﾆｭｰを展開/折り畳み + 左右ﾌﾚｰﾑ。　　　　選択ﾎﾙﾀﾞｰのみ自動展開。　　　　　DHTML。　　　　　　ﾒﾆｭｰ構造、ﾊｲﾊﾟｰﾘﾝｸ、ｱｲｺﾝ画像などのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　Internet Explorer4.x～対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓは、tree13fr.htm　を開き、ｱｲｺﾝのｸﾘｯｸで展開/折り畳み、”AlltheWeb”などのｸﾘｯｸで。

< ご使用方法 >

・　ﾛｰｶﾙ（=PC）への保存は、tree13fr.htm（左右ﾌﾚｰﾑ）、tree_menu13l.htm （DHTML実装左ﾍﾟｰｼﾞ、ﾂﾘｰﾒﾆｭｰの作成手順）、tree13m.htm （ﾌﾚｰﾑの作成手順・初期右ﾍﾟｰｼﾞ）、nav_closed.gif、nav_open1.gif、e.gif、c.gif を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　※: 変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。　　　

　・　このﾌﾚｰﾑの制作方法は、tree13fr.htmをﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名）の、 <html>　～　</html> の任意の行間に (*1)をﾍﾟｰｽﾄします。

　・　このDHTML（ﾂﾘｰﾒﾆｭｰ・outline）の実装方法は、tree_menu13l.htm （DHTML実装左ﾍﾟｰｼﾞ）をﾃｷｽﾄｴﾃﾞｨﾀｰで。　　　　ﾎｰﾑへ　…、以下の説明部分は削除して使用。

　・　初期に表示させる右ﾍﾟｰｼﾞは、【初期・デフォルトでフレームに表示するページ】を参考に、tree13fr.htm（左右ﾌﾚｰﾑ）中の記述を、src="tree13m.htm"（例）から任意のﾌｧｲﾙ名に変更します。　　　左ﾍﾟｰｼﾞ、src="tree_menu13l.htm"も同様に。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 8.x～などで開いて。　　　　更新の確認は [F5]ｷｰを押し、ｻｰﾊﾞｰやﾌﾞﾗｳｻﾞｰのｷｬｯｼｭｸﾘｱｰ、最新ﾃﾞｰﾀ読み込み（≠再ｱｸｾｽ）で行います。

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.jsなども転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

(*1) ：　tree13fr.htm （例）　　　　　　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰで開き、編集、使用します。　　

HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

ﾌﾚｰﾑﾈｰﾑの宣言：target=に記述して使用。

ﾀｰｹﾞｯﾄ
frame name：main など
新しいWin ： _blank
同じﾌﾚｰﾑ： _self
ﾍﾟｰｼﾞ全体： _top
親ﾌﾚｰﾑ： _parent

↓：ここから削除可

↑：ここ迄削除可

<head>

<title>サンプルページ　ツリーメニュー 13fr</title>

</head>

<body>　

<p>ここに、サイト=ページの紹介文などを記述します。　検索エンジンの、”サマリー”に表示されたりします。　検索キーワードも抽出されます。</p>

</body>

</noframes>

</frameset>

<!-- 　ここから、説明文。　カスタマイズ・編集は、それぞれ下記に該当部分で。

【タイトル】

<title>xxxxxxのページ</title>　　　※：タスクバーや、タイトルバー、お気に入りなどに表示される文字列。　

【枠線】　

frameborder="0"　　　　　　※：1=枠幅　

framespacing="1" 　　　　　※：0 =境界線を掴めなくなります。

【スクロールバー】

scrolling="auto" 　　　　※：auto=スクロールバー自動表示　no =　　〃　　非表示（メニューのフレームなどに使用）　

【フレームサイズ】

scrolling="auto" noresize>　※：固定は、noresize を追加。

cols="160,*"※：フレーム列幅、ピクセル（Winサイズ変化に非変化、解像度で変化）　　　

cols="20％,*"　　　　　　※：フレーム列幅、Winサイズ比（スクリーン、Winサイズ変化で変化）

【表示先】

target="main"　　　　　　　※：<frame name="main"　メイン（右）フレームに表示する。

target="_self"　　　　　　　※：<frame name="main"　同じ（右）フレームに表示する。

【初期・デフォルトでフレームに表示するページ】

src="xxx.htm"　　　　　　 ※：同じ階層に配置したファイル名や、別階層、ドメインに配置したURL+ファイル名。

ここまで、説明文。　 -->

< 補足 >　　　　適時参照あれ！。

・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。