dimensions site Fermé

Question

Bonsoir,

étant nouveau en programmation xhtml/css, je suis en train de creer un site statique pour commencer.
Je voudrai savoir quelles sont généralement les meilleures dimensions pour le <body>, quelles sont les dimensions les plus utilisées et qui passent le mieux chez les utilisateurs?

Merci.

bg62 · Answer

vois tout simplement les tailles et résolutions d'écran les plus utilisées ...
faut lire les 'pubs' et savoir aussi que beaucoup on encore de vieux matériels ... donc pas trop pousser en taille :-)

avion-f16 · Answer

Salut.

Le mieux c'est d'avoir une interface extensible dans les deux sens, en utilisant les pourcentages.

hmid30 · Answer

Ok, merci pour vos réponses. J' ai vu que la resolution de 800*600 était utilisée à plus de 50% et celle de 1024*768 arrive en deuxième position à 37%. Laquelle est la mieux selon vous car j'ai déjà essayé en 800 par 600 mais cela me parait light à l' heure d' aujourd'hui...

Pour ce qui concerne le design extensible, es-ce compliqué à mettre en place avec les pourcentages?aurais-tu un bon lien?

Merci encore.

tablarock · Answer

Ba fait 900 650 ( un peu plus que 900 600 et moins que 1024768 )

avion-f16 · Answer

As-tu regardé la date de l'article où tu as vu ces données ?
Ça m'étonne que la résolution 800x600 soit autant utilisée à l'heure où même les portables 15.4" ont une résolution supérieure.

bg62 · Answer

le 1024 est un très bon compromis ...  :-)

avion-f16 · Answer

Perso je mets une largeur minimal de 1000px, et au-delà, l'interface s'étend en largeur. Dans la cas contraire, ça affiche une barre de défilement horizontal.

hmid30 · Answer

effectivement je n'ai pas vu les dates...c'est pour ça que ça me semblait louche, je pense que je vais commencer par 1024*768, cela me semble correct aujourd'hui.
Avion-f16, si tu fais un site extensible, comment fais-tu pour la bannière si celle-ci est de dimansion fixe (image...)?

avion-f16 · Answer

Tu ne peux pas élargir ton image, elle serait déformée.
J'ai juste un logo au-dessus d'un fond en dégradé vertical qui se répète horizontalement.

hmid30 · Answer

Ok avion-f16, en tout cas merci, je vais me renseigner un peu plus sur le design extensible pour developper un peu plus mon savoir-faire, en espérant que ce n'est pas non plus trop difficile mais je crois savoir que c'est juste une question de pourcentage dans le CSS à maitriser...

dvor · Answer

Si tu as commencé le html tu as du voir qu'il faut séparer la mise en forme des différentes balises des images et du texte.
Ce qui est le mieux c'est de n'indiquer aucune taille précise(sauf quelques uns à l'intérieur des containers lorsque que c'est utile), donc au lieu de mettre une taille en pixel qui rend l'affichage inadapté suivant les résolutions, si l'utilisateur a un menu ouvert dans son navigateur ou redimensionne ta page, il faut indiquer une taille en %(avec le css si t'est au point là dessus, sinon en html qui n'est plus le standard). Si tu met pour toute ta page un container de 80% et que ta bannière doit prendre toute la place de ces 80% il suffit d'indiquer dans le div ou la balise <img qu'elle fait 100%; ainsi il y as le même affichage et pas à tenir compte de la taille de l'image(sauf qu'en fait si il faut prévoir que si tu prends une toute petite image tu y perds en qualité donc pas utiliser du 120X40 pour une bannière qui étirée 10 fois plus grand présenteras un truc moche et pixelisé).

On parles vraiment de design extensible(il seras toujours extensible, c'est le résultat qui ne seras pas là si mal fait), c'est surtout que sur Internet on doit compter que chaque internaute à des particularités différentes et qu'il vaut mieux faire un truc qui marche pour tout le monde. Donc bien séparer la forme du fond(image texte) et à la limite commencer qu'avec les balises html pour donner les dimensions et ajouter le reste ensuite(faire une maquette ça aide).
En plus du css qui permet de faire des couleurs de fond sans préciser de taille, des bordures et des styles de bordures il y a plein d'astuces pour pallier au problème du design. Par exemple un fond en dégradé il suffit d'un seul fichier image de la hauteur du dégradé mais d'1 pixel de large qu'on reproduit horizontalement, beaucoup moins long à charger et on auras un dégradé parfait quelle que soit la taille qu'il doit remplir en largeur(c'est là qu'on peut bloquer en hauteur pour ne pas voir cette répétition ou encore faire que les deux bouts bas et haut puissent être reproduits en faisant une continuité, comme ceci:

1
2
3
3
2
1
2
3
3
2
1

Dimensions site

11 réponses

Discussions similaires