ホームページ >ウェブフロントエンド >htmlチュートリアル >Web デザインの寸法_html/css_WEB-ITnose
Web デザインのサイズ
Web デザインでは、デザインを容易にするために、絵を描くための画板を与えるのと同じように、最初に Web ページのサイズを定義する必要があります。
Web ページのサイズは 2 つの要因によって制限されます。1 つはモニター画面です。現在、モニターの種類は 17 インチが主流で、19 インチやワイドスクリーンに向けて発展しています。 15インチのモニター。
もう 1 つは、一般的に使用される IE、Aoyou、Friefox などのブラウザ ソフトウェアです。
高さは下方向に拡張できるため、通常、1 つの画面に対して高さの制限はありません。ブラウザのツールバーは人によって異なるため、一般に固定値はありません。プラグインによって画面の半分が占有されているブラウザ ツールバーも見たことがあるため、高さの正確な値はありません。
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 以内に保つ必要がありますが、そうではありません。水平スクロール バーが表示されます。高さはレイアウトとコンテンツによって決まります。
3. PSでWebページを作成する場合、800*600の状態で全画面表示でき、ページの下部にスライドバーはありません。サイズは約740*560です。
4. WEBでは256WEBセーフカラーのみを使用しており、PSのRGBやCMYK、LABやHSBは色域が広いため、オンラインでは色などが異なります。
原則として、ページの長さは 3 画面を超えないようにしてください。 1画面
各標準ページはA4フォーマット、つまり8.5X11インチです
フルサイズ バナーは468*60px、ハーフサイズバナーは234*60px、スモールバナーは88*31pxです
さらに、 120*90 および 120*60 は、小さなアイコンの標準サイズでもあります
ホームページ以外の各静的ページには 100 バイト以下の画像バイトが含まれます 60K、フルサイズのバナーは 14K を超えません
一般的に、次のような Web サイトの幅は個人ブログのサイズは 750 ~ 900 (ピクセル) ですが、何も影響しないため、無制限にすることができます。一部の商用 Web サイトと同様に、ページの幅は多くの要素を考慮する必要があります。主に、表現するコンテンツ、主流の表示の幅、ページの美しさなどです。