• ベストアンサー

ホームページの適切な画面のサイズ

初めてホームページ作りに挑戦している初心者です。 HPを作る際、ウィンドウサイズはどれくらいが一番適切なのでしょうか?? 高さは適当に設定できるとして、横幅がどこまでを広げていいものかわかりません。 基準の大きさってあるのでしょうか??

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

  • ベストアンサー
  • papayuka
  • ベストアンサー率45% (1388/3066)
回答No.2

こんにちは。 #1さんの調査のように最近は 1024x768 の画面サイズが主流のようですが、テーブルでサイズ固定すると 800x600 の画面を使っている環境では横スクロールになります。 心理的に立てスクロールはそうでもないが、横スクロールは抵抗を感じる事が多いと聞いた事があります。 こういった関係かどうかは判りませんが、Yahoo,Goo,Infoseek等の検索エンジンでもテーブルサイズはWidth 800 以下にしているようですね。 私も Width 800 で崩れないレイアウトを心がけてます。

tsunacan
質問者

お礼

回答ありがとうございます。 なるほど、800ぐらいがどの環境でも負担なく閲覧できるのですね。 とても助かりました。

その他の回答 (5)

回答No.6

ホームページビルダーというアプリケーションによりますと, 800×600 ディスプレイ 標準 幅580  高さ600 1024×768 ディスプレイ 標準 幅750  高さ900 に設定されています。 また,ある雑誌のアンケートによりますと,ディスプレイの解像度は,ほとんどの人が1024×768だそうです。 でも,ノートパソコンですと,まだまだ,800×600の解像度しか使えない人もいるみたいですが・・・。 まぁ,幅750で良いのでは? 何か,アプリケーションを使ってホームページを作っているのですか? <div>タグを使って位置の指定などをしない限り,そう気にする必要はないですよ。 気にしなければならないとしたら,画像ファイルを表示させるときくらいですが,それだけ大きな画像を表示させるとしたら,通信速度の遅い接続をしている人が泣いてしまいます・・・。

tsunacan
質問者

お礼

回答ありがとうございます。 アプリケーションはDreamweaver4を使っているのですが、その解説書には標準の大きさなど記述がありませんでした。 教えていただいたサイズを参考に作ってみようと思います。 ありがとうございました。

  • Lucus
  • ベストアンサー率38% (76/198)
回答No.5

私も800x600想定が無難だと思いますが、ページ全体をテーブルなんかできっちり横800にしちゃうとダメです。 なぜならば、右側のスクロールバー分を考えないといけないからで、800x600の画面で横800のページを見ると縦スクロールバーが出た時に横スクロールバーで出て鬱陶しがられます。 OS 側でスクロールバーの大きさも変えられるので、人によってはこの部分が大きさが違うということも考えておいたほうがいいですね。 それを考えて、私の場合は横760~720でページを作ってます。これならたいていは大丈夫です。 もっとも、横サイズをガチガチに固めるテーブルを使ったデザインではなく、見る者の画面サイズで臨機応変に表示できるテーブルを使わないデザインのページを作ったほうがいいのは言うまでもありませんが。

tsunacan
質問者

お礼

