• 締切済み

3ページの分割。

┏━┳━━━━━━━━━━━━┓ ┃  ┃                 ┃ ┃  ┃                 ┃ ┃  ┃                 ┃ ┃(1)┃     (2)           ┃ ┃   ┃                 ┃ ┃  ┃                 ┃ ┃  ┃                 ┃ ┃  ┃                 ┃ ┣━┻━━━━━━━━━━━━┫ ┗━━━━━━━━━━━━━━┛ こんな感じでページ分割したいのですが、 タグがわかりません。(2つはわかるのですが・・・・) (1)にはメニュー(2)には内容をそして下の部分はカウンタをつけたいのです。 記載URLなどがあればおしえてください。

  • shu84
  • お礼率12% (43/358)
  • HTML
  • 回答数6
  • ありがとう数2

みんなの回答

  • leaz024
  • ベストアンサー率75% (398/526)
回答No.6

<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>を書くことができます。)

参考URL:
http://tohoho.wakusei.ne.jp/html/frameset.htm
回答No.5

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

  • ron3
  • ベストアンサー率35% (7/20)
回答No.4

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さんの方の方法で実行した方がよいです。

  • KIMV
  • ベストアンサー率15% (82/544)
回答No.3

<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> 上記で 可能だと思います。 ※私の機械では動きました。

  • nora1310
  • ベストアンサー率38% (31/81)
回答No.2

いっそフリーソフトで作ってみるのはいかがでしょう? 3つのパーツとなるHTMLを用意し、このソフトを使う事でフレームを作る事ができますよ。

参考URL:
http://www.vector.co.jp/soft/win95/net/se193357.html?l
  • kuro_73
  • ベストアンサー率28% (33/117)
回答No.1

用意する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> ************************************************ ただ、フレームを多用した非常に重いページになるので、 見る立場から言えば、あまり歓迎できるページ構成ではありません。 提供する立場にたって、別のページ構成を採用することをお奨めします。

