ホームページの大きさ（解像度）について
- ホームページの画面横幅pxの設定について、ベストな方法は何でしょうか？
- 海外企業と日本のホームページの表示差異や、縦のpx設定に関する制限について教えてください。
- 横ピクセルの値を知る方法や、制作における助言などもお願いします。
- ベストアンサー
ホームページの大きさ（解像度）について
ホームページを作成予定ですが、画面の横幅pxは現在ではどのように設定するのがベターでしょうか？例えばYahoo Japanでは左右で余白があります。PCモニターの大きさでこの余白が広くなったり狭くなったりすると思います。一方amazonは余白なしで画面全体で表示されています。以前画面全体のサイト（どこか海外のもの）を見たとき下に横スクロールバーが出た事があったのですが、やはり画面全体で作成するのは避けた方がいいですか？海外企業では全体表示が割りと多いのに日本のホームページでは全体表示が少ないのも疑問です。国によって違いがあるのでしょうか？また縦のpx設定に関しては際限なくＯＫでしょうか？最後にもう一つだけ！色々なサイトを調べていますが横ピクセルの値を知る方法はありますか？制作はＷｉｎ、Ｄｒｅａｍｗｅａｖｅｒ（ｃｓ５）でこれから勉強します。助言よろしくお願いします。
- デザイナー・クリエイティブ職
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
現在は、横幅960px～980pxぐらいでセンター寄せの表示が主流です。 余白なしのものは、可変リキッドレイアウトという手法で、ウインドウサイズに合わせてコンテンツが規則性を持ったまま可変される仕組みです。 これを厳密に作成しようとすると、素人レベルではやや難しいと思います。 国によって、というのはあるっちゃあるでしょうけど、トップレベルのサイトに関してはある程度グローバル化しているので大きな違いはないと思います。そもそもYahoo!だって本家の米Yahoo!が元々同じような作りです。 縦幅に関しては、コンテンツにもよりますが、あまりにも長いものは敬遠されがちです。 横幅の値を知る方法ですが、 FirefoxプラグインのFirebugや、Chromeのデフォルト機能であるデバックツールを利用すると便利ですよ。
関連するQ&A
- ホームページの横幅はどれくらいがよいでしょうか？
ホームページを作成しようとしていて、Dreamweaver8を使用しています。 HP全体の横幅はどれくらいが適当なのでしょうか？ マニュアル本だと650ピクセルにしていますが、 これでは小さい気がしました。 また、HPによっては自動的に横幅が画面のサイズと一緒になるものも あるようですが、これはどういう設定で可能ですか？ よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダー12を使用しています。
ホームページビルダー12を使用しています。 作成したWebサイトの横幅がどうしてもスクリーン全体に広がってしまいます。 一般の商用サイトのように、両サイドに余白を設けて中央にコンパクトに表示したいのですが、 その設定方法がどうしても分りません。 マニュアルでも見つかりません。 どなたか教えていただけますでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダー 表示の大きさ
ホームページビルダー11を使っています。初心者です。 デザインテンプレートを使ってページを作成したのですが、全体の横幅・縦幅ともに小さすぎて、プレビューすると右側・下側に真っ白い部分（余白）ができてしまいます。 拡大すれば、全画面（？）で表示できるようになると思うのですが、やり方がわかりません。 教えていただけないでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- ホームページの横幅が広くて、印刷すると切れてしまう。
会社のホームページを作っていて、横幅の設定について質問させて下さい。 横幅720pxで作成していたのですが、印刷する時に切れないように横幅を短くして欲しいと言われました。windowsのIEから印刷しようとすると、右側が切れてしまいます。印刷の設定を変えればよいのですが、その設定をしていない（分からない）人も多いようです。 大企業のHPを見てみると横幅700～780pxが多いので、これが主流だと思っていたのですが、やはり右側が切れずに印刷できるように横幅短め（600px以下？）で、ホームページを作成した方がよいでしょうか？ 私としては印刷幅に合わせると横幅がかなり狭くなるように思うので、モニタ表示を優先して作成したいのですが・・・ みなさんはどうしていますか？ご意見伺えたらと思います。
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページの制作方法について
初めてホームページを制作します。制作手順について知りたいです。いま考えている方法は、最初にIllustrator（ｃｓ４）で画面全体を作って、そこから必要パーツを切り抜きDreamweaver（ｃｓ５）ではめ込んでいくという方法です。このやり方で良いでしょうか？ちなみにサイトは物販はなく会社概要や商品紹介が中心で凝った内容と言えば問合わせフォームやトップ画面にフラッシュをはめ込むぐらいです。この方法で問題なければ、もうひとつお聞きしたいのですが、Illustratorで画面を作るときにどうやってサイズを合わせるのでしょうか？例えば横幅980pxのサイトを作る場合、Illustratorでも980pxで作れば合うものなのでしょうか？テストで横幅980pxの画面を作ってJpegに変換、それを直接「ブラウザー」→「開く」で見るとサイズが合わない気がします（アホな質問してますか？）Illustratorで画面を作ってDreamweaverではめ込んだら縦横比率が変な感じになるのが嫌なので制作前にお聞きしたかったです。ビギナーによろしくお願いします。
- ベストアンサー
- デザイナー・クリエイティブ職
- 携帯ホームページで横480の画像を表示させるには
携帯ホームページで横480の画像を表示させるには 私は携帯でイラストサイトを運営しています。 今までは横幅230pxの画像のみを展示していたのですが、大画面の携帯に買い換えた祭、そのサイズだと画像が小さくてモザイクがかかっている様に表示されます。 他の創作サイト様を拝見させていただいていると、たまに横幅480px(VGA？)サイズの画像を見かけるのですが、このサイズだととてもキレイに画像が表示されます。 そこで我がサイトでも横幅480pxの画像を230pxのものとは別に展示したいと思ったのですが、自分の携帯のデータフォルダ内では表示されるのに、webに上げると表示されなくなってしまいます。 横幅480pxの画像を携帯サイトで表示させるには、何か特別な手順を踏まなければいけないのでしょうか。 どなたか回答おねがいします。
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
- スマフォサイト制作での画像幅の拡大縮小について
２枚の画像バナーを横に並べたいのですが、 端末画面の横幅を想定して画像を作成してしまうと、 横に回転して閲覧した際小さく表示されてしまいます。 これを拡大させて表示させたいです。 文章が分かりづらいので画像を添付しました。 あくまで例なのですが、 480×854のスマフォ端末を想定した場合、 画像バナー（各リンク設定あり）を225pxの横幅で表示し、 バナーの上下左右に10pxの余白を残したい時。 これを横回転した際（854×480）、 横幅225pxで固定して作成しまうと、 バナーが小さく表示されてしまいます。 これを、横回転した時にも拡大されるようにしたいのです。 端末によっては480px以上に横幅の広い画面もあるかと思うので… 縦幅がその分広がっても構いません。 横１枚画像を置きたいのであれば、 width:100%;で対応可能かと思うのですが、 画像バナーそれぞれにリンクを設置したいので 別箇要素を設けたいです。 考え方としては、paddingの幅を固定にして、 画像を端末によってブロック要素の横幅100％まで拡大できるように できれば理想なのですが… スマートフォンサイト制作で詳しい方、 何か策がございましたら、ご教授いただけますと幸いです。 よろしくお願いいたします。
- 締切済み
- CSS
- DreamweaveCS5を使ってホームページ作成
の勉強をしています。 私は横幅が画面一杯のサイズのホームページの作成経験が全くありません。 そこで実験的にですが、新規でファイルを作ってDivタグを挿入しCSSの設定で 背景に 適当な色をつけ、カテゴリのボックスのWidthを100％、MarginのTopとBottomを0px、 RightとLeftをautoに設定し保存。 その後ブラウザーでのプレービュー(IE9)で確認してみました。 すると、上と左右に微妙に余白ができます。 この余白を全く無くすにはどう設定すれば良いか教えて下さい。 お詳しい方宜しくお願いします。
- ベストアンサー
- CSS
- ホームページビルダーで横幅について
ホームページを作ろうと、とりあえずホームページビルダー17の体験版をDLしました。 とりあえず四苦八苦しながらですが、なんとか少しずつ理解をしてきたのですが、まだまだ分からない事だらけです。 とりあえず、今一番分からないのが横幅の指定についてです。 例えば、皆さんそれぞれ横幅が違うディスプレイをお使いですよね？ ですが、どのサイトも自動的にそのディスプレイにあわせて自動的に最大化しているように思います。 そうするにはどのように設定すればいいのでしょうか？ また、950ピクセルくらいが最適とかを調べているうちに目にしたのですが、試しに950を設定して画像を挿入したところ横幅に余白があります。 サイト作成では、上部を青、中を白、最下部を青という想定をしているので余白があるとどうしても不恰好です。 見ている人のディスプレイにあわせて最大にしたいので、どのようにすればいいのか横幅について教えてもらえませんか？ できれば専門用語をくだけた表現で教えてもらえると非常に助かります。 宜しくお願いします
- ベストアンサー
- ホームページ作成ソフト
お礼
有難う御座います。助かりました！！