世ファンタジー世界を舞台とした横スクロール3DオンラインアクションMORPG
レイアウトサンプル
レイアウトの種類
これから紹介するレイアウトには大きく分けて2種類あります。
- テーブルレイアウト
-
ページ全体を大きなテーブルの中に収めてしまうレイアウト方法。
結構昔からあるレイアウトです。
以下のようなメリット、デメリットがある。
メリット
かなり詳細に表示が指定でき、ほとんどのブラウザで思い通りに表示できる。
デメリット
テーブルというのは、テーブルの中身を全て読み込んでから表示する為、ページ全体をテーブルにすると表示に時間がかかってしまうという事につながる。 - CSSレイアウト
-
主にdivタグを利用して、メニュー部分やコンテンツ部分などを1つのブロック単位として扱うレイアウト方法。
最近この方法でレイアウトされたサイトが増えている。
以下のようなメリット、デメリットがあります。
- メリット
-
ページの各部がパーツに分かれているため、表示がとにかく素早い。
見た目と内容を分けることが出来る。
見た目と内容が分かれているため、レイアウト変更が容易。(レイアウト例のところにある左右と上下の2つのレイアウトは同じHTMLファイルでCSSを書き換えるだけで出来ます。)
- デメリット
-
ブラウザがCSSに対応していないと、表示がえらいことになる＾＾；
ブラウザごとにCSSの解釈が微妙に違う所があるので、各ブラウザに対する対策がある程度必要。
はっきり言ってどっちがいいとはいけないのが現状です。 サイト作成初心者の内は、とりあえず1ページを両方のレイアウトで作ってみて、自分にしっくりと来たほうを選ぶといいかもしれませんね。
レイアウトサンプル
ファンサイトを作ろう！－サイトデザインを決めようで例にあげたレイアウトのサンプルファイルを用意しました。 ダウンロードして解凍すればそのまま使えるようになっていますので、よろしければご利用下さいませ。
Copyright © 2005 - 2010 ネトゲブックマーク, kleric all right reserved.