26　フレームリファレンス

26　フレーム　リファレンス

2024/08/02 10:18　更新

各種ﾌﾚｰﾑを説明。　　　　編集はﾃｷｽﾄｴﾃﾞｨﾀｰや、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰでHTMLﾀｸﾞを見ながら行います。　　　　　※:　全ｻﾝﾌﾟﾙは、24 Java、JavaScript、DHTMLｻﾝﾌﾟﾙ - ｶﾃｺﾞﾘｰ区分 ⇒ 　ﾌﾚｰﾑ　ｻﾝﾌﾟﾙ 1 　 ﾌﾚｰﾑ　ｻﾝﾌﾟﾙ 2 　　IFRAME、DOM で。

ﾄﾋﾟｯｸ : 　⇒　ﾀｰｹﾞｯﾄ　ﾌﾚｰﾑﾈｰﾑ、隠しﾌﾚｰﾑ（例）、ｻｰﾁｴﾝｼﾞﾝへ登録、ﾌﾚｰﾑに表示させない、（ﾌﾚｰﾑ外）単独で表示させない、指定ﾍﾟｰｼﾞからのﾘﾝｸを辿ってもらう（行へｼﾞｬﾝﾌﾟ）

ﾃﾞﾓは、※:”Internet Explorerﾓｰﾄﾞで全作動。 ⇒ 設定方法で。

--------------------------------------------------------------------------------------------------------------------

★　左右フレームの作成方法 （例）

(1)　【サンプルファイルの一覧】
frame_sample1/ をｸﾘｯｸ、　『　Index of /oka_tosho/frame_sample1/ 』で始まる画面で、ﾌｧｲﾙの一覧が表示されます。
保存手順： *.htm をそれぞれ”右ｸﾘｯｸ”します。対象をﾌｧｲﾙに保存 →【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【名前を付けて保存】　保存する場所：▼ → Temp　などを任意に指定。　　　[保存]　で。
Internet Explorerで表示された”ﾌﾚｰﾑ”のHTMLｿｰｽ・ﾀｸﾞを見たりｺﾋﾟｰするには、【Internet Explorer】-[表示]-[ｿｰｽ]で、また”上ﾍﾟｰｼﾞ”のHTMLｿｰｽ・ﾀｸﾞを見るには、”上ﾍﾟｰｼﾞ”にｶｰｿﾙを置き、右ｸﾘｯｸ → ｿｰｽの表示で。
　

【説明書】

　　setumeisyo.htm　　　本書、ご使用方法。　　ﾌﾚｰﾑの編集方法は、各ﾌﾚｰﾑのHTML中のｺﾒﾝﾄでも記述しています。
　 setumeisyo2.htm 　　左右ﾌﾚｰﾑ様式ﾍﾟｰｼﾞの、実例と応用手順。
setumeisyo3.htm　　左・中（右）ﾌﾚｰﾑ様式 + ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰﾍﾟｰｼﾞの実例と応用手順。
setumeisyo3a.htm　　左・中（右）ﾌﾚｰﾑ様式 + ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰﾍﾟｰｼﾞの実例と応用手順。　　実行ﾎﾞﾀﾝ無しﾀｲﾌﾟ。
　 setumeisyo4.htm　　複数のﾌﾚｰﾑのﾍﾟｰｼﾞを一斉に切り替えます。　（例）：左ﾍﾟｰｼﾞから、上中下右ﾍﾟｰｼﾞを切り替え。　　JavaScript。
　 setumeisyo5.htm　　複数のﾌﾚｰﾑのﾍﾟｰｼﾞを一斉に切り替えます。　（例）：左ﾍﾟｰｼﾞから、上下ﾍﾟｰｼﾞを切り替え。　　JavaScript。
　 setumeisyo6.htm　　高さ0pixelの上ﾍﾟｰｼﾞに、ｻｳﾝﾄﾞ・BGMﾀｸﾞを記述。ﾒｲﾝﾍﾟｰｼﾞを切り替えても、ｻｳﾝﾄﾞ（BGM）演奏を継続。
　

【ﾌﾚｰﾑのｻﾝﾌﾟﾙ】

