Frameを使わないホームページの作成方法

締切済

質問者：sinhiro
質問日時：2007/09/10 21:52
回答数：3件

<frame>タグで、画面を分割していたWebページを、<frame>タグを使わないで書きかえたいと思います。
<table>タグやスタイルシートを使って書き換えようと思い、いろいろ調べたのですが、分かりませんでした。
デザインは画面左側にメニューがあり、右側にそれぞれの内容ページが表示されるよくあるパターンです。
<frame>タグの場合、別にHTMLファイルを作りメニューに追加してそのファイルを書き換えれば良いですが、<table>タグを使う場合や、スタイルシートを使う場合にはどうすればいいのでしょうか？
また、メニュー項目が増えたときに１つのファイルの書き換えですむようにはできますでしょうか？
もし、お分かりの方がいらっしゃいましたら、サンプルコードとあわせて
教えていただけないでしょうか？
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： skycolor
回答日時：2007/09/10 22:53

CSSの２カラムレイアウトは

http://css.uka-p.com/
ここに載っています。
CSSはデザインの柔軟性がとても高いです。
そしてソースの軽さ。表示の速さ。
しかも、CSSを外部ファイル化すればデザイン変更もかなり楽々に。（内容の変更じゃないんです。あしからず。）

テーブルレイアウトはどのブラウザでもほとんど同じようにデザインが表示されます。
しかし、複雑になればなるほど重くなります。（何重にもするなど。）
また、音声読み上げブラウザ等ではうまく内容が表現されないようです。

CSSレイアウトもブラウザによって表示が異なることがありますが、それはCSSハックという手法で回避しています。

僕も、小学生の時（現在中２）テーブルでレイアウトをしていたのですが、かなり重かったです。
で、試しに違うページをCSSで作ってみたら、結構軽くなりました。
それからCSSをずっと４年間使い続けてるわけですが・・・

僕としてはCSSレイアウトを推奨します。

- 0
- 件

通報する

No.2

回答者： ame-sanc
回答日時：2007/09/10 22:26

サーバーと契約していて、そのサーバーが利用可能であればＰＨＰでできると思います。

このサイトの「マイページ」を開くと、同じような感じの構成のページが出てきますよね。
ここのＵＲＬを確認すると、
http://personal.okwave.jp/mypage.php3
とでてきて、ＰＨＰで構成されてることがわかります。

それができないなら、やはり同構成にして逐一メニューなどを追加するしかないと思います。

table より div で構成するほうがいいという意見が多いですが、
個人的には経験上ＳＥＯ対策的観点からみてもそう大差はないですし、
対応ブラウザの観点からもこのほうがいいと思います。
世界基準に合わせて div でやっておいたほうがいいとも言われますが、
もうそんなこといい始めて１０年以上経ちますし、大手サイトでも table で構成されてるところは多いです。

あくまで後半部分は個人的意見ですので、参考までにしてください。

- 0
- 件

通報する

No.1

回答者： tnews
回答日時：2007/09/10 22:24

<html><body>

<table>
<tr>
<td width="x">左の内容全部</td>
<td width="y">右の内容全部</td>
</tr>
</table>
</body></html>

xとyには幅を取りたいドットを書きます。
一般的にはxが200で、yが600かな??
お使いの環境によって表示が異なりますが、いろいろ試してください。

http://www.geocities.jp/multi_column/　←参考にCSSで