関連するQ&A

  • フレーム分割しているページで、また全体に表示させたいときは?

    こんにちは☆ 今、FRAMESETタグで左右に分割して左をメニューにし、右側のフレームを メニューのリンク先に決定して、内容を表示させています。しかし、 ここから、友人のページにリンクした際に自分のページのメニューが 残り、困っています。 友人のページに飛んだ際に画面全部友人のページ内容にできるようにしたいです。 別窓を作らないで、やれる方法はありますか? 教えて下さい、お願いします!

    • ベストアンサー
    • HTML
  • tableでページを分割したときの空白

    質問です。<table>タグを使って、ページを左右に2分割しているのですが、左側に<p>タグでコンテンツメニューを記述しているため、右側のテキストの上に空白ができてしまっています。 <p>タグを使ったまま、右側のテキストの上に空白が出来ないようにするには、どのように記述すれば良いのでしょうか。 回答をお待ちしております。

    • ベストアンサー
    • HTML
  • Frameタグを使わずにページを分割するには

    HP作成のための参考にいろいろなサイトのHPをみて回っているのですが、 その中でもこのHP http://www.wanichan.com/web/before/ を参考に作りたいのですが、frameタグを使わずに画面を分割してメニュー を表示していますが、これはどうやってやるのでしょうか? 参考URLまたはやり方を教えてください。 お願いします。

    • ベストアンサー
    • HTML
  • フレーム分割したページの表示で困っています。

    ホームページビルダー9でホームページを作成しています。 ページを上下に2分割して上のフレームにリンクメニューを、下のフレームにメニューのリンク先を表示するように作りました。 自分のデスクトップパソコンでは問題なく表示されているのですが、試しにB5サイズのノートパソコンで表示してみると、画面全体が表示されず、上のページのメニューボタンを表示しているところが下のフレームページで隠れてしまっているのです。 下フレームは属性で自動的にスクロールバーが出るように設定しているので問題ないのですが、上のメニューは「なし」に設定しています。 ※デザイン上、表示させたくないので。 ここからが質問です。 ページを表示させた時に、ページ全体のサイズを変えても上のメニューのフレームページが常に下のフレームページの上に来るように、つまり、上のメニューページのサイズは変わらないように固定させる方法(!?)を教えて下さい。 説明がへたで申し訳ないのですが、どうぞ宜しくお願いします。

  • 3分割されたページ(8P)へリンクするTOPページを作りたい

     ホームページビルダー9です。もともと、あったHPの修正をしています。  もともとあったのは、TOPページが上、下分割で下部が左右に分割されていて、左側がメニューになっています。上部は会社名が常に表示されている状態でメニューの項目(8個)をクリックすると、下部左側の画面だけが変わっていくと言うスタイルになっています。  現在、そのHPにTOPページを追加する作業をしています。もともとあった、左側のメニュー項目を、TOPページにも記して、それぞれのページへのリンクを貼ります。そして、TOPページから入った各ページの左側にも、今までどおりメニューを残したいのです。  TOPページにはフレームは使用しないつもりです。  そんな状態で作っているのですが、TOPページから飛んだときに、左側のメニュー部、上側などが表示されないときが頻繁にあります。特に、今回追加しているリンク先のページに関しては、どうしても左側が表示されません。  左側メニューから飛ぶと、問題ないのですが、TOPページからはいると問題が起きます。  解決方法はあるでしょうか?

  • スタイルシートで画面を縦に2分割する方法

    スタイルシートで左側にメニュー(class=menu)を、右側に本文を書くようなサイトを作っています。 body { margin: 0px; } .menu { background-image:url(./img.gif) ; background-repeat:repeat ; margin:0px ; padding:10px ; position:absolute; width:150px ; } といった感じにしていましたが、左側メニューの背景がテキストの終端部分で切れてしまいます。(メニューの行数が短いので。) 私は、下までメニュー部分の背景がくるようにしたいのです。(つまり、画面が左右に2分割されるように) そこで、いろいろ調べて、body{}と.menu{}に「height:100%;」を加えることによって、少し改善が見られました。 表示させると、画面がきちんと2分割されます。 しかし、右の本文が長い時、スクロールをすると、それに伴いメニューが上に行き、やはりメニュー部分の下部が空白になります。 スクロールしても、下まできちんと2分割できるようにするには、どうすればいいでしょうか? たぶん、分かってしまえば簡単なことなのでしょうが、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • フレームで、2つのページを同時に変える方法。

    HTMLタグで、フレームで3つに分割しました。 メニューページ ページa ページb とします。メニューページで、abどちらもいっぺんに画面を変えるにはどうしたらいいんですか。 よろしくお願いします!

    • ベストアンサー
    • HTML
  • フレーム分割について

    ホームページビルダー使用です。 1つのページを上下にフレーム分割し、上のページにいろいろなリンクを作り、そこをクリックすると下のページがそのリンク先に飛ぶように(上のページはそのまま)したいのですが、タグを探しても見つからずやり方が分かりません・・・ 分かりにくい説明ですが、どなたか宜しくお願いしますm(__)m

  • ページ内分割のベストな方法について

    こんにちは。今、ホームページを作っています。 レイアウトは縦に分割し、左にメニューと右にコンテンツを入れたページにしようと思っています。 ただ、”どういった方法で分割するか”を、すごく迷っています。 メンテナンス性がそれなりによく、アクセス数対策もそれなりにあり、広告などなるべく入れない、HTMLで編集ができる、作成になるべくお金をかけない、という5つの観点で考えているのですが、自分が調べた方法なのですがどれもデメリットが目についてしまいます。 以下は自分が考えた方法です… 1.フレーム分割する メンテナンス性は抜群ですが、アクセス数対策は低いのが気がかりになってます。 検索エンジンからだと個別のコンテンツだけのページにアクセスになると、メニューが意味をなさなくなるようなのも気がかりです。 2.1ページにして疑似的にわける。 これは、新しくコンテンツページを増やす際に、既存のすべてのページのメニューの項目を書きなおさなければならないようで、メンテナンス性が悪そうです。 3.javascriptでタブのようにメニューを作る これはメンテナンス性はよさそうですが、コンテンツごとにページは別にならないので、検索エンジンから特定のコンテンツだけにアクセスできないようで困ります。 いいとこ取りするいい方法はないでしょうか。

    • ベストアンサー
    • HTML
  • フレーム3分割について教えてください!

    こんにちは。 私は今、メモ帳でホームページを作っているのですが どうしても一箇所出来ないところがあって質問させていただきます。 イラストサイトなのでギャラリーページを設けたいのですが、メニューフレーム→ギャラリーフレーム→イラストの表示ページという感じの構成にしたいのですが、どうやってタグを打てばいいのか分かりません。 今出来ているのは、メニューフレームとギャラリーフレームです。 メニューフレームの隣にギャラリーフレームを表示させることはできるのですが、メニューフレームのGALLERYボタンを押すとギャラリーフレームとイラストの表示ページが同時に出てきてほしいのです。 説明が下手ですみません!分かりづらいとおもいますので、私がやりたいことをなさっているイラストサイトのURLをはっておきます。 ここのGALLERYボタンを押した状態が質問内容です。 http://www016.upp.so-net.ne.jp/east_castle/ec-top.htm 一度ここで過去の質問を検索して調べたのですが、ソフトを使っっていたり、初心者では少し理解しづらかったので、丁寧に教えてくださると嬉しいです。 それでは長文失礼しました!よろしくお願いします。