Frameタグを使わずにページを分割するには

質問

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

回答No.3

magid · ベストアンサー

例に挙げられたサイトはCSSを使って画面を分割していますね。
CSSを使ってみるにあたって参考になりそうなサイトを挙げておきます。

■とほほのスタイルシート入門（基礎知識からどうぞ）
http://dek.dip.jp/tohoho/css/index.htm

■ホームページの作り方
http://funyami.pya.jp/homepage/html_css_ref.html

■スタイルシートスタイルブック
http://www.stylesheet-stylebook.com/

■HTMLクイックリファレンス
http://www.htmq.com/index.htm

ただし、CSSはブラウザごとに対応状況が微妙に違ったりして、どのブラウザでも同じように表示させるためにはいろいろな裏技のようなものがあります。そうした知識はWebからだけではなかなか得られないものですから、書籍を購入した方が試行錯誤に無駄に時間を割くことなく早く学べると思います。

入門書として良さそうな本の紹介ページを挙げておきます。
大きめの書店になら置いてあると思いますので、中身を確認しに行ってみてはいかがでしょう。

■スタイルシートスタイルブック
http://seshop.com/detail.asp?pid=4915

■スタイルシート スタンダード・デザインガイド
http://book.mycom.co.jp/book/4-8399-1501-6/4-8399-1501-6.shtml

ある程度CSSを知っている前提なら、次の本もとても参考になります。

■CSSプロフェッショナル・スタイル
http://book.mycom.co.jp/book/4-8399-1907-0/4-8399-1907-0.shtml

お礼

今はあまり時間がないのですが、ちゃんと今度スタイルシート
の参考書を購入して勉強したいと思います。
回答ありがとうございました。

回答No.2

noname#30818

そのページには画面分割のやり方は特に書かれていませんね。
普通はgoogleを使って情報を集めますよ。
Yahoo！でも良いですけどね。

”div float レイアウト”の検索結果
http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=GGLG,GGLG:2006-05,GGLG:ja&q=div+float+%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88

”div　フレーム　レイアウト”の検索結果
http://www.google.co.jp/search?hl=ja&rls=GGLG%2CGGLG%3A2006-05%2CGGLG%3Aja&q=div%E3%80%80%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%80%80%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88&lr=

”ajax メニュー　ライブラリ”の検索結果
http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=GGLG,GGLG:2006-05,GGLG:ja&q=ajax+%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%80%80%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA

”cgi　ブラウザ　判別”の検索結果
http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=GGLG,GGLG:2006-05,GGLG:ja&q=cgi%E3%80%80%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%80%80%E5%88%A4%E5%88%A5

こんな形で検索して自分に合ったサイトを探し、実践するのみです。
がんばってください。

お礼

とても参考になりました。
ちょうどいいサンプルをみつけたのでそれを改良していこうと
思います。ありがとうございました。

回答No.1

noname#39970

cssを駆使するまたはtable