ホームページ ウェブフロントエンド CSSチュートリアル Webレイアウトデザインの標準サイズ_体験交流

Webレイアウトデザインの標準サイズ_体験交流

May 16, 2016 pm 12:06 PM

1. 800*600 の場合、Web ページの幅が 778 以内に収まる場合、水平スクロール バーは表示されません (高さはレイアウトとコンテンツによって異なります)。
2. 1024*768 未満では、Web ページの幅は 1002 以内に保たれます。フレーム全体が表示される場合、高さは 612 ~ 615 になります。水平スクロール バーや垂直スクロール バーは表示されません。
3. PS で Web ページを作成する場合、800*600 の状態で全画面表示でき、ページ下部にスライド バーは表示されません。サイズは約 740*560 です。
4 PS で作成した画像はオンラインで表示できます。Web では 256 色の WEB セーフ カラーのみが使用されるのに対し、PS の RGB または CMYK および LAB または HSB は非常に幅広い色を使用するため、色などの点で異なります。
ページ標準は800*600の解像度で制作されており、実際のサイズは778*434pxです
原則としてページは長さは 3 画面を超えてはならず、幅は 1 画面を超えてはなりません。
各標準ページは A4 フォーマット、つまり 8.5X11 インチです。
フルサイズのバナーは 468*60px、ハーフサイズのバナーは 468*60px です。は 234*60px、小さなバナーは 88*31px です
さらに、120*90 と 120*60 は小さなアイコンの標準サイズでもあります
画像を含むホームページ以外の静的ページはそれぞれ 60K バイトを超えてはなりません、フルサイズのバナーは 14K を超えてはなりません

標準 Web ページ広告サイズ仕様
1. 120*120。この広告仕様は製品またはニュース写真の表示に適しています。
2. 120*60、この広告仕様は主にロゴに使用されます。
3. 120*90、主に製品のデモンストレーションや大規模なロゴに使用されます。
4. 125*125のこの仕様は、写真効果を示すイメージ広告に適しています。
5. 234*60、この仕様はフレームまたは左右のホームページ上の広告リンクに適しています。
6. 392*72、主に多くの写真を含む広告バナーに使用され、ヘッダーまたはフッターに使用されます。
7. 468*60 は最も広く使用されている広告バナー サイズで、ヘッダーまたはフッターに使用されます。
8. 88*31、主に Web リンクまたは小さな Web サイトのロゴに使用されます。
广告形式          像素大小                                 最大尺寸             备注 
BUTTON          120*60(必须用gif)                     7K  
                          215*50(必须用gif)                     7K 
通栏                  760*100                                     25K                静态图片或减少运动效果 
                          430*50                                       15K 
超级通栏          760*100 to 760*200               共40K             静态图片或减少运动效果 
巨幅广告          336*280                                     35K 
                          585*120 
竖边广告          130*300                                     25K 
フルスクリーン広告 800*600 40K は静止画像、FLASH 形式でなければなりません
グラフィックとテキストの混合 各チャンネルは異なります 15K
ポップアップウィンドウ 400*300 (GIF を使用してみてください) 40K
バナー 468* 60 (GIF を使用してみてください) 18K
ホバー ボタン 80*80 (GIF を使用する必要があります) 7K
ストリーミング メディア 300*200 (不規則な形状にすることもできますが、サイズは 300*200 を超えることはできません) 30K 再生時間未満5 秒未満 60 フレーム (1 秒/ 12 フレーム)
ウェブページ内の広告サイズ
1. ホームページの右上、サイズ 120*60 2. ホームページのトップバー、サイズ 468*60 3 . ホームページのトップバー、サイズ 760*60
4. ホームページの中央部分 バナー、サイズ 580*60 5. 内部ページの上部バナー、サイズ 468*60 6. 内部ページの上部バナー、サイズ760*60
7. 内側ページの左上、サイズ 150*60 または 300*300 8. ダウンロード アドレス ページ、サイズ 560*60 または 468*60
9. 内側ページの下部バー、サイズ 760 *60 10. フロート左、サイズ 80*80 または 100*100
11. フロート右、サイズ 80*80 または 100 ※上記 100 個の記述の間には、多少の相違がある可能性があります。


IAB と EIAA が新しいオンライン広告サイズ標準を発表
これら 6 つのフォーマットには、IAB が昨年リリースした「ユニバーサル広告パッケージ」の 4 つのフォーマットに加えて、160x600、300x250、180x150 が含まれます。および 728x90 (新しく発表された 468x60 および 120x600 (Optimus Prime) を含む)。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

スクリーンリーダーの分解:アクセス可能なフォームとベストプラクティス スクリーンリーダーの分解:アクセス可能なフォームとベストプラクティス Mar 08, 2025 am 09:45 AM

これは、フォームアクセシビリティについて行った小さなシリーズの3番目の投稿です。 2番目の投稿を逃した場合は、「ユーザーフォーカスの管理:Focus-Visible」をご覧ください。で

Smart Forms Frameworkを使用してJavaScript連絡フォームを作成する Smart Forms Frameworkを使用してJavaScript連絡フォームを作成する Mar 07, 2025 am 11:33 AM

このチュートリアルでは、Smart Formsフレームワークを使用して、プロフェッショナルなJavaScriptフォームの作成を示しています(注:使用できなくなりました)。 フレームワーク自体は利用できませんが、原則とテクニックは他のフォームビルダーに関連しています。

WordPressブロックと要素にボックスシャドウを追加します WordPressブロックと要素にボックスシャドウを追加します Mar 09, 2025 pm 12:53 PM

CSS Box-Shadowおよびアウトラインプロパティは、WordPress 6.1でTheme.jsonサポートを獲得しました。実際のテーマでどのように機能するか、そしてこれらのスタイルをWordPressブロックと要素に適用するために必要なオプションのいくつかの例を見てみましょう。

GraphQLキャッシングの使用 GraphQLキャッシングの使用 Mar 19, 2025 am 09:36 AM

最近GraphQLの作業を開始した場合、またはその長所と短所をレビューした場合、「GraphQLがキャッシュをサポートしていない」または

最初のカスタムSvelteトランジションを作成します 最初のカスタムSvelteトランジションを作成します Mar 15, 2025 am 11:08 AM

Svelte Transition APIは、コンポーネントがカスタムSVELTE遷移を含むドキュメントを入力または離れるときにアニメーション化する方法を提供します。

ショー、Don' t Tell ショー、Don' t Tell Mar 16, 2025 am 11:49 AM

あなたのウェブサイトのコンテンツプレゼンテーションの設計にどれくらいの時間に費やしますか?新しいブログ投稿を書いたり、新しいページを作成したりするとき、あなたは考えていますか

上品でクールなカスタムCSSスクロールバー:ショーケース 上品でクールなカスタムCSSスクロールバー:ショーケース Mar 10, 2025 am 11:37 AM

この記事では、Scrollbarsの世界に飛び込みます。私は知っています、それはあまりにも魅力的ではありませんが、私を信じてください、よく設計されたページは手をつないで行きます

NPMコマンドは何ですか? NPMコマンドは何ですか? Mar 15, 2025 am 11:36 AM

NPMコマンドは、サーバーの開始やコンパイルコードなどの1回限りのプロセスまたは継続的に実行されるプロセスとして、さまざまなタスクを実行します。

See all articles