このようなページを作る時のレイアウト方法は？

質問

添付しているようなレイアウトでHTMLページを作成したいと思っております。
最終的にはPHPで作成予定なんですが、まずはHTMLでページを作ってみようと思いまして・・・。

簡単なレイアウトなら作成した事はあるのですが、このような場合はどのようにしてレイアウトを行うのでしょう？

１．フレームで区切る
２．ページ全体を大きなテーブルとして区切る

１は後々面倒なので考えてないんですが、「コメント」や「別の日へのリンク」部分をスクロールにしようと思ったら、フレームじゃないと無理なんでしょうか？

初心者なので質「問文が意味分からん」といわれるような事があるかもしれませんが、教えてください。

あと、やっぱりこういうの勉強するなら、ネットで色んなサイト見たりするよりも本を買った方がいいんでしょうか？

回答No.1

fujillin · ベストアンサー

テーブルレイアウトや、フレームレイアウトは段々使われなくなってきているようです。
これから作成するのであれば、CSSを用いたレイアウトがよろしいかと…
（クロスブラウザ対応などは、テーブルレイアウトなどよりも面倒な部分も多いですが…）

CSS利用の各種テンプレートも多くのウェブサイトで配布されています。
ご質問の場合は、少々複雑そうなので、そのままピタリのものは見つからないかもしれませんが、近いものをカスタマイズするとかの方法もありそうですね。
もちろん、ご自身で作成されるのもありです。

「CSS」、「レイアウト」、「テンプレート」などをキーに検索すれば、いろいろな情報が入手できますので、本を購入するにしても概要をつかんでからでもよいかと思います。

時間がかかるようであれば、現状の知識でHPを仮オープンしておいて、情報量が少ないうちに、徐々に移行して行くという方法もありかも？

＜参考までに＞
http://css.uka-p.com/
http://www.ito01.com/
http://nikukyu-punch.com/index.html
http://pondt.com/
http://www.css-designsample.com/csstemplate/index.html
http://komachi.erimo.net/

お礼

ご回答ありがとうございます！

参考にさせていただきます。

回答No.3

Kirishima

> 「コメント」や「別の日へのリンク」部分
というのは画像から読み取れませんが、フレームやテーブルは使わないほうがよろしいと思います。

スタイルシートの float を使えば、
スクロールは置いておいて、
割と簡単に実現できると思います。
とりあえず、大枠として、上・左・右の３つのブロックのあるレイアウトの作り方を勉強されたらよろしいかと思います。

回答No.2

amuamu00

フレームもテーブルもレイアウトには使わないほうが良いです。
特にこれから勉強されるのであれば、cssでレイアウトをしていきましょう。

＞「コメント」や「別の日へのリンク」部分をスクロールにしようと思ったら、…
の部分の意図が良く分からなかったのですが、おそらくフレームじゃなくて大丈夫です（笑）

勉強はネットでも十分、というかネットのほうが最新の情報が、
ものすごい量あります。しかし、基礎を学ぶのであれば本が良いと思います。