Web デザインの寸法_html/css_WEB-ITnose

Web デザインのサイズ

Web デザインでは、デザインを容易にするために、絵を描くための画板を与えるのと同じように、最初に Web ページのサイズを定義する必要があります。

Web ページのサイズは 2 つの要因によって制限されます。1 つはモニター画面です。現在、モニターの種類は 17 インチが主流で、19 インチやワイドスクリーンに向けて発展しています。 15インチのモニター。

もう 1 つは、一般的に使用される IE、Aoyou、Friefox などのブラウザ ソフトウェアです。

高さ:

高さは下方向に拡張できるため、通常、1 つの画面に対して高さの制限はありません。ブラウザのツールバーは人によって異なるため、一般に固定値はありません。プラグインによって画面の半分が占有されているブラウザ ツールバーも見たことがあるため、高さの正確な値はありません。

幅:

1。IE6.0 では、幅はモニターの解像度から 21 を引いた値になります。たとえば、1024 -21 の幅は 1003 になります。ただし、IE6.0 (またはそれ以下) では、Web ページの高さに関係なく、右側にスクロール バー ボックスが表示されることに注意してください。

2. Firefox では、幅の解像度が 19 減少します。たとえば、1024 -19 の幅は 1005

3 になります。Opear では、幅の解像度が 23 減少します。たとえば、1024 -23 の幅は 1001 になります

注: コンテンツがブラウザの高さよりも小さい場合、Firefox または Opear では右スクロール バーが表示されません。

したがって、解像度が 1024 の場合は、Web ページを 1000 に設定する方が安全です。 900 に設定すると、両側の余白が大きくなり、視覚的に快適になります

フローティング レイヤーのデザインを行う場合にも便利です

解像度が 800 の場合、通常は 770 に設定されます。ただし、760 に設定されている設定もあります。

これらは理解して留意する必要があります。そうでないとブラウザの要件を満たさない可能性がありますが、一部のブラウザではプラグインが追加されているため、一般的にはもう少し小さく設定します。またはその他 物事の幅が変わるため、一般的に解像度 800 は約 760、解像度 1024 は約 990 に設定されます。

Web デザインの標準サイズ:

1。 Web ページの幅は 778 以内に保つ必要がありますが、そうではありません。水平スクロール バーが表示されます。高さはレイアウトとコンテンツによって決まります。

2. 1024*768 未満では、Web ページの幅は 1002 以内に保たれます。フレーム全体が表示される場合、高さは 612 ～ 615 になります。水平スクロール バーも垂直スクロール バーもありません。

3. PSでWebページを作成する場合、800*600の状態で全画面表示でき、ページの下部にスライドバーはありません。サイズは約740*560です。

4. WEBでは256WEBセーフカラーのみを使用しており、PSのRGB

やCMYK、LABやHSBは色域が広いため、オンラインでは色などが異なります。

ページの解像度は 800*600 で作成されており、実際のサイズは 778*434px です

原則として、ページの長さは 3 画面を超えないようにしてください。 1画面

各標準ページはA4フォーマット、つまり8.5X11インチです

フルサイズ バナーは468*60px、ハーフサイズバナーは234*60px、スモールバナーは88*31pxです

さらに、 120*90 および 120*60 は、小さなアイコンの標準サイズでもあります

ホームページ以外の各静的ページには 100 バイト以下の画像バイトが含まれます 60K、フルサイズのバナーは 14K を超えません

一般的に、次のような Web サイトの幅は個人ブログのサイズは 750 ～ 900 (ピクセル) ですが、何も影響しないため、無制限にすることができます。

一部の商用 Web サイトと同様に、ページの幅は多くの要素を考慮する必要があります。主に、表現するコンテンツ、主流の表示の幅、ページの美しさなどです。