　　HHN.htm　　　　　左・左・中（右）　　ﾌﾚｰﾑ
　　HHUNSM.htm　　左・左・上・中・下・右ﾌﾚｰﾑ
　　HN.htm　　　　　左・中（右）　　　     ﾌﾚｰﾑ
　　HN1.htm　　　　左・中（右）　　　     ﾌﾚｰﾑ+ ﾊｲﾗｲﾄ表制作方法
　　 HN2.htm　　　　左・中（右）　　　　   ﾌﾚｰﾑから、IFRAMEに表示ﾍﾟｰｼﾞを制御。制作方法　IE4.x/N6.x～
　　HNpd.htm　　　　左・中（右）　　　     ﾌﾚｰﾑ+ ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ
　　HNpd1.htm　　　左・中（右）　　　     ﾌﾚｰﾑ+ ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ、実行ﾎﾞﾀﾝ無しﾀｲﾌﾟ。　作成方法　all
　　HN_pr.htm　　　　左・中（右）　　　     ﾌﾚｰﾑ+左右ﾍﾟｰｼﾞの印刷、JavaScript
　　HNM.htm　　　　　左・中・右　　　　　   ﾌﾚｰﾑ
　　HNMS.htm　　　　左・中・右・下　　   ﾌﾚｰﾑ
　　HNS.htm　　　　　左・中・下　　　　　ﾌﾚｰﾑ
　　HSN.htm　　　　　左・下・中　　　　　ﾌﾚｰﾑ
　　HUN.htm　　　　左・上・中（下）　　  ﾌﾚｰﾑ
　　HUN1.htm　　　　左・上・中（下）　　ﾌﾚｰﾑ+複数ﾌﾚｰﾑ切り替えJavaScript。　制作方法　all
　　HUNbgm.htm　　左・上・中（下）　　ﾌﾚｰﾑ+高さ0pixelの上ﾍﾟｰｼﾞに、ｻｳﾝﾄﾞ・BGMﾀｸﾞを記述。
　　HUNS.htm　　　   左・上・中・下　　　ﾌﾚｰﾑ
　　HUNSM.htm　　   左・上・中・下・右   ﾌﾚｰﾑ
　　HUNSM1.htm　　左・上・中・下・右   ﾌﾚｰﾑ+複数ﾌﾚｰﾑ切り替えJavaScript。　制作方法　all
　　HUNSM2.htm　　左・上・中・下・右   ﾌﾚｰﾑ+各ﾌﾚｰﾑﾍﾟｰｼﾞの印刷JavaScript
　　NM.htm　　　       中・右　　　　　　　   ﾌﾚｰﾑ
　　NS.htm　　　　　　中・下　　     　　    ﾌﾚｰﾑ
　　UHN.htm　　　　　上・左・中（下）　　ﾌﾚｰﾑ
　　UHNMS.htm　　　上・左・右・中（下）ﾌﾚｰﾑ
　　UNS.htm　　　　　上・中・下　　　　　   ﾌﾚｰﾑ
　　UNM.htm　　　　　上・中・右　　  　　ﾌﾚｰﾑ
　　UNSM.htm　　　　上・中・下・右　　   ﾌﾚｰﾑ
　　US.htm　　   　　上・下（中）　　　     ﾌﾚｰﾑ
　　US1.htm　　   　　上・下（中）　　　     ﾌﾚｰﾑ+ ﾊｲﾗｲﾄ表制作方法
　　 USpd.htm　　　　上・下（中）　　　     ﾌﾚｰﾑ+ ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ
　　USpd1.htm　　　　上・下（中）　　　     ﾌﾚｰﾑ+ ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ、実行ﾎﾞﾀﾝ無しﾀｲﾌﾟ。　作成方法　all
　　UUHNMS.htm　　上・上・左・右・中（下）ﾌﾚｰﾑ　
　　UUS.htm　　　　　上・上・中（下）       ﾌﾚｰﾑ　
　　次頁ﾌﾚｰﾑ　　　　上・下（中）　　　　   ﾌﾚｰﾑ+NextPageﾎﾞﾀﾝ。　作成方法　　all
　　次頁ﾌﾚｰﾑv　　　　左・右（中）　　   　ﾌﾚｰﾑ+NextPageﾎﾞﾀﾝ。　作成方法　　all
　　折り畳みﾌﾚｰﾑ　上・下（中）　　　   　ﾌﾚｰﾑ+ﾌﾚｰﾑを”表示/折り畳み”、縦3分割します。

【ﾌﾚｰﾑに表示するﾍﾟｰｼﾞのｻﾝﾌﾟﾙ】　各ﾌﾚｰﾑで共用

　　hidari.htm　　　   左ﾌﾚｰﾑ用　　　　　　ﾍﾟｰｼﾞ
　 hidari2.htm　　　左ﾌﾚｰﾑ用　　　　　　ﾍﾟｰｼﾞ、一斉切り替えJavaScript実装
　 hidari3.htm　　　左ﾌﾚｰﾑ用　　　　　　ﾍﾟｰｼﾞ、一斉切り替えJavaScript実装
    hidari-pd.htm　　左ﾌﾚｰﾑ用　　　　　　ﾍﾟｰｼﾞ + ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ
    hidari-pd1.htm　左ﾌﾚｰﾑ用　　　　　　ﾍﾟｰｼﾞ + ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ
　　naka.htm　　　     中（下）ﾌﾚｰﾑ用　　ﾍﾟｰｼﾞ
　　naka1.htm　　　   中（下）ﾌﾚｰﾑ用　　　ﾍﾟｰｼﾞ、実行ﾎﾞﾀﾝ無しﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ用。
　　naka_p.htm　　　  中（下）ﾌﾚｰﾑ用　　　ﾍﾟｰｼﾞ、ﾌﾟﾛﾃｸﾄJavaScript実装。
　　naka_pr.htm　　　中（下）ﾌﾚｰﾑ用　　　ﾍﾟｰｼﾞ+左右ﾍﾟｰｼﾞの印刷、JavaScript
　　migi.htm　　　　　右ﾌﾚｰﾑ用　　　　　　ﾍﾟｰｼﾞ
　　sita.htm　　　　    下ﾌﾚｰﾑ用　　　　　　ﾍﾟｰｼﾞ　　
　　ue.htm　　　　   　上ﾌﾚｰﾑ用　　　　　ﾍﾟｰｼﾞ
　　ue1.htm　　　　　上ﾌﾚｰﾑ用　　　　　ﾍﾟｰｼﾞ+各ﾌﾚｰﾑﾍﾟｰｼﾞの印刷JavaScript実装、作成方法。
　　ue-pd.htm　　     上ﾌﾚｰﾑ用　　　　　ﾍﾟｰｼﾞ + ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ
　　ue-pd1.htm　　　上ﾌﾚｰﾑ用　　　　　　ﾍﾟｰｼﾞ + 実行ﾎﾞﾀﾝ無しﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ
　