回答ありがとうございます。 >見る者の画面サイズで臨機応変に表示できるテーブルを使わないデザインのページを作ったほうがいい・・・ Lucusの言っている事、作り始めて初めて気づきました。 何気なく見ているHPでも色々決まりごとがあるのですね。 映画の画面のように上下に余白みたいな部分を入れたくて試行錯誤やっていたのですが、そのせいで余計悩むはめになったのかもしれません(^_^; 最初はテーブルを使わないデザインからやってみます。

回答No.4

基準といえるかどうか、他の回答者さんと同様に800が無難なラインです。判断基準は、横スクロールを避けることに尽きます。印刷して縦置きA4に入るかどうかを気にする人もいます。 縦スクロールはマウスホィールを回すだけで簡単に行えますが、横スクロールはポインタをバーまで移動させさらにドラッグまでしなければなりません。これは、マウスジェスチャ機能を使った早い操作に慣れているユーザーに拷問なみの苦痛を与えます。 また、1024x764のディスプレイがこれだけ普及しているのですから1024でも良いと思われるかもしれませんね。しかし現在のブラウザの多くは、左側にブックマークや履歴を表示できる機能があります。そのスペース分、表示領域は狭くなります。その分の余裕をみて、800というワケです。

tsunacan
質問者

お礼

回答ありがとうございます。 >他の回答者さんと同様に800が無難なラインです。 とても参考になりました。 HP作りを始めたものの、本を読みながらやっててもわからないことだらけだったので助かりました。

  • myeyesonly
  • ベストアンサー率36% (3818/10368)
回答No.3

こんばんは。 私も一昔前の横800を基準にして作ってます。 というのは、大きいサイズにしてしまうと全画面を占領してしまうので、マウスで作業する人には、デスクトップアイコンとか別のウィンドウの操作がやりにくくなると思われる事と、大きい画面で小さいのは見れますが、その反対は大変見づらくなります。

tsunacan
質問者

お礼

回答ありがとうございます。 >大きい画面で小さいのは見れますが、その反対は大変見づらくなります。 やはりそうですよね。 わからないことだらけなのでとても参考になりました。

  • rigo
  • ベストアンサー率33% (6/18)
回答No.1

私のHPにおけるアクセス解析の結果です。 解析し始めて891件しかありませんが、参考にしてみてください。 解像度の情報です。 702 1024x768 78.8% 81 800x600 9.1% 42 1280x1024 4.7% 20 1280x768 2.2% 11 1400x1050 1.2% 11 1152x864 1.2% 6 1152x870 0.7% 5 1024x600 0.6% 4 1152x768 0.4% 3 640x480 0.3% 2 1280x960 0.2% 1 1280x854 0.1% 1 1680x1050 0.1% 1 640x400 0.1% 1 1600x1200 0.1%

tsunacan
質問者

お礼

早速の回答ありがとうございます! 1024x768が一番多いんですね。 ってことは、HPのウィンドウも1024x768の大きさにするとよいのでしょうか??

関連するQ&A

  • ホームページの横幅はどれくらいがよいでしょうか?

    ホームページを作成しようとしていて、Dreamweaver8を使用しています。 HP全体の横幅はどれくらいが適当なのでしょうか? マニュアル本だと650ピクセルにしていますが、 これでは小さい気がしました。 また、HPによっては自動的に横幅が画面のサイズと一緒になるものも あるようですが、これはどういう設定で可能ですか? よろしくお願いします。

  • ホームページビルダー11の文字サイズについて

     ホームページビルダー11を使ってはじめてHP作りに挑戦しています。 色々参考にしようと思い、よその方のホームページを閲覧していて気がついたのですが、ブラウザ上で見ると、人によって全体的にフォントのサイズが小さいページや、大きいページがあります。(文字を指定してそこの部分だけの大小ではなく)ちなみに、メニューバーの表示→編集表示の設定でフォントのサイズを大きく指定してやってみたのですが、ブラウザ上に切り替えてみると全体的にフォントのサイズは変わっていませんでした。編集表示ですから当たり前ですよね。ワープロにある書式の設定のように、そのページのフォントサイズはいくらとか、文字はMSゴシックとか指定してやることはできますか?ビルダーについてきたマニュアルやヘルプを見ましたが混乱して良くわからなくなってしまいました。どなたか教えていただけませんでしょうか。ホームページを作りたいなんて身の程知らずなほど超初心者です。あまりにも初歩的な質問でお恥ずかしいのですが、お願いします。

  • ドリームウィーバーの画面サイズについて教えて下さい

    自作でHPを作ろうとしています。 ドリームウィーバーCS3を使っているのですが、画面の横幅を1000PXにする方法を教えて下さい。 テーブルを使っていてテーブルの横幅サイズも1000PXなので同じサイズにしたいんです。 作るとどうしても背景イメージが二つ表示されてしまいすごくかっこ悪いです。 どなたか初心者の私にアドバイスをお願いします((+_+))

    • 締切済み
    • CSS
  • ホームページ作成の初心者です。

    ホームページ作成の初心者です。 インターネットで通常閲覧している画面のサイズ横幅いっぱいに 画像やページを表示させるには、横幅のサイズは何ピクセルに設定すれば よいのでしょうか? 使用ソフトはホームページビルダーV9、OSはXPproです。 どうぞ、よろしくお願い致します。

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

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

  • 現在表示されているWEBサイトの画面サイズを知りたい!

    ホームページ作成初心者です。 画面サイズを参考にしたいのですが、 現在表示されているサイトの画面サイズ(横幅)を調べたいのですが、 その方法はどのようなものがありますでしょうか?

  • ウインドウサイズの決め方について

    皆さんよろしくお願いします。 スクールの中間課題でwebサイトを作ることになりました。 サイトのアイデアも決まり、デザインも決まったのですが ウインドウサイズをどれくらいの基準で作ってよいのか 悩んでいます。 皆さんはどれくらいのサイズを基準に作られていますか? 別ウインドウで開いたときに横幅がきっちり表示されるよ うなサイズになるんかな? 訪問者にストレスを感じさせないように表示したいんです。 いろいろ言ってすみませんが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • Terapadのウインドウサイズ

    HPをTerapadで編集作成しています。 84桁で折り返しにして(1行42文字)、そのサイズに合った横幅のウインドウサイズにしています。 いったん終了して再度開くと、ウインドウサイズの横幅が倍ぐらいに広がってしまい、いちいちカーソルで縮めなければならず、面倒でなりません。 今まで使っていた17インチのアナログモニタではこういうことはありませんでしたが、23インチのワイドモニタにしたらこういう状態になりました。 Terapadの表示やウインドウ設定を見ても、ウインドウサイズを固定する機能がありません。 対処法があればご教授下さい。

  • 表示画面が小さい。

    この度15インチのノートパソコンを購入したのですが、ホームページにしているYAHOOのHP画面が横幅も狭く小さいのです。勤務先でも15インチを使用していますがもっと横幅も広く大きいです。メニューの「表示」から文字のサイズは変えられますが全体の大きさ(横幅)は変わりません。YAHOOに問い合わせましたがわからないとのこと。パソコンはLAVIEです。サイズを変える方法をご存知の方がいらっしゃいましたら、お教えください。よろしくお願いします。

  • ホームページの作り方

    パソコン初心者です。ホームページ作りに挑戦したいなと考えてます。今までインターネットやe-mail位しか経験ないのですが、こんな私にでも作る良い方法あるのでしょうか? ホームページ作成の分かりやすい手ほどきのあるサイトなどご存知でしたら教えて下さい。 ちなみに、機種はvaioでwindous.xpを使用しています。

専門家に質問してみよう