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

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

ﾂﾘｰﾒﾆｭｰ + 左右ﾌﾚｰﾑ、ﾂﾘｰ構成容易。　　　　　　DHTML、XML。　　　　　　ﾊｲﾊﾟｰﾘﾝｸ、ｱｲｺﾝ、ﾂﾘｰ構造・構成などのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。　　　関連・詳細情報　：　tree26.htm（非ﾌﾚｰﾑ、ﾀｰｹﾞｯﾄ=ﾍﾟｰｼﾞ全体で開く）

ﾃﾞﾓは、などのｸﾘｯｸで。　　　※：ﾌﾚｰﾑへの表示制限している外部ﾄﾞﾒｲﾝのﾍﾟｰｼﾞは非表示。　

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、tree26/ をｸﾘｯｸ、開いたﾎﾙﾀﾞｰで tree26l.htm（ﾌﾚｰﾑ左ﾍﾟｰｼﾞ・Script実装）や、tree26m.htm（このﾍﾟｰｼﾞ）、tree26fr.htm（左右ﾌﾚｰﾑ）、001011700.js（Script、ｱｲｺﾝ画像の記述）、001011700.xml（ﾊｲﾊﾟｰﾘﾝｸ記述）、*.gif などのﾌｧｲﾙを右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　※: 変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。　　　

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

　・　このDHTML（ﾂﾘｰﾒﾆｭｰ）の実装方法は、(*2)を参考に tree26l.htm （ﾌﾚｰﾑ左ﾍﾟｰｼﾞ・Script実装）をﾃｷｽﾄｴﾃﾞｨﾀｰで。　　　　ﾂﾘｰ構成・ﾊｲﾊﾟｰﾘﾝｸは、001011700.xml を、またｱｲｺﾝ画像・ﾌﾚｰﾑ名は、001011700.js の編集で。　　　　※：　ｽｸﾛｰﾙﾊﾞｰの表示を自動（ａｕｔｏ）に指定時は、初期非表示になります。

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

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

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

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

HTMLの編集方法　

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

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

ｼﾌﾄJIS使用（削除不可）
ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

ﾌﾚｰﾑﾈｰﾑの宣言：target=に記述して使用。
ﾀｰｹﾞｯﾄ
frame name：main など
新しいWin ： _blank
同じﾌﾚｰﾑ： _self
ﾍﾟｰｼﾞ全体： _top
親ﾌﾚｰﾑ： _parent

↓：ここから削除可

↑：ここ迄削除可

<head>
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">
<title>サンプルページ　ツリーメニュー 26fr</title>
<link REL="SHORTCUT ICON" href="favicon.ico">
</head>

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

(*2) ：　tree26l.htm （例）　　　　　　　　　挿入先の、ＨＴＭＬﾌｧｲﾙ　にﾍﾟｰｽﾄします。

　HTMLの編集方法　

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

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

ｼﾌﾄJIS使用（削除不可）
ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

※：<body>　部の編集　Script　背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

絶対位置　位置ｼﾌﾄ　DIV幅

表幅

表背景色　〃背景画像

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">
<link REL="SHORTCUT ICON" href="favicon.ico">

<base target="">
<title>サンプルページ　　ツリーメニュー 26l</title>

<script type="text/javascript" src="001011700.js"></script>


</head>

</body>
</html>

(*3) ：　001011700.xml （例）　　　　　　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰで開き、編集しhogehoge.htmlと同ﾃﾞｨﾚｸﾄﾘｰに転送・配置します。

　*.xml　の編集方法　

(*3)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓の太字部分を編集し使用。

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

ﾉｰﾄﾞID（固有・任意・非連続）　ﾒﾆｭｰ・ｻｲﾄ名
URL

以下、同様に加減・編集。

ﾒｰﾙｱﾄﾞﾚｽ

<?xml version="1.0" encoding="shift_jis"?>
<base>
<root id="1" parent="root" link="">　ｻｲﾄ　1</root>
<root id="11" parent="1" link="">ｻｲﾄ　11</root>
<root id="111" parent="11" link="http://w./……/xxx.html">ｻｲﾄ　111</root>
<root id="112" parent="11" link="http://www./……/xxx.html">ｻｲﾄ　112</root>

====　　この間、説明を省略。　　====

====　　この間、説明を省略。　　====

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

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