サンプルページ　　　折り畳みメニュー7a フレーム

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　折り畳みﾒﾆｭｰ7a ﾌﾚｰﾑ　　oritaatmi7am.htm （作成手順・初期右ﾌﾚｰﾑﾍﾟｰｼﾞ）

折り畳みﾒﾆｭｰ、選択ﾒﾆｭｰのみ展開 + ﾌﾚｰﾑ。　　　　　DHTML。　　　　　　ﾒﾆｭｰ、ﾘﾝｸ、配色、ｻｲｽﾞ、位置などのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　Internet Explorer5.x～対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。　　

ﾃﾞﾓは、”ﾒﾆｭｰ　1”などをｸﾏｳｽｵｰﾊﾞｰ、ﾒﾆｭｰの展開/折り畳み、ﾘﾝｸｵｰﾌﾟﾝなどで。

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、oritatami7a_fr.htm（左右ﾌﾚｰﾑ）、oritatami7al.htm（DHTML実装左ﾍﾟｰｼﾞ、折り畳みﾒﾆｭｰ7alの作成手順）、oritaatmi7am.htm （作成手順・初期右ﾌﾚｰﾑﾍﾟｰｼﾞ）、dd_down.gif を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]－[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

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

　・　このDHTML（ﾂﾘｰﾒﾆｭｰ）の実装方法は、oritatami7al.htm（DHTML実装左ﾍﾟｰｼﾞ、折り畳みﾒﾆｭｰ7aの作成手順）をﾃｷｽﾄｴﾃﾞｨﾀｰで。　　　　ﾎｰﾑへ　…、以下の説明部分は削除して使用。

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

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

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

(*1) ：　oritatami7a_fr.htm （例）　　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

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

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

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

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

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

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

↓：ここから削除可

↑：ここ迄削除可

<head>

<title>サンプルページ　折り畳みメニュー7a フレーム</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ｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。