• ベストアンサー

ホームページ作成時のレイアウトの名前一覧

ホームページ作成時のレイアウトの名前一覧を探しています。 ブログなどに良く使われる「2カラム」とか「3カラム」等のレイアウト名称とでも言うのでしょうか、それを探してます。 縦3段のフレーム割の場合こういう風に呼ぶとか、(あまり無いと思うけど)段組をまったくしない平打ちはなんと言うとか、そういうのが知りたいです。 レイアウトの絵と名称・説明が一覧で載っているようなサイトは無いでしょうか?

  • CSS
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.2

大変失礼いたしました。 参考URLが抜けていました。 こちらの参考URLには均一型、衛星型、流水型などのサンプルが掲載されています。 探し方が悪いのか、日本語サイトでは他に見つけられませんでした。 書籍でオススメは「Web DESIGN レイアウトサンプル」です。

参考URL:
http://team-aria.com/hpmake06.htm
master-3rd
質問者

お礼

ありがとうございます。 参考にさせてもらいます。

その他の回答 (1)

  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.1

言葉や名称はどんどん変わるので、自信はあんまりありませんが、昔はレイアウトは「流水型」「グリッド型」「衛星型」「均一型」「シンメトリー(左右対称)」「アンシンメトリー(左右非対称)」などと呼んで区別していましたが、現在は「1カラム(一段組)」「2カラム(二段組)」「3カラム(三段組)」などと呼んで区別するのが主要であるように思います(専門家ではないので、業界内では違うかもしれません)。 Webデザインは当初、DTPの知識の流用的な部分があったので、そのためにレイアウトに「流水型」などの用語が使われたのではないかと思います。 ブログ利用者が多くなったせいか、以前あったようなTABLEを利用してナビゲーションが複雑に配置されるようなレイアウトのサイトは減ってきた気がします。 書籍ならばいろいろありそうですが、サイトで解説されているところが少ないので、やっと見つけたのが参考URLです。 判りやすく簡略に説明されているので、ぱっと見ただけでわかるのではないかと思います。 図説はありませんが、「流水型」などについて解説されているのは以下のURLです。 http://plaza.rakuten.co.jp/ribweb/3001 もっと適切なサイトがあるかも知れませんが、見つけられませんでした。すみません。 1カラム,2カラム,3カラムに関しては、説明がなくてもわかるのではないかと思うので省略します。 縦三段はおそらく1カラムに分類されると思います。 左右対称ならばシンメトリーに分類されるのではないでしょうか。

master-3rd
質問者

お礼

ありがとうございます。 こういうサイトを探していました。 しかし、画像が無いのが残念ですね。 ><流水型> >タイトルや画像をグリッドに縛られずに自由に配置するレイアウト。 と言われても、どういうレイアウトなのか浮かんできません。 他にもあればお願いします。

