フレームを作成したいのですが、左フレームに目次を作成して、右フレームに現したいのに、目次の内一つは現れるのですが、あと二つあるのに、その二つは新しいウインドウででてしまうんです。htmlの使い方は分からないし・・・。それと、目次のフレームにトップページに戻るバナーも新しいウインドウで開いてしまうし・・・。どうしたらいいんでしょうか。教えて下さい!なんか、文章へたですいません。HP見てもらえるとわかると思うんで、書いておきます。http://www18.tok2.com/home/taemi/の軌跡のページなんです。よろしくお願いします。
No.1ベストアンサー
- 回答日時:
手っ取り早いのはhtmlを憶えてしまうことでしょう。
フレーム作成に使うコマンドはそんなに多くはありません。
まず フレームを切り分けます。
<frameset cols="150,*">
これは、左側のフレームをX軸150ドット分とって、縦割りにするという意味です。
ちなみに上下分割の時は
<frameset rows="200,*">
というふうに指定します。
次に切り分けをしたそれぞれ左右のフレームに名前をつけたり、表示させるファイルの指定などをします。
最初は左側フレーム 目次ですね
<frame name="contents" target="main" src="file:///C:/taemi/jyuunigatu.htm"
scrolling="auto">
上記の文中の src="file:///C:...."は誤りです。
これだとアクセスしてくれた人それぞれのパソコンの中身を見に行ってしまいます。
当然世界中の人のPCの中には taemi/jyuunigatu.htm などというファイルはありませんから、何も表示出来ずにエラーが出てしまいます。
src="jyuunigatu.htm"に訂正します。
それと target="main" という記述ですが、ここでは使用しません。
targetというのは何かというと、どこかをクリックして新しいページを表示させる際、どのフレームをターゲット(標的)にして表示させるかという指定をする時に使うコマンドです。
ということで、上記の正しい記述は
<frame name="contents" src="jyuunigatu.htm"
scrolling="auto">
でいいでしょう。
今度は右側のフレームの設定です。メインですね
<frame name="itigatu" src="file:///C:/taemi/itigatu.htm" target="main" scrolling="auto">
これも左側フレームと同様、上記の文中の src="file:///C:...."は誤りです。
src="itigatu.htm"に訂正します。
それと同様に target="main" という記述ですが、ここでは使用しません。
ここで質問ですが、右側のフレームの名前は itigatu でいいのですか?
通常、左側を目次に設定して、クリックした目次の内容を右側に表示させるのならば、右側のフレーム名称は main にしておいた方がわかりやすいですよ
ということで、上記の正しい記述は
<frame name="main" src="itigatu.htm" scrolling="auto">
となります。
最後にフレーム定義が終わったら必ず
</FRAMESET>
と記述する必要があります。
ということで、フレーム定義方法は・・・
<frameset cols="150,*">
<frame name="contents" src="jyuunigatu.htm"
scrolling="auto">
<frame name="main" src="itigatu.htm" scrolling="auto">
</FRAMESET>
これで完了です。
それと juunigatu.htm の中身も検証してみました。
<p align="center"><a href="file:///C:/taemi/jyuunigatu2.htm" target="jyuunigatu"><img
src="sozai/turi-.gif" alt="turi-.gif (987 バイト)" border="0" WIDTH="32" HEIGHT="45"><font
face="HG丸ゴシックM-PRO" size="5" color="#0000FF"><strong>12月</strong></font></a></p>
上記記述中の <a href=....>の部分が、目次の12月をクリックしたときに表示されるファイルを記述する部分になります。
またまたPCの中を見る記述になってしまっているので要訂正です。
それと、target=juunigatu では、せっかく右側のフレーム<main>を用意しているのに表示する標的が違っていますよね
ということで、上記記述の正解は・・・
<p align="center"><a href="jyuunigatu2.htm" target="main"><img
src="sozai/turi-.gif" alt="turi-.gif (987 バイト)" border="0" WIDTH="32" HEIGHT="45"><font
face="HG丸ゴシックM-PRO" size="5" color="#0000FF"><strong>12月</strong></font></a></p>
となります。
以下も同様に同じ箇所が間違えています。
<p align="center"><a href="file:///C:/taemi/itigatu.htm" target="itigatu"><img
src="kadomatu.gif" alt="kadomatu.gif (430 バイト)" border="0" WIDTH="32" HEIGHT="45"><font
face="HG丸ゴシックM-PRO" size="5" color="#0000FF"><strong> 1月</strong></font></a></p>
正しい記述は・・・
<p align="center"><a href="itigatu.htm" target="main"><img
src="kadomatu.gif" alt="kadomatu.gif (430 バイト)" border="0" WIDTH="32" HEIGHT="45"><font
face="HG丸ゴシックM-PRO" size="5" color="#0000FF"><strong> 1月</strong></font></a></p>
です。
2月に関しては表示ファイルの指定はあっていますが、ターゲットが間違えていますので・・・
<p align="center"><a href="nigatu.htm" target="nigatu"><img src="setubun.gif"
alt="setubun.gif (608 バイト)" border="0" WIDTH="32" HEIGHT="45"><font color="#0000A0"
face="HG丸ゴシックM-PRO"><strong><big><big> 2月</big></big></strong></font></a></p>
これを
<p align="center"><a href="nigatu.htm" target="main"><img src="setubun.gif"
alt="setubun.gif (608 バイト)" border="0" WIDTH="32" HEIGHT="45"><font color="#0000A0"
face="HG丸ゴシックM-PRO"><strong><big><big> 2月</big></big></strong></font></a></p>
とすればOKです。
ややこしいかもしれないけど、憶えてしまえば簡単です。
頑張ってくださいね~
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- その他(ファッション) スポーツメガネでフレームの色は白などはあり? 2 2022/11/30 07:26
- サングラス・カラコン 4000円以内のメガネフレーム 9 2022/12/01 10:30
- サングラス・カラコン フレーム 2 2022/12/01 14:43
- サングラス・カラコン 眼鏡 フレーム変更 3 2022/12/01 00:43
- メガネ・コンタクト・視力矯正 眼鏡が小さくて横や後ろが見づらい 6 2023/07/04 08:49
- カスタマイズ(バイク) カスタマイズ 1 2022/11/12 01:09
- Visual Basic(VBA) フレーム内のオプションボタンの選択結果をセルに書き出したい。 図のような預金種目というフレームにオプ 2 2022/07/29 11:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
パワポで曲がった両矢印の簡単...
-
パワーポイントの表
-
パワーポイント「スライドショ...
-
音声マークを一括非表示にしたい。
-
PowerPointのスライドショーに...
-
PowerPointのアニメーションで...
-
PowerPointで、作成されたファ...
-
パワーポイントのアニメーショ...
-
パワポ 矢印について
-
PowerPointVBAでスライドマスタ...
-
パワーポイント 印刷をクリック...
-
PowerPointでスライドマスタの...
-
PowerPointで、線を点滅した感...
-
パワーポイントをプロンプター...
-
パワーポイント2019 図の透...
-
パワーポイントで、全てのスラ...
-
パワーポイント2016でデザイン...
-
PowerPointの箇条書きの既定の...
-
PowerPoint で動画を再生中に表...
-
卒論発表があります。5分ほどの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
パワポで曲がった両矢印の簡単...
-
音声マークを一括非表示にしたい。
-
パワーポイント「スライドショ...
-
パワーポイントの表
-
PowerPointでスライドマスタの...
-
エクセル・パワーポイントなど...
-
PowerPointVBAでスライドマスタ...
-
PowerPointのアニメーションで...
-
PowerPointで、作成されたファ...
-
エクセルでA3の大きさに資料...
-
ExcelのグラフをPowerPointに貼...
-
パワーポイントで資料を作る時 ...
-
パワーポイントのアニメーショ...
-
【パワーポイントのフォントが...
-
プレゼン時のポインター
-
PowerPoint2010、2021のスライ...
-
パワーポイントで、全てのスラ...
-
パワーポイントで説明しながら...
-
PowerPointのオプションの設定...
-
PowerPointの背景について
おすすめ情報