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は色域が広いため、オンラインでは色などが異なります。
原則として、ページの長さは 3 画面を超えないようにしてください。 1画面
各標準ページはA4フォーマット、つまり8.5X11インチです
フルサイズ バナーは468*60px、ハーフサイズバナーは234*60px、スモールバナーは88*31pxです
さらに、 120*90 および 120*60 は、小さなアイコンの標準サイズでもあります
ホームページ以外の各静的ページには 100 バイト以下の画像バイトが含まれます 60K、フルサイズのバナーは 14K を超えません
一般的に、次のような Web サイトの幅は個人ブログのサイズは 750 ~ 900 (ピクセル) ですが、何も影響しないため、無制限にすることができます。一部の商用 Web サイトと同様に、ページの幅は多くの要素を考慮する必要があります。主に、表現するコンテンツ、主流の表示の幅、ページの美しさなどです。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。