(2)　【吟味】　
ﾌﾚｰﾑ　HN.htm　　左・中（下）ﾌﾚｰﾑ　　などをｸﾘｯｸし、ｻﾝﾌﾟﾙﾌﾚｰﾑを開き、さまざまな ”ﾌﾚｰﾑ間ﾘﾝｸ” の作動や、Winｻｲｽﾞ変更によるｽｸﾛｰﾙﾊﾞｰの出現、境界にｶｰｿﾙを置き、” ←→” を移動させたりを、吟味でけまっ、…*。
ﾌﾚｰﾑ　HN.htm　　左・中（下）ﾌﾚｰﾑ　のｿｰｽ・HTMLﾀｸﾞを見たりｺﾋﾟｰするには、HN.htm　などを Internet Explorer で開き、【Internet Explorer】-[表示]-[ｿｰｽ]-で。
HUNSM.htm　などのﾌﾚｰﾑ、hidari.htm　などのﾌﾚｰﾑ表示用ﾍﾟｰｼﾞなども同様に。あるいは、”上ﾍﾟｰｼﾞ”のHTMLｿｰｽ・ﾀｸﾞを見るには、”上ﾍﾟｰｼﾞ”にｶｰｿﾙを置き、右ｸﾘｯｸ → ｿｰｽの表示で。
未作成ﾍﾟｰｼﾞの、”xxxx.htm”などは、ｱﾄﾞﾚｽﾊﾞｰにｱｸｾｽの痕跡を表示、ﾀｰｹﾞｯﾄﾍﾟｰｼﾞ自体は　『 [i〕ﾍﾟｰｼﾞを表示できません。』と表示され、ｱﾄﾞﾚｽﾊﾞｰで作成したﾘﾝｸ（URL）を確認できまっ！。
左・中（下）ﾌﾚｰﾑで、　上初期ﾍﾟｰｼﾞ　などの、”無効ﾘﾝｸ”のｸﾘｯｸでは、”新しいWin” で ”上初期ﾍﾟｰｼﾞ” が表示されます。　　原因は、各ﾌﾚｰﾑ共用のﾍﾟｰｼﾞに存在する、”無効ﾘﾝｸ”〔target="未宣言のﾌﾚｰﾑ名"〕に遭遇するためじゃ、応用に際し、”不要なｻﾝﾌﾟﾙﾘﾝｸ部分”は削除・編集して使用します。

(3)　【保存手順】　
次のように、ｻﾝﾌﾟﾙをPCに取り込み、保存します。　　　HN.htm、hidari.htm　と、naka.htm　をそれぞれ”右ｸﾘｯｸ”します。　
対象をﾌｧｲﾙに保存 →【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【名前を付けて保存】　保存する場所：▼ → Temp　などを任意に指定。　　　[保存]　で。
frame_sample1　などの名のﾎﾙﾀﾞｰを作成し、まとめて入れておくと分かり易い。
必要なﾌｧｲﾙは、たとえば　”HUN.htm　左・上・中（下）ﾌﾚｰﾑ”を元に応用・制作する場合は、　HUN.htm と、hidari.htm、ue.htm、naka.htm　になります。
同様に、ほかのﾌｧｲﾙをすべて同じﾎﾙﾀﾞｰに保存しておくと便利。
保存時にﾌｧｲﾙ名・拡張子部分が、勝手に変わっちまった場合は修正します。　〔（例）：xxxx.htm 保存時に変化→ xxxx.html〕　※：非作動原因。

(4)　【デモ】　
(3)で保存したﾎﾙﾀﾞｰを開き、HN.htm　をｸﾘｯｸします。　　左右のﾌﾚｰﾑﾍﾟｰｼﾞが表示されます。
Window、ｽｸﾘｰﾝｻｲｽﾞを変えｽｸﾛｰﾙﾊﾞｰが表示されます。　　
ﾌﾚｰﾑ境界にｶｰｿﾙを当て左右に移動できます。　　
”中ﾌﾚｰﾑでGoogleを表示”や、”中ﾌﾚｰﾑに中ﾍﾟｰｼﾞを表示”、”Googleを新しいWinで”などをｸﾘｯｸし、吟味します。　　
同様に、US.htm（上下）　や、HUNSM.htm（左上中下右）、……　などを吟味します。

---------------------------------------------------------------------------------------------------------------------

(5)　【編集】　
(3)で保存したﾌﾚｰﾑとﾌﾚｰﾑ（用）ﾍﾟｰｼﾞから選び、組み合わせ編集して使うと便利で簡単。
hidari.htm　と、naka.htm、HN.htm　をメモ帳や、Wordpad、SimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰでHTMLﾀｸﾞ（ｿｰｽ）を見ながら編集します。
WordpadでHTMLを編集後は、”ﾃｷｽﾄ文書”を選択し保存します、ﾌｧｲﾙ名はxxxx.htmlを保持。　　ﾌｧｲﾙ名の修正方法。　
HN.htm　などのﾌﾚｰﾑのﾌｧｲﾙ名は任意に変更しても動作に無関係です。　　
hidari.htm、naka.htm　などﾌﾚｰﾑに表示させるﾍﾟｰｼﾞのﾌｧｲﾙ名を変更した時は、HN.htm　に記述した初期にﾌﾚｰﾑに表示させるﾍﾟｰｼﾞの設定部分も同時に行います。
xxxx.htm（ﾌﾚｰﾑﾍﾟｰｼﾞ）を、ﾌﾚｰﾑと別ﾎﾙﾀﾞｰ（ﾃﾞｨﾚｸﾄﾘｰ）に配置した、また既存の別URLにした場合は、URL（http://www.xxxx.xx.jp/xxxxx/xxxxx.html）形式で記述します。
ｿｰｽからではなく、Internet Explorerなどの画面から直接HTMLをｺﾋﾟｰする際は、Wordpadなどのﾃｷｽﾄｴﾃﾞｨﾀｰを経由すると文字ｺｰﾄﾞの”化け”を防げます。

IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ v6.xでの編集は、(1)[ﾌｧｲﾙ]-[新規作成]-[標準ﾓｰﾄﾞで新規作成]-[ﾍﾟｰｼﾞ編集]　　　[ﾌｧｲﾙ]-[開く]：HN.htm　[開く]　”ｴﾗｰが検出…”-[OK]　で読み込み編集の準備完了。　　(2)左ﾍﾟｰｼﾞのﾘﾝｸを作成・編集するには、　”中ﾌﾚｰﾑで”　文字を選択（反転表示に変わる）、[属性の変更]-[URLへ]-URL： http://www.xxxx.xx.jp/xxxxx/xxxxx.html （任意値）を記述、同じ階層に配置のﾌｧｲﾙ名のみ可。　　　ﾀｰｹﾞｯﾄ：naka　を確認、必要に応じ▼で選択。　[OK]　　　(3)同様に、中ﾍﾟｰｼﾞのﾘﾝｸの作成・編集ができます。　　(4)ﾌﾚｰﾑのｻｲｽﾞ、ｽｸﾛｰﾙﾊﾞｰなどの編集は、[ﾌﾚｰﾑHTMLｿｰｽ]。　　左ﾌﾚｰﾑ幅の変更は、 150 部分。　ｽｸﾛｰﾙﾊﾞｰは、 scrolling="auto" 部分。　　中ﾌﾚｰﾑに初期表示するﾍﾟｰｼﾞ指定は、 src="naka.htm" 部分で。　　　(5)ﾌﾚｰﾑの境界線など属性編集は、[ﾌﾚｰﾑ]-[ﾌﾚｰﾑの属性]でも可。　　　　(6)US.htm上・下ﾌﾚｰﾑやUHN.htm上・左・中ﾌﾚｰﾑなども同様に。

(5-1)　【フレームの編集】　
HN.htm　（ﾌﾚｰﾑﾌｧｲﾙ）の編集で、ｽｸﾛｰﾙﾊﾞｰや、ﾌﾚｰﾑサイズ、初期にﾌﾚｰﾑに表示させるﾍﾟｰｼﾞの設定などを行います。
太字部分を、めいめいが使用する値、文字、ﾃﾞｰﾀに変更し使用します。　　説明のための太字ｽﾀｲﾙ自体は動作に無関係。
不要なコメント部分　”　迄”　は削除しても動作に無関係。　
以下、　”※：……”　部分自体は、説明、補足でありHTMLに記述不要。
標準ﾀｰｹﾞｯﾄﾌﾚｰﾑの記述。

（例）：

<title>左中　フレーム</title>　　　　　　　　　※：ﾀｲﾄﾙバー、お気に入りなどに表示されるﾀｲﾄﾙ

</head>

<frameset cols="150,*" framespacing="1" border="0" frameborder="0">　　　※： cols="150,*"　ﾌﾚｰﾑ列幅ｻｲｽﾞ、ﾋﾟｸｾﾙ（Winｻｲｽ変化に非変化、解像度で変化）、　cols="30%,*"　Winｻｲｽﾞ比（Winｻｲｽﾞ変化で変化）。　またrows="80,*"　はﾌﾚｰﾑ行高さ　0=非表示、隠しﾌﾚｰﾑ　　固定は、　noresize　を追記　0 =境界線を掴めなくなります。　1=枠表示　　

<frame name="hidari" target="naka" src="hidari.htm" scrolling="auto" bordercolor="#54006C">　　※：ﾌﾚｰﾑ名の宣言　ﾀｰｹﾞｯﾄ（標準にする、表示対象ﾌﾚｰﾑ名）　左ﾌﾚｰﾑに初期表示のﾍﾟｰｼﾞ　ｽｸﾛｰﾙﾊﾞｰ自動表示、no=非表示　枠線色（NetscapeNavigator only）　

<frame name="naka" target="_self" src="naka.htm" scrolling="auto">　　 ※：ﾌﾚｰﾑ名の宣言　ﾀｰｹﾞｯﾄ（標準にする、表示対象ﾌﾚｰﾑ名）　中ﾌﾚｰﾑに初期表示のﾍﾟｰｼﾞ　ｽｸﾛｰﾙﾊﾞｰ自動表示、no=非表示

<body>

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

</body>

</noframes>

</frameset>

(5-2)　【フレームページの編集】　
hidari.htm　と、naka.htm　などの、ﾌﾚｰﾑに表示させるﾍﾟｰｼﾞ中のﾘﾝｸの作成は、下記（例）を参考にします。　

hidari.htm　をﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰで開き、HTMLﾀｸﾞを見ながら編集します。　　
太字部分を、めいめいが使用する値、文字、ﾃﾞｰﾀに変更し使用します。　
ﾌﾚｰﾑﾍﾟｰｼﾞのｻﾝﾌﾟﾙ中の、各ﾌﾚｰﾑで共用のための不要なｻﾝﾌﾟﾙﾘﾝｸ部分は削除します。
表示先ﾌﾚｰﾑの指定は、　target="　　"　部分に　frame name　を記述、詳細は下で。　　IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰでは、ﾊｲﾊﾟｰﾘﾝｸを右ｸﾘｯｸ → 属性の変更 → 【属性】 → ﾀｰｹﾞｯﾄ：　　に frame name　を選択・記述｡

（例）　：

<body bgcolor="#F4FFD7" link="#54006C" vlink="#62000D" alink="#00FFFF">　　　※：色の作成、記号の獲得はここで、　〃　明度指定型も、ほかにHTMLの色指定、色見本も。

<P>

xxxx.htm をさまざまなﾌﾚｰﾑで表示する（例）：　　※：任意のﾍﾟｰｼﾞのﾌｧｲﾙ名・URLに変更して使用。　　（例）の不要部分などは削除し、使用します。

</P>

<a href="xxxx.htm" target="_top">ﾍﾟｰｼﾞ全体で表示</a><br>　　　　※：表示先ﾌﾚｰﾑ（名）の指定〔　<frame name="naka" 　などで宣言したものなど使用。〕　　ﾘﾝｸの表示文字

<a href="xxxx.htm" target="_blank">新しいWinで</a></br>

<a href="xxxx.htm" target="_self">同じﾌﾚｰﾑで</a></br>

<a href="xxxx.htm" target="_parent">親ﾌﾚｰﾑで</a></br>

<a href="xxxx.htm" target="hidari">左ﾌﾚｰﾑで</a></br>

<a href="xxxx.htm" target="migi">右ﾌﾚｰﾑで</a></br>

<a href="xxxx.htm" target="ue">上ﾌﾚｰﾑで</a></br>

<a href="xxxx.htm" target="naka">中ﾌﾚｰﾑで</a></br>

<a href="http://www.google.com/intl/ja/" target="naka">中ﾌﾚｰﾑでGoogleを</a></br>

<a href="xxxx.htm" target="sita">下ﾌﾚｰﾑで</a></br>

<p>

<a href="hidari.htm#top" target="hidari">左ﾌﾚｰﾑに左ﾍﾟｰｼﾞを表示</a><br>

<a href="migi.htm#top" target="migi">右ﾌﾚｰﾑに右ﾍﾟｰｼﾞを表示</a><br>

<a href="ue.htm#top" target="ue">上ﾌﾚｰﾑに上ﾍﾟｰｼﾞを表示</a><br>

<a href="naka.htm#top" target="naka">中ﾌﾚｰﾑに中ﾍﾟｰｼﾞを表示</a><br>

<a href="sita.htm#top" target="sita">下ﾌﾚｰﾑに下ﾍﾟｰｼﾞを表示</a><br>

---------------------------------------------------------------------------------------------------------------------

(6)　【アップロ-ド】
編集完了の、　HN.htmhと、idari.htm、naka.htm　をPCに保存します。　　
HN.htm　などのﾌﾚｰﾑのﾌｧｲﾙ名は任意に変更しても動作に無関係です。　　ﾌｧｲﾙ名の修正方法。
hidari.htm、naka.htm　などﾌﾚｰﾑに表示させるﾍﾟｰｼﾞのﾌｧｲﾙ名を変更した時は、HN.htm　に記述した初期にﾌﾚｰﾑに表示させるﾍﾟｰｼﾞの設定部分も同時に行います。
xxxx.htm（ﾌﾚｰﾑﾍﾟｰｼﾞ）を、ﾌﾚｰﾑと別ﾎﾙﾀﾞｰ（ﾃﾞｨﾚｸﾄﾘｰ）にｱｯﾌﾟﾛｰﾄﾞ・配置した、また既存の別URLにした場合は、URL（http://www.xxxx.xx.jp/xxxxx/xxxxx.html）形式で記述します。

※：Webで使用するﾌｧｲﾙ名
ﾌｧｲﾙ名は、PCのWinやMac、Webｻｰﾊﾞｰのunix系など多岐に渡って処理される際の核になり、ｼﾋﾞｱです。　　※：主たる不作動原因。
ﾌｧｲﾙ保存時や、FTP（ｱｯﾌﾟﾛｰﾄﾞ、ﾀﾞｳﾝﾛｰﾄﾞ）時に、ﾌｧｲﾙ名（大小文字）や拡張子部（*.html、*.htm）が、勝手に変わってしまった場合は、ExplorerやFTPﾒﾆｭｰなどで確認・修正します。
Webで使用するﾌｧｲﾙ名、ﾊｲﾊﾟｰﾘﾝｸ〔ﾎﾙﾀﾞｰ、ﾌｧｲﾙ名、URL〕は、半角小文字英数字と、『/』、『.』、『_』、『-』を使用、ｽﾍﾟｰｽは避け『_』(ｱﾝﾀﾞｰﾊﾞｰ)が無難。
（例）◎ ： index.html　　index.htm　　index_map.htm　　abcd-efg.htm
　　　△ ： Nikki.htm　 himitu nikki.htm　　（ﾀｲﾌﾟﾐｽや、ｽﾍﾟｰｽはｿﾌﾄによっては誤動作を誘因）　　　
　　　× ：ｲﾝﾃﾞｯｸｽ.html　　画像.gif　　（ﾛｰｶﾙ=PC=Windowsでは表示されるが、Webでは×。）　　
PC（=Windows、ﾛｰｶﾙ）では、ﾌｧｲﾙ名に”漢字・仮名”を使用できますが、Web（=Unix、ﾘﾓｰﾄ）では未だ使えません。　
Web（=Unix、ﾘﾓｰﾄ）では、大文字/小文字　を別物として区別します。
Internet ExplorerなどのURL指定で　http://www.xxxx.xx.jp/xxxxx/xxxxx/　　などの、ﾌｧｲﾙ名（index.html や、index.htm ）を省略した〔ﾎﾙﾀﾞｰ〔階層〕までしか指定しない=　……/で終わる〕ｱｸｾｽを行うと、ﾎﾙﾀﾞｰ：/xxxxx　の内容=ﾌｧｲﾙﾘｽﾄ　〔Index of /~……〕　を表示します。　　　この際、Webｻｰﾊﾞｰは特例として、　index.html 、index.htm　の順で探して先に見つかったﾌｧｲﾙを表示します。〔ﾌﾟﾛﾊﾞｲﾀﾞｰ=Webｻｰﾊﾞｰの設定に依存。〕　　ﾌｧｲﾙ名が、　index.htm　か、index.html　のﾃｷｽﾄﾌｧｲﾙ=HTML Document　を作成しｱｯﾌﾟﾛｰﾄﾞすると、ﾌｧｲﾙﾘｽﾄ（Index of /~……）は表示されなくなります。
ｻｰﾊﾞｰに、index.htm　と、index.html　の双方が存在し、これに気が付かない場合ｱｯﾌﾟﾛｰﾄﾞや更新が　”思うようにいかなくなり”　ます。　　片方の削除が無難。
http://www.xxxx.xx.jp/xxxxx/xxxxx/index.html　　や　http://www.xxxx.xx.jp/xxxxx/xxxxx/index.htm　　などのﾌｧｲﾙを含むURLのｱｸｾｽで、それぞれの存在を確認できます。　　F5ｷｰによる再読込で、ﾛｰｶﾙ/ﾘﾓｰﾄのｷｬｯｼｭの影響を排除も試します。

---------------------------------------------------------------------------------------------------------------------

★　上で説明以外のフレーム、フレームページの作成方法

上で説明した以外のﾌﾚｰﾑ、US.htm　などを選び、太字部分に相当する部分の編集を行い、自由・任意にﾌﾚｰﾑを作成できます。　
通常のﾘﾝｸﾒﾆｭｰﾍﾟｰｼﾞの作成は、(5)を参考に、任意のﾍﾟｰｼﾞのURL・ﾌｧｲﾙ名を記述し作成します。　　（例）：　<a href="xxxx.htm"　　部分。
ﾌﾚｰﾑを開いた時に、初めに表示させるﾌﾚｰﾑﾍﾟｰｼﾞは、ﾌﾚｰﾑに記述します。　（例）：　 src="naka.htm"　これは、同じﾎﾙﾀﾞｰ（ﾃﾞｨﾚｸﾄﾘｰ）にｱｯﾌﾟﾛｰﾄﾞ・配置したﾌｧｲﾙ名ですが、URLでも可。

---------------------------------------------------------------------------------------------------------------------

【解説、用語】

※：　”ﾌﾚｰﾑ様式”による表示には、下記の　”ﾌﾚｰﾑ”と、”ﾌﾚｰﾑに表示するﾍﾟｰｼﾞ”が必要です。　”ﾌﾚｰﾑに表示するﾍﾟｰｼﾞ”は、既存のものでも構いません。
※：　ﾌﾚｰﾑ = ﾌﾚｰﾑの骨組み、直接表示されません。　（例）：HN.htm　　いわゆるトップﾍﾟｰｼﾞ（ﾌｧｲﾙ名を省略したURLで開くﾍﾟｰｼﾞ）に使用する場合は、ﾌｧｲﾙ名を、index.htmや、index.html　にします。
※：　ﾌﾚｰﾑﾍﾟｰｼﾞ = 左右などのﾌﾚｰﾑに表示される任意のﾍﾟｰｼﾞ。　初期ﾍﾟｰｼﾞは、ﾌﾚｰﾑに記述します。　（例）：　 src="naka.htm"
※：　target=　のいろいろ
　　　同じﾌﾚｰﾑ　　　 target="_self"
　　　ﾍﾟｰｼﾞ全体　　　target="_top"　　　　　※：ﾌﾚｰﾑを破棄
　　　親ﾌﾚｰﾑ　　　 target="_parent"
　　　新しいWin 　　 target="_blank"
　　　ﾌﾚｰﾑ名（例）　 target="main"　　　　※：<frame name="xxxx"　で宣言済みのものを選び記述。

※：　ﾌｧｲﾙ名の変更を、ｴｸｽﾌﾟﾛｰﾗｰ（Explorer）で行う方法
(0)　（例）　xxxx.html 変更→ index.html 　で説明。
(1)　Explorer　で、xxxx.html　があるホルダを辿り開きます。
(2)　目的のﾌｧｲﾙ=　xxxx.html をポイントします。
(3)　左ｸﾘｯｸします。 → 反転表示　に変わります。 → 右ｸﾘｯｸします。 → 名前の変更　を選択します。
(4)　xxxx.html の文字の変更文字列をｶｰｿﾙで選択し削除 → index.html　をﾀｲﾌﾟｲﾝします。
(5)　完了です。　index.html　をInternet Explorerで開き、表示を確認します。

※： ﾌｧｲﾙ名変更を、FrontPage Expressで行うする方法
(1)　【ﾌｧｲﾙ】ﾒﾆｭｰをｸﾘｯｸします。 →【ﾌｧｲﾙを開く】 → ◎ﾌｧｲﾙから → 参照ボタンをｸﾘｯｸします。
(2)　【ﾌｧｲﾙを開く】 →ﾌｧｲﾙの場所：目的のﾌｧｲﾙがあるﾎﾙﾀﾞｰを選択/指定します。
(3)　 xxxx.html　を左ｸﾘｯｸします。 → 選択され、反転表示に変わります。
(4)　”開く”のボタンをｸﾘｯｸします。 → xxxx.html が表示されます。　
(5)　【ﾌｧｲﾙ】ﾒﾆｭｰをｸﾘｯｸします。 → ”名前を付けて保存”を選択します。
(6)　ﾍﾟｰｼﾞﾀｲﾄﾙ：……のﾍﾟｰｼﾞ　　などﾀｲﾄﾙを入力します。〔これはお気に入りなどに表示されます。〕
(7)　【名前を付けて保存】 → ﾌｧｲﾙとして保存　をｸﾘｯｸします。　　
(8)　ﾌｧｲﾙ名：　index.html　などをﾀｲﾌﾟｲﾝします。〔旧は、Deleteｷｰで削除できます。〕
(9)　保存ボタンをｸﾘｯｸします。　
(10)　保存されたことを Explorer で確認します

※：　IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰで、保存時に拡張子( .htmや、.html )　を指定する方法
[ﾍﾟｰｼﾞ編集]ﾓｰﾄﾞで、 [ﾂｰﾙ] - [ｵﾌﾟｼｮﾝ] - [ﾌｧｲﾙ] - [HTMLﾌｧｲﾙのｵﾌﾟｼｮﾝ] - [HTMLﾌｧｲﾙの拡張子] -画面で、 [ htm　か、html ]　を指定、[OK]-　で。　

※：　ﾛﾎﾞｯﾄ型ｻｰﾁｴﾝｼﾞﾝへの登録
Web ﾏｽﾀｰ関連情報ｶﾞｲﾄﾞﾗｲﾝ、通説と事実（日本Google）、　　記述（例）
登録できないページと対処方法　>　ﾌﾚｰﾑを使用しているﾍﾟｰｼﾞ　 →　ｷｰﾜｰﾄﾞとｻﾏﾘｰの設定（ｲﾝﾌｫｼｰｸ）

※：　隠しﾌﾚｰﾑ　
ﾌﾚｰﾑの列幅ｻｲｽﾞ（cols="0,150,*"）や、（cols="0%,150%,*"）、行高さｻｲｽﾞ（rows="0,80,*"）のように　大きさを 0（pixels or %）　にしたﾌﾚｰﾑﾍﾟｰｼﾞに画面に表示させないｺﾝﾃﾝﾂ（♪、Voiceなど）を掲載できます。隠しﾌﾚｰﾑﾍﾟｰｼﾞに”♪”　ｺﾝﾃﾝﾂ（BGMなど）を記述し、常に掲載すれば、他のﾌﾚｰﾑを切り替えても連続演奏可。
実装：　setumeisyo6.htm（高さ0pixelの上ﾍﾟｰｼﾞに、ｻｳﾝﾄﾞ・BGMﾀｸﾞを記述。）

※：　ﾌﾚｰﾑに表示させない設定
（第3者などが）ﾌﾚｰﾑに表示できず、必ずWin全体で表示する、ようになります。
実装：　次のJavaScriptを　<head> 　～　　</head> 部の　～　に記述します。

<script>

</script>

※：　ﾌﾚｰﾑに表示させない設定
（第3者などが）ﾌﾚｰﾑに表示できず、指定ﾍﾟｰｼﾞを表示する、ようになります。
実装：　次のJavaScriptを　<head> 　～　　</head> 部の　～　に記述します。

<script TYPE="text/javascript">

</script>

※：　（ﾌﾚｰﾑ外）単独で表示させない設定
実装：　次のJavaScriptを　<head> 　～　 </head> 部の　～　に記述します。　　詳細は、実装例 = naka_p.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開いて。
ﾃﾞﾓ：　（第3者などが）ﾌﾚｰﾑ以外表示しようとすると、別の指定したﾍﾟｰｼﾞを表示します。　（正規の）ﾌﾚｰﾑ表示のﾃﾞﾓは、HN.htmや、US.htm　のｸﾘｯｸ → …ﾌﾚｰﾑで中ﾌﾟﾛﾃｸﾄを表示　のをｸﾘｯｸで。　　ﾌﾚｰﾑ以外の単独表示ﾃﾞﾓは、実装ﾌｧｲﾙ= naka_p.htm の直接ｱｸｾｽ（ｸﾘｯｸ）で設定ﾍﾟｰｼﾞ（oritatami3c.html）が表示されるを見る、で。

<SCRIPT LANGUAGE="JavaScript">
　　　====　この間、説明を省略。　　===
top.location.href = ok_urls[1] + "?" + window.location.href;
// End -->
</script>

※：　必ずﾄｯﾌﾟﾍﾟｰｼﾞなどを経由したｱｸｾｽの設定
下層ﾍﾟｰｼﾞなどに直接ｱｸｾｽされず、指定ﾍﾟｰｼﾞからのﾘﾝｸを辿ってもらう。
実装：　次のJavaScriptを　<head> 　～　 </head> 部の　～　に記述します。

<script LANGUAGE="Javascript1.2">

</script>

---------------------------------------------------------------------------------------------------------------------

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

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

　・　”FrontPage Express” でのHTMLﾀｸﾞの編集方法は、ｺﾋﾟｰ元の範囲を左ｸﾘｯｸした状態でﾏｳｽｶｰｿﾙでなぞり範囲指定し、反転表示に変えます。　　Ctrl+Ｃｷｰを押します〔あるいは右ｸﾘｯｸ → ｺﾋﾟｰ〕。　　FrontPage Express で挿入先のﾌｧｲﾙを開き、 [表示] - [HTML]を選択、【HTMLの表示と編集】、　<body>　～　</body>の間の任意の行、 ”挿入場所=～” にｶｰｿﾙを置き、Ctrl+Ｖｷｰを押します。〔あるいは、右ｸﾘｯｸ → 貼り付け〕でのﾍﾟｰｽﾄや、HTMLのﾀｲﾌﾟｲﾝを行い、 [OK]　で完了！。　Internet Explorer5.x～

　・　”FrontPage Express” での個別のHTMLﾀｸﾞの挿入方法は、 [挿入] - [HTMLﾏｰｸｱｯﾌﾟ]ﾒﾆｭｰで、HTMLのﾍﾟｰｽﾄ･編集、 [OK]　で完了！。　　この場合、[？] などのﾏｰｸが作成されます。　　この[？]ﾏｰｸを任意のHTMLﾌｧｲﾙ（Webﾍﾟｰｼﾞ）の、任意の位置にﾍﾟｰｽﾄ（貼り付け）できます。　　　　編集は次の方法で行います。　　[？]を右ｸﾘｯｸし、[HTMLﾏｰｸｱｯﾌﾟのﾌﾟﾛﾊﾟﾃｨ]をｸﾘｯｸし、【HTMLﾏｰｸｱｯﾌﾟ】を開いて行います。　　この[？]を Wordpad にｺﾋﾟｰして、広い画面で編集後、再び【HTMLﾏｰｸｱｯﾌﾟ】に戻しても同じ。

　・　”FrontPage Express”の起動は、【ｽﾀｰﾄ】- [ﾌｧｲﾙ名を指定して実行] - 名前：　Fpxpress　（半角）を入力、Enterｷｰを押すなどで。

　･　”IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ”での個別のHTMLﾀｸﾞﾞの挿入方法は、挿入位置をﾎﾟｲﾝﾄします。　　[挿入]ﾒﾆｭｰ - [HTMLﾀｸﾞ]を選択し、HTMLの記述を行い - [OK]にて終了します。　　編集はこのｺﾝﾃﾝﾂ部を右ｸﾘｯｸ、[属性変更]などで行います。　　ﾃｷｽﾄｴﾃﾞｨﾀｰでｺﾋﾟｰ/ｶｯﾄ/編集したﾃｷｽﾄ=HTMLﾄﾞｷｭﾒﾝﾄをこの方法で挿入できます。　　　　　　全体のHTMLﾀｸﾞﾞの挿入方法は、最上・下段の[HTMLｿｰｽ]ﾀﾌﾞをｸﾘｯｸします。　HTMLの編集（追加/ﾍﾟｰｽﾄ/変更/削除/ｶｯﾄ/移動）を行います。　　ﾛｰｶﾙ（PC）に保存し、[ﾌﾟﾚﾋﾞｭｰ]ﾀﾌﾞをｸﾘｯｸし、ﾓﾆｰﾀｰで確認します。　　　　これらのHTMLの挿入方法はｱｸｾｽｶｳﾝﾀｰや、Java Applet、Java Script 、DHTMLなどの追加/記述にも重宝します。