Maison interface Web tutoriel CSS Tailles standard pour la conception de mises en page Web_Échange d'expériences

Tailles standard pour la conception de mises en page Web_Échange d'expériences

May 16, 2016 pm 12:06 PM

1. À 800*600, si la largeur de la page Web est maintenue à 778, il n'y aura pas de barre de défilement horizontale. La hauteur dépendra de la mise en page et du contenu.
2. Sous 1024*768, la largeur de la page Web est conservée dans les limites de 1002. Si le cadre complet est affiché, la hauteur est comprise entre 612 et 615. Il n'y aura pas de barre de défilement horizontale ni de barre de défilement verticale.
3. Lors de la création de pages Web dans PS, vous pouvez afficher le plein écran en 800*600, et il n'y aura pas de barre coulissante en bas de la page. La taille est d'environ 740*560. . Les images réalisées en PS peuvent être affichées en ligne. C'est différent, en termes de couleurs, etc., car seules 256 couleurs WEB safe sont utilisées sur le WEB, alors que le RVB ou CMJN et LAB ou HSB en PS ont une couleur très large. gamme, il y aura donc naturellement une perte de couleur.
La page standard est produite avec une résolution de 800*600, et la taille réelle est de 778*434px
En principe, la longueur de la page ne doit pas dépasser 3 écrans. , et la largeur ne doit pas dépasser 1 écran
Chaque page standard est au format A4, soit 8,5X11 pouces
La bannière pleine taille est de 468*60px, la bannière demi-taille est de 234*60px, et la la petite bannière fait 88*31px
De plus, 120*90 et 120*60 sont également les tailles standard pour les petites icônes
Chaque page statique hors page d'accueil contenant des images ne doit pas dépasser 60 Ko, et les bannières en taille réelle doivent ne dépasse pas 14K

Spécifications de taille publicitaire standard des pages Web
1. 120*120. Cette spécification publicitaire convient à l'affichage de photos de produits ou d'actualités.
2. 120*60, cette spécification publicitaire est principalement utilisée pour le LOGO.
3. 120*90, principalement utilisé pour les démonstrations de produits ou les LOGOs à grande échelle.
4. 125*125, cette spécification convient aux publicités illustrées qui montrent des effets photo.
5. 234*60, cette spécification convient aux liens publicitaires sur le cadre ou sur la page d'accueil gauche et droite.
6. 392*72, principalement utilisé pour les bannières publicitaires avec de nombreuses images, utilisées pour les en-têtes ou les pieds de page.
7. 468*60, la taille de bannière publicitaire la plus utilisée, utilisée pour les en-têtes ou les pieds de page.
8. 88*31, principalement utilisé pour les liens Web ou les petits logos de sites 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 
BANNER          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 새로 발표된 468x60 및 120x600(Optimus Prime)을 포함한 728x90입니다.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Construire une application Ethereum à l'aide de Redwood.js et de la faune Construire une application Ethereum à l'aide de Redwood.js et de la faune Mar 28, 2025 am 09:18 AM

Avec la récente montée du prix du bitcoin sur 20k $ USD, et pour lui, récemment en train de briser 30k, je pensais que cela valait la peine de reprendre une profonde plongeon dans la création d'Ethereum

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

Il est sorti! Félicitations à l'équipe Vue pour l'avoir fait, je sais que ce fut un effort massif et une longue période à venir. Tous les nouveaux documents aussi.

Pouvez-vous obtenir des valeurs de propriété CSS valides du navigateur? Pouvez-vous obtenir des valeurs de propriété CSS valides du navigateur? Apr 02, 2025 pm 06:17 PM

J'ai eu quelqu'un qui écrivait avec cette question très légitime. Lea vient de bloguer sur la façon dont vous pouvez obtenir les propriétés CSS valides elles-mêmes du navigateur. C'est comme ça.

Un peu sur CI / CD Un peu sur CI / CD Apr 02, 2025 pm 06:21 PM

Je dirais que "Site Web" correspond mieux que "Application mobile" mais j'aime ce cadrage de Max Lynch:

Cartes empilées avec un positionnement collant et une pincée de sass Cartes empilées avec un positionnement collant et une pincée de sass Apr 03, 2025 am 10:30 AM

L'autre jour, j'ai repéré ce morceau particulièrement charmant sur le site Web de Corey Ginnivan où une collection de cartes se cassent les uns sur les autres pendant que vous faites défiler.

Utilisation de Markdown et de la localisation dans l'éditeur de blocs WordPress Utilisation de Markdown et de la localisation dans l'éditeur de blocs WordPress Apr 02, 2025 am 04:27 AM

Si nous devons afficher la documentation à l'utilisateur directement dans l'éditeur WordPress, quelle est la meilleure façon de le faire?

Comparaison des navigateurs pour une conception réactive Comparaison des navigateurs pour une conception réactive Apr 02, 2025 pm 06:25 PM

Il existe un certain nombre de ces applications de bureau où l'objectif montre votre site à différentes dimensions en même temps. Vous pouvez donc, par exemple, écrire

Pourquoi les zones réduites pourpre dans la disposition Flex sont-elles considérées à tort «espace de débordement»? Pourquoi les zones réduites pourpre dans la disposition Flex sont-elles considérées à tort «espace de débordement»? Apr 05, 2025 pm 05:51 PM

Questions sur les zones de slash violet dans les dispositions flexibles Lorsque vous utilisez des dispositions flexibles, vous pouvez rencontrer des phénomènes déroutants, comme dans les outils du développeur (D ...

See all articles