• 締切済み

HTMLでウエブサイトの横幅について

ウェブデザインに詳しい方、アドバイスお願いします。 HTMLでウェブサイトの横幅について教えてください 何年か前に短期のウェブデザイン講習に通い、基本的なことを教わりました。 その際、ウェブサイトを作るときの基本的な考え方として、いろんなモニターサイズで見ている人がいるので、横幅は800pxで作るのがいいと教えられました。 質問1 たとえば現在、いろんなウェブサイトを見ていると、横幅が800pxで作られているとは思えないサイトの方が多いように見えます。、現在のウェブデザインの最前線の現場では、横幅についてはどのように考えられているのでしょうか。教えてください。 質問2 たまにですが、とてもまともな企業のウェブサイトが、左に寄って表示されているケースを何件か見かけました。講習では、モニターの左右のセンターに表示されるようにコードを書くように指導されましたが、まともな企業のウェブサイトが左寄りに表示されているのを見ると、何か世間の事情が変わり始めたのかと不思議に思ってしまいます。どういうことなのか、教えてください。 よろしくお願いします

みんなの回答

  • iioi
  • ベストアンサー率26% (22/84)
回答No.1

>現在のウェブデザインの最前線の現場では、横幅についてはどのように考えられているのでしょうか。教えてください。 昔も今も ・完全固定幅で作る(その場合はまぁ800~850pxくらいが相場です。) ・解像度(&ウインドウサイズ)にあわせて幅を変動させる。 ・メニューなどのカラムは固定幅でメイン記事のカラムはフルになるようにする。 まぁこのパターン。 その講習をした人が三流だっただけ。 >たまにですが、とてもまともな企業のウェブサイトが、左に寄って表示されているケースを何件か見かけました。講習では、モニターの左右のセンターに表示されるようにコードを書くように指導されましたが、まともな企業のウェブサイトが左寄りに表示されているのを見ると、何か世間の事情が変わり始めたのかと不思議に思ってしまいます。どういうことなのか、教えてください。 それその講習をやった人が元々三流だっただけ。 本当にできるWebデザイナはそのデザイン業だけで生活ができます。 そのデザインだけで食っていけない二流、三流のデザイナが副業として講師になるのです。

okokrerere
質問者

お礼

ご回答ありがとうございます。 参考にさせていただきます。 ありがとうございました。

okokrerere
質問者

補足

