フレームページの作り方

Question

こんにちわ。フレームページを作るために下記のタグでいこうと思うのですがＨＴＭＬファイルどうやって作ってどのようにアップさせればいいのかわかりません。それとＨＴＭＬファイルは自分のデスクトップに置いてあるファイルを直接この下記タグに貼り付けていいのでしょうか？ご回答おねがいします。左右に分割するフレーム

metis · Accepted Answer

百聞は一見に如かず。実際にやってみましょう。 No.2への補足にあるHTMLを、frame.htmlという名前で保存してみましょう。それ以外のファイルを以下のように作成します。 -- 【left.html】その１
その２

トップ（以下、html,bodyは省略します。前後に同様に付けて下さい）【right.html】左のメニューから見たいものをクリック。【001.html】１つ目。【002.html】２つ目。【index.html】仮トップページ。 -- この状態で、フォルダの中に６つのファイルがあることを確認した後、frame.htmlを開いてみて下さい。左に3つリンクが出来ますので、それをいろいろとクリックしてみてください。なんとなく分かってきたら、各ファイルの内容をいろいろ弄って見て下さい。 left.htmlにおける、「その１」や「その２」の部分には実際には小説のタイトルが入りますし、 001.html、002.htmlには、小説本文が記載されることになります。（left.htmlにおける自分のブラウザで表示させた状態ではいけないのでしょうか？この文章が私には良く分かりません（申し訳ありません）…。この例を作成して、分かり辛いようでしたら、この部分も含め補足していただければと思います。（その状態まで、どういう手順で持って行ったか解説していただければ掴めるかと思います）

metis · Answer

まず、質問文にあるHTMLをそのまま保存します。保存名はフレームを表示したいページになります。（ここでは、frame.htmlとしておきます）また、ブラウザの一番上に表示するタイトルはこのファイルで指定します。次に、これとは別に「frame src=」で指定したファイル名で、ファイルを作成します。（つまり、この場合、あるフォルダの中に、frame.html、left.html、right.htmlの３つのファイルが存在することになります） left.html、right.htmlには、それぞれ表示させたいフレームの左側、右側を別々に作成して保存します。あと、フレームを使う用途が分かりませんが、frmaeにname属性を与えておきましょう。（のような感じで。）これで、左フレームに置くリンクを、のようにtarget属性を追加して記述すれば、そのページを右のフレームで開くことが出来ますので。少し分かりにくいかもしれませんが、フレームの場合、「フレームの構造が記述してあるページ」が１つ（これが、ブラウザで呼び出すファイルになります。質問文にあがっているのもこれですね）「それぞれのフレームの内容を記述してあるページ」が上で分割された数ある、と考えれば少しは分かりやすいかもしれません。

metis · Answer

HTMLについては、その認識であっていると思います。
メモ帳で作って、ファイル名の後に「.html」とつけて保存すればHTMLファイルの出来上がりです。
（Windowsの設定で拡張子を表示する設定にしておかないといけなかった気はしますが…。）

もちろんそれでも構いませんが、タグ打ち専用のフリーソフトを使うと、いろいろと便利になりますので、参考までに。
http://www.oshiba.info/software/


フレームの用途の確認させてください。
小説・イラストサイトにあるような、左フレームに、小説のタイトル一覧を置き、そのタイトルをクリックしたら右フレームに内容を表示する、ということでよろしいでしょうか。
でしたら、３つでは足りなくなりますね。
必要なファイルを上げていきます。

・フレームの構造を表記したページ（No.1でのframe.htmlにあたります。質問文にあるのもこの内容です）
他のページからのリンクはこのアドレスになります。タイトルバー（一番上の（デフォルトなら青いバー））に表示するタイトルもこの中に記載します。
また、No.1で述べたように、「name属性」を追加しておきましょう。

・小説のタイトル一覧を表記したページ（No.1でのleft.htmlにあたります）
目次ページのようなものですね。左フレームに表示する内容だけを記述します。
No.1で述べた「target属性」もお忘れなく。

・右のフレームに最初に表示するページ（No.1でのright.htmlにあたります）
どの小説も表示していない時のページです。
厳密に必要となるものではありませんが、ここに例えば「左の一覧から読みたい小説を選んで下さい」のような記述があればベターでしょう。

・各小説のページ
各小説をそれぞれ独立したページで作成します。
ここで保存したファイル名を、一覧表示に置くリンクで指定します。

以上の、小説数＋３個のページが必要です。

文字数制限で例が出せないのですが、これで分かりますでしょうか。
分からなければ補足してください。

k0021 · Answer

> No.1で述べたように、「name属性」を追加しておきましょう。 left.htmlでは小説１。 TARGETで、「name属性」名を記述して下さい別ページに飛ぶ場合は、target="_top"を指定を忘れないことトップ

フレームページの作り方

まず、質問文にあるHTMLをそのまま保存します。

この回答への補足

HTMLについては、その認識であっていると思います。

この回答への補足

><frame src="right.html">

百聞は一見に如かず。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング