-PR-
締切済み

3ページの分割。

  • 暇なときにでも
  • 質問No.116251
  • 閲覧数43
  • ありがとう数2
  • 気になる数0
  • 回答数6
  • コメント数0

お礼率 12% (43/358)

┏━┳━━━━━━━━━━━━┓
┃  ┃                 ┃
┃  ┃                 ┃
┃  ┃                 ┃
┃(1)┃     (2)           ┃
┃   ┃                 ┃
┃  ┃                 ┃
┃  ┃                 ┃
┃  ┃                 ┃
┣━┻━━━━━━━━━━━━┫
┗━━━━━━━━━━━━━━┛
こんな感じでページ分割したいのですが、
タグがわかりません。(2つはわかるのですが・・・・)
(1)にはメニュー(2)には内容をそして下の部分はカウンタをつけたいのです。
記載URLなどがあればおしえてください。
通報する
  • 回答数6
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全6件)

  • 回答No.2
レベル9

ベストアンサー率 38% (31/81)

いっそフリーソフトで作ってみるのはいかがでしょう?

3つのパーツとなるHTMLを用意し、このソフトを使う事でフレームを作る事ができますよ。


  • 回答No.1
レベル10

ベストアンサー率 28% (33/117)

用意するHTMLファイルは5つになります。
index.html<==>URLに入力される。
a.html<==>(1)と(2)を分割するHTML
b.html<==>下の小さいカウンタ部分のHTML
c.html<==>(1)のHTML
d.html<==>(2)のHTML

******<<index.html>>************************************
<html>
<title>これは呼び出される大元のページ</title>
<frameset rows="95%,*">
<frame name="a" src="a.html" scrolling="auto">
<frame name="b" src="b.html" scrolling="auto">
<noframes>
<body>
このページにはフレームが使用されていますが、お使いのブラウザではサポートされていません。</p>
</body>
</noframes>
</frameset>

</html>
************************************************

******<<b.html>>************************************
<html>
<title>これは(1)と(2)を分けるHTMLです。</title>
<frameset cols="30%,*">
<frame name="c" src="c.html" scrolling="auto">
<frame name="d" src="d.html" scrolling="auto">
<noframes>
</noframes>
</frameset>

</html>
************************************************

ただ、フレームを多用した非常に重いページになるので、
見る立場から言えば、あまり歓迎できるページ構成ではありません。
提供する立場にたって、別のページ構成を採用することをお奨めします。
  • 回答No.3
レベル12

ベストアンサー率 15% (82/544)

<html>
<head>
<title>タイトル</title>
</head>
<frameset rows="200,*" bordercolor="#5588BB" border="YES">
<frameset cols="200,*" >
<frame src="./TEST_OT.cgi" name="UE1">
<frame src="./TEST_OT.cgi" name="UE2">
</frameset>
<frame src="./TEST_IN.cgi" name="SITA" scrolling="no">
</frameset>
</html>

上記で 可能だと思います。
※私の機械では動きました。
  • 回答No.4
レベル8

ベストアンサー率 35% (7/20)

KIMVさんの方法が結局正解になります。
一番もとのHTMLを、
<html>
<head>
<title>タイトル</title>
</head>
<frameset rows="500,*" >
<frame src="./frame2.html" name="UE1">
<frame src="./TEST_SITA.cgi" name="UE2">
</frameset>
</html>

として、
frame2.htmlに、
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols="200,*" >
<frame src="./TEST_UE_HIDARI.html" name="UE1">
<frame src="./TEST_UE_MIGI.html" name="UE2">
</frameset>
</html>
でもできます。
が、
これをすると、ロースペックのマシンで、
NNなどのブラウザで見たとき、
ブラウザが落ちることがあります。
しかも、フレームの表示のとこから、
CGIで作成してたら、絶対といえるくらいの確立で落ちます。

ということで、
なるべく、
KIMVさんの方の方法で実行した方がよいです。
  • 回答No.5
レベル2

ベストアンサー率 0% (0/0)

フレームサンプルいろいろ、応用手順など:
http://www5.justnet.ne.jp/~woka/frame_sample1/setumeisyo.htm
      ↓
左・中・下フレーム (例)
http://www5.justnet.ne.jp/~woka/frame_sample1/HNS.htm
  • 回答No.6
レベル12

ベストアンサー率 75% (398/526)

<FRAMESET>タグはネスト可能なタグなので、

  <FRAMESET rows="100%,80">  <!--後ろに固定値が入り、前部は残り全てという場合の書き方-->
   <FRAMESET cols="120,*">
    <FRAME src="menu.html" name="MENU">
    <FRAME src="main.html" name="MAIN">
   </FRAMESET>
   <FRAME src="footer.html" name="FOOTER">
  </FRAMESET>

のようにします。(基本部分のみ)
(1つの<FRAME>の代わりに、<FRAMESET>~</FRAMESET>を書くことができます。)
このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-

特集


専門家があなたの悩みに回答!

ピックアップ

ページ先頭へ