Largeur de design

Habillage de sites web et de forums : réalisation graphique et technique.

Modérateur : Ze Techos

Deinschatz
Wilber en peluche
Messages : 3
Inscription : lun. janv. 21, 2008 2:09 am

Largeur de design

Message par Deinschatz » lun. janv. 21, 2008 3:41 am

bonjour,
je ne sais pas si je poste au bon endroit. mais j ai plusieurs questions:

je voudrais creer le design de mon site mais je ne sais pas quelle resolution je dois prendre, je suis parti sur 1024*768 mais je me demande si c est pas 768*1024 qu il faudrait prendre.

j aimerais plus tard faire une decoupe en 3 colonnes: que me proposeriez vous comme largeur ? en sachant que la premiere aura les titres les liens etc ... la seconde affichera la contenu proprement dit ... la troisieme servira pour des petites vignettes ( photo ) differents liens
Biensur la 1er et la 3eme auront la meme largeur.

merci d avance

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » lun. janv. 21, 2008 5:11 am

Bonjour.

À moins d'utiliser un design extensible, on va souvent utiliser une largeur de 800 pixels à cause des petites résolutions, bien que 1024 soit de plus en plus répandu.

Si comme moi tu codes en XHTML 1.0 Strict et que tu fais un design fixe, tu peux créer plusieurs feuilles de style CSS pour les principales résolutions, puis utiliser un code Javascript pour pouvoir afficher la feuille correspondante à la résolution du visiteur.
Lien de l'astuce : http://help-on-line.org/phpBB3/viewtopi ... =114&t=795

Si tu ne codes pas encore en XHTML et que tu veux l'apprendre (ce que je recommande pour des questions de validité et d'accessibilité), je te conseille ce site : http://www.siteduzero.com
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Deinschatz
Wilber en peluche
Messages : 3
Inscription : lun. janv. 21, 2008 2:09 am

Message par Deinschatz » lun. janv. 21, 2008 9:21 am

Ishimaru Chiaki a écrit :Bonjour.

À moins d'utiliser un design extensible, on va souvent utiliser une largeur de 800 pixels à cause des petites résolutions, bien que 1024 soit de plus en plus répandu.

Si comme moi tu codes en XHTML 1.0 Strict et que tu fais un design fixe, tu peux créer plusieurs feuilles de style CSS pour les principales résolutions, puis utiliser un code Javascript pour pouvoir afficher la feuille correspondante à la résolution du visiteur.
Lien de l'astuce : http://help-on-line.org/phpBB3/viewtopi ... =114&t=795

Si tu ne codes pas encore en XHTML et que tu veux l'apprendre (ce que je recommande pour des questions de validité et d'accessibilité), je te conseille ce site : http://www.siteduzero.com
merci de ton aide.

etant donne qu il y a 60 % des internauts qui utilisent le 1024 et 20 % +, je ne voyais pas pourquoi le 800.

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » lun. janv. 21, 2008 10:39 am

Il y a aussi des questions d'impression qui peuvent dicter un contenu de moindre largeur, mais de nos jours, on peut utiliser un style spécifique pour l'impression des pages web, on n'a donc pas à torturer les pages destinées à l'affichage pour cela ;).

Sinon, si tu tiens à tout prix à adapter ton site aux petites résolutions, trois colonnes, ça rique de te donner un espace central très contraint... Ce qui n'est pas forcément très agréable ni très lisible, notemment lorsqu'on augmente la taille des caractères. Tente plutôt dans ce cas une association menu latéral et menu en haut, en en réservant un à la navigation générale et l'autre à la navigation contextuelle.

Après, tout dépend de la destination de ton site. Si tu n'es pas un institutionnel, tu peux légitimement considérer que 1024 de large est le standard (Attention cependant à toujours "réserver" la place de l'ascenseur) et fournir un style alternatif plus "accessible" pour les petites résolutions. Tu peux aussi vérifier qu'au pire, si tu supprimes le style, ton site reste lisible et utilisable.
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
cuak
Maître pisteur
Messages : 1338
Inscription : ven. nov. 03, 2006 8:21 pm
Contact :

Message par cuak » lun. janv. 21, 2008 6:59 pm

Je te conseille en taille maximum 1000 pixels. Beaucoup de personne ont une resolution d'ecran de 1024 de large, donc en considerant la bordure de la fenetre, 1000 pixels me parait etre un choix adapté.
[url=http://gatuto.free.fr][img]http://cuak.free.fr/logo/01.png[/img][/url]

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » mar. janv. 22, 2008 12:15 pm

Pour le site GA, j'ai retenu une largeur de 930 afin de laisser apparaître le fonds même en 1024 (je grouve cela assez élégant) ;). Cela laisse largement la place à l'ascenseur, les bordures, etc.

Je vais sans doute faire un style redimensionnable basés sur le moche template Subgreen ;) ( qeustion d'être cohérent, tant pis pour la création et le goût, au moins ça palira à certains ;)).
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Répondre