左右のセンターではなく、左に寄って表示されるウェブサイトについては、あえてそういう選択するまともな企業もあるということなのですか? それとも、何も気にしていない適当なサイトということなのですか?

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ホームページの横幅が広くて、印刷すると切れてしまう。

    会社のホームページを作っていて、横幅の設定について質問させて下さい。 横幅720pxで作成していたのですが、印刷する時に切れないように横幅を短くして欲しいと言われました。windowsのIEから印刷しようとすると、右側が切れてしまいます。印刷の設定を変えればよいのですが、その設定をしていない(分からない)人も多いようです。 大企業のHPを見てみると横幅700~780pxが多いので、これが主流だと思っていたのですが、やはり右側が切れずに印刷できるように横幅短め(600px以下?)で、ホームページを作成した方がよいでしょうか? 私としては印刷幅に合わせると横幅がかなり狭くなるように思うので、モニタ表示を優先して作成したいのですが・・・ みなさんはどうしていますか?ご意見伺えたらと思います。

  • レスポンシブwebデザインで横幅を変更せずに文字を

    よくレスポンシブwebデザインで横幅に合わせて基本的には、横幅を320pxにしてサイトを設計するという記事をよく見ますが、横幅が640pxのRetinaディスプレイで見ると画像やyoutubeの動画の画質が悪くなってしまいます。 なので、サイトの横幅を640pxにして、PCで見るときはfont-sizeを12px、line-heightを16pxにして、スマートフォンで見る際には、倍のfont-sizeを24px、line-heightを32pxにというように、横幅を変更するのではなく文字サイズの変更だけをしてサイトを制作するつもりなのですが問題ないですよね?

    • ベストアンサー
    • CSS
  • 携帯サイトの横幅について。

    携帯サイトを作成する際の横幅で悩んでいます。 自分が使用しているFOMAの最近の機種は240px表示が主流ですが、AU、Softbankの最近の機種は何px表示が主流なのでしょうか? 今まで、あまり他機種ユーザーの事を考えずに、TOPに横幅240pxのタイトル画像等を置いていたのですが、「もしかしたら他機種ユーザーの方にはキチンと見えていないのでは?」と思い、デザインをし直そうと考えているところです。 お解りになる方がいらっしゃったら、教えていただければと思います。

    • ベストアンサー
    • HTML
  • ウェブサイトを作るにあたっての手段

    ウェブデザインに興味があり、勉強したいと思っている者です(ほぼ素人です ご勘弁を、、、;) ウェブサイトをつくるにあたってHTML、CSS、FLASHなどなど、色々な手段がありますよね? そこで現在広く普及している色々なウェブサイトの作り方を教えてほしいのです それぞれのメリットデメリットなども教えてもらえると幸いです また、これからウェブデザインを勉強する者へのアドバイスなどいただけるとありがたいです

    • ベストアンサー
    • CSS
  • 横幅が2880pxを超えるデザインについて

    http://www.studio-coast.com/ のようなコンテンツの一部がブラウザに表示され、ユーザーが自分でマウス操作することで表示されていない部分を表示できるようなものをつくりたいと思ってます。 自分のデザイン構想だと横幅が5120px必要なのですが、FLASHのステージのサイズは横が最大2880pxまでと制限されているようです(FLASH MX 2004を使用しています) そこで ・全てのデザイン構想を1/2スケールに作成してステージへ納めてswfを作成 ・htmlファイル上でswfの表示サイズを引き伸ばしてブラウザに表示 と考えているのですが、これにより画像や文字などの崩れやブラウザによってSWF自体が正常に表示できないなどの問題は起きますでしょうか。 また他に、このような2880pxを超えるようなFLASHデザインでよい手法があれば教えてください。 よろしくお願いします。

  • 横幅が可変の背景

    ちょっと説明が難しいので理解頂けるか不安なのですが・・・ 企業のホームページとかに良くあるパターンの表示方法なのですが、 背景の画像が横幅に対して100%で指定してあるのか、 ウインドウを大きくしても小さくしても、ちゃんとそのサイズピッタリで表示される方法を知りたいと思っています。 ホームページの例としては、 http://www.ekokoro.jp/ の、メニュー部「募金メニュー」や「世界を知る」とある部分の下にある、緑のラインの事です。 いわゆるコンテンツの部分は、例えば横800pxとかで作りたいのですが、 背景のラインはモニター100%にしたいのです。 このような表示方法を解説しているページとかありましたら教えてください。 また、できればXhtmlではなく、htmlでの表示方法を希望です。 よろしくお願いします。m(_ _)m

    • ベストアンサー
    • HTML
  • ブログをカスタマイズしていますが、横幅(width)はどのくらいに設定したほうがいいのか?

    タイトルの通りなのですが、ちょっと補足。 今主流のディスプレイは17インチのSXGAだと思います。19インチもあるがここではwebデザインの質問なので解像度は同じ19インチ置いておく。 20インチ以上のUXGAはSXGAと比べグットすくないでしょう。 それよりも、15インチのXGAをどう考慮するかが問題です。 いま横幅が950~1000pxでカスタマイズしています。 ずばり言うならXGAユーザーを切り捨ててもいいのでしょうか? 悩むところです。 アドバイスお願いします。

    • 締切済み
    • CSS
  • WEBサイトの横幅が960や980の理由は

    WEBサイトを作成中で、横幅についての質問です。 いろいろ調べたところ、現在の主流はサイトの横幅は960か980が多いようです。 それ以外のサイトも多くありますが、これらは950や1000ではダメだったのでしょうか。 作成中のサイトは、いろいろレイアウトを考えると横幅は988が理想なのですが 980では問題なく988では問題が生じるということはあるでしょうか? 詳しい方教えていただけると助かります。

  • 【横幅を可変(?)】Flashの表示幅を変更させたい

    いつもお世話になっております。 今回は、Flashについて質問です。 1,800px×300pxと言うデカイFlashがあります。 これを、HTMLに埋め込み再生するのですが、 ブラウザ幅に合わせて横幅のみ可変させる方法を知りたいです。 ※高さは固定 ※1,800×300と言う比率は変わらない。 つまり、ブラウザの横幅が1,000pxだった場合、 Flashは1,000pxまでしか表示させない。 残り800pxはマスク(?)する感覚です。 参考になればと思い、画像を用意しました。 ↓ http://www.gochader.com/sample.gif ご意見、ご回答よろしくお願いいたします!!!!

    • ベストアンサー
    • Flash
  • レスポンシブ 横1080px高解像度スマートフォン

    レスポンシブに挑戦しようとしていますが、 ちょっとよく分からくなってきたので質問させてください。 レスポンシブWEBデザインは、 例えば、次のようにデバイスの横幅によって異なるデザインのサイトを表示させるわけですよね。  @media screen and (min-width: 769px){PC向け}  @media screen and (max-width: 768px){タブレット向け}  @media screen and (max-width: 640px){スマートフォン向け} しかし、横幅が1080pxもあるスマートフォンが発売されてきましたので、 もはや、横幅ではどんなデバイスなのか分からなくなってきたと思います。 また、スマートフォンが高解像度になっても、 画面自体は小さいので、 スマートフォン用にサイトデザインを最適化する必要は変わりません。 そうすると、ユーザーエージェントで切り分ける旧式のやり方を少なくも併用しなければ、 結局、うまくいかないような気もするのですが、どうなんですかね? そのあたりについて、どのようにお考えでしょうか? ご意見お聞かせいただきたくお願い申し上げます。

    • ベストアンサー
    • CSS