関連するQ&A

  • ホームページ作成方法について

    ホームページ作成でアドバイスをお願いします。 現在ホームページを作成しようとしていて、レイアウトとして、 上部に横長の固定画像でその下部分を左と右の2分割にして、 左側にメニューの一覧、右側にその選んだメニューの内容を 表示しようと考えています。 イメージとしては、こんなページhttp://www.fukujuen.com/recruit/index.html でトップページ、会社案内などのメニューが待遇、選考方法の 所にあるイメージです。※上部にメニューは要りません。 こんなレイアウトを作成する際に、フレーム作成でいくのか、 各メニューのページを作成して、見た目フレームっぽくして 単純にリンクさせるだけとした方がいいのか悩んでいます。 分かりにくい説明ですみませんが、アドバイスお願いします。

  • ホームページ作成について

    gooの無料ホームページでHPを作成しています。TOPページにフレームを使用したのですが、バナーが入れてほしくないところに入ってしまい、レイアウトが上手くいきません。左のフレームは左右にスクロールさせたくないんです。これは自動的に入れられるので仕方ないのでしょうか?フレームはサイズも決めています。何か良い方法があれば教えてください。お願いします。

  • ワードで簡単な広報紙(A4で1枚)を作成中です。横書きで素書き後、ペー

    ワードで簡単な広報紙(A4で1枚)を作成中です。横書きで素書き後、ページレイアウトで印刷の向きを縦、段組みを3段にし、編集を繰り返し行っていると、ところどころに文字の間隔が狭くなる現象がでますが、なぜでしょうか?教えて下さい。

  • フレームを使った縦横中央へのレイアウト

    縦横ともに画面中央にレイアウトするには、どのような方法が良いのでしょうか? http://www.salon-de.net/main.html このサイトではテーブルを縦横100%にしてセルで中央にレイアウトされるように指定しているようですが、テーブル縦100%を認識しないブラウザでは中央レイアウトになりません。 http://www.parkhyatttokyo.com/ このサイトでは、なぜかフレームを縦2段で100%と相対に指定し、100%の方に内容の入ったHTMLファイルを表示させています。 画面中央にレイアウトされたページでは、このようにフレームを縦2段にして100%と相対に指定したものが多く見受けられますが、これにはどのような意味があるのでしょうか? さらに、 http://www.toraya-cafe.co.jp/ では同様のフレームが2重になっています。 また、なぜか「TD」タグ内では「vAlign=center」「align=middle」のようにダブルクォーテーションを付けない書き方が多数派となっています。 この理由はなぜでしょうか? 詳しい方お教え願います。

  • adobeのin designでの段組設定について

    ドキュメントページを作成するとき、レイアウトグリッドは基本的に同一ページでは複数の段組設定はできないという理解をしているのですが、例えばタイトルだけ縦1段組みで、本文は横1段組みとか、逆にタイトルおよびリードだけ横1段組みでその後の本文は縦3段組みとか、同一ページで違った段組というのは設定できるものなのでしょうか?もしできるのであれば、どのように設定するのでしょうか?良くご存知のかた、おしえてください。お願いします。

  • ホームページを作成してみたい

    興味本位からホームページ作成ができるようになりたいなと思ったので、いくらか自分で調べ、HTMLファイルを作成して簡易なホームページを作成し、それをインターネット上で公開するぐらいはできるようになりました。 文字のレイアウトの編集、ページとページをつなぐリンク、画像の添付だけでは、実用性皆無ですし正直面白くありません。そこでもう一歩ホームページ作成に関して詳しくなりたいと思っているところなのですが、何を学べばいいか分からないのと、それをどうやって調べればいいのかも検討がつきません。CSSというものも見ましたが、結局は文字などのレイアウトに関するもののようですし、ホームページを見栄えをよくする知識というよりも、作ったホームページ上で何か色々と実行できるホームページを作成してみたいです。 作ってみたいホームページによって必要な知識も変わってくるんでしょうか?例えば、下にあげたようなホームページを作ってみたいです。 (1)作成したホームページ上から画像をアップロードしてそれが閲覧できるホームページ (2)チャットルーム。 レイアウトは下半分がチャット対応、画面上半分は権限のあるもの(例えばチャットルーム作成者)が編集できるエリアがあるページ 例えば、クイズの出題者と参加者がいて、参加者が出題者に対して質問。重要な質問とその回答を出題者は画面上部にその情報を書き残す。 (3)一日の出来事など感想を書いていくブログのようなサイト。 カレンダーがあって、日付をクリックすると、その日の出来事が書き込めるホームページ(書き込み操作はWEB上から行う) 参考になるような本、ホームページなどがあればご紹介頂けると幸いです カテゴリ選択をどれにするか迷いましたが、「ホームページ」の記述がある「ホームページ作成ソフト」にしてみました

  • フレームのあるホームページレイアウトについて

    フレームのあるホームページを作りたいのですが、うまくレイアウトできずに困っています。 http://pawatmark.com/8-WHtesttop.html ←ここのページで左のボタンを押すと右下の枠に指定のブログが出てくるようにしたいのです。 今ボタンを押すと指定のブログにリンクされて出るには出てくるのですが、余計なスペースができてしまい、うまくおさまりません。 ・サイト自体の大きさは幅800ピクセルに指定してあり、左下の枠(目次スペース)が200ピクセル、右下の枠が600ピクセルに指定しています。 ・リンク先のブログは幅が600ピクセルに指定しています。 いろいろ調べてみて設定を変えたりしているのですが、上手くいかず、どなたかご教示いただけましたら助かります。htmlかcssでの設定であれば何とか対応できるかと思います。ちなみに当サイトはWINのGOLIVE6.0で作っています。 何卒よろしくお願いいたします。

  • CSSであふれた時に別のカラムに表示するには

    CSSで左右2段の段組を作成しています。 左側カラムにコンテンツがあふれた場合に、残りを右側カラムに表示させたいのですが、可能でしょうか? 正確にはカラム内にはテーブルを作成してますが、件数は多いのですが項目数が少ないため2列に表示させたいと考えています。 よろしくお願いいたします

  • ワード2010で段組がうまくいかない

    ワードでA4縦でたとえば15行ぐらいの文章を打つとします。段組を使用して左右半々ぐらいにしたいのですが、うまくいきません。ほとんど縦に長くなります。まれに成功して左右半々になります。 ページレイアウト-段組-2段 を使用しています。 なぜうまくいったりいかなかったりするのかよく分かりません。ご指導お願いします。

  • dreamweaver cs3 でのホームページ作成について

     お世話になります。 以前HPBで全てテーブルレイアウトで添付画像のようなHPを作成致しました。 サイトのページ数が約15枚ほどで、画像の「1,ヘッダー」 「3,左メニュー」「4,フッター」は全てIフレームにして別のHTMLを表示させるようにしています。 「1,ヘッダー」「3,左メニュー」「4,フッター」は全てのページで共通 で表示され「3,コンテンツ」のみ内容が切り替わるようにしています。  この度ページを更新しようと思ったのですが、段々と左メニューやコンテンツ、フッター等内容が多くなってきてしまい、なおかつテーブルの入れ子に次ぐ入れ子という感じでレイアウトしていたために、どれがどのテーブルかわからず、レイアウトを調整しようと色々といじっていたらレイアウトがぐちゃぐちゃになってしまいました。 そこでこの際勉強も兼ねて一からサイトを作り変えようと思っております。ソフトはdreamweaver cs3でやってみようかと思っています。 cssを使って何とか添付画像のようなレイアウトは作れたのですが、 ヘッダー内や左メニュー内にも細かな段組みレイアウトが作れません。 通常細かな段組み(ヘッダー部分のメニューや左メニューのレイアウト)についてはやはりテーブルでのレイアウトが正しいのでしょうか? まだdreamweaver cs3も使い始めて間もないもので細かなレイアウトの方法などが理解できていません。今後のサイト更新のためにも分かりやすい形で作りたいのですが・・・。 どなたかレイアウトについての参考URLや方法などご存知の方がいらっしゃいましたらご教授下さいませ。 よろしくお願い申し上げます。

専門家に質問してみよう