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

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

ﾂﾘｰﾒﾆｭｰ + 左右ﾌﾚｰﾑ、ﾂﾘｰ構成集容易、ﾌｫﾙﾀﾞｰ・ｻｲﾄｱｲｺﾝ固定。　　　　　　DHTML。　　　　　　ﾊｲﾊﾟｰﾘﾝｸ、ｱｲｺﾝ、ﾂﾘｰ構造・構成などのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓは、［+］［-］ｱｲｺﾝ、ﾊｲﾊﾟｰﾘﾝｸのｸﾘｯｸで。

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、tree34/をｸﾘｯｸ、開いたﾎﾙﾀﾞｰで tree34l.htm（ﾌﾚｰﾑ左ﾍﾟｰｼﾞ・Script実装）や、tree34m.htm（このﾍﾟｰｼﾞ）、tree34fr.htm（左右ﾌﾚｰﾑ）、images/ﾎﾙﾀﾞｰと内容ﾌｧｲﾙ(*.gif) などのﾌｧｲﾙを右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　※: 変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。　　　

　・　このﾌﾚｰﾑの制作方法は、tree34fr.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名）の、<html>　～　</html>に (*1) をﾍﾟｰｽﾄし、ﾌﾚｰﾑｻｲｽﾞなどを、 WordPad や SmipleText などのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。

　・　このDHTML（ﾂﾘｰﾒﾆｭｰ）の実装方法は、tree34l.htm（DHTML実装左ﾍﾟｰｼﾞ）をﾃｷｽﾄｴﾃﾞｨﾀｰで。　　　　ﾎｰﾑへ　…、以下の説明部分は削除して使用。　　　ｽｸﾛｰﾙﾊﾞｰの表示を自動（ａｕｔｏ）に指定時は、初期非表示になります。

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

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

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

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

HTMLの編集方法　

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

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

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

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

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

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

↓：ここから削除可

↑：ここ迄削除可

<head>

<title>サンプルページ　ツリーメニュー 34fr</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="170,*"※：フレーム列幅、ピクセル（Winサイズ変化に非変化、解像度で変化）　　　

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

【表示先】

target="top"　　　　　　　※：<frame name="left"　左フレームページのJavaScriptがターゲットを指定する。（特例）

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

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

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

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

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

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