Largeur & Hauteur de votre site

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Largeur & Hauteur de votre site

Message par DrOSX le 12/4/2008, 17:17

La largeur et la hauteur de votre site internet doit être réfléchie si vous voulez éviter au visiteur de dérouler sans cesse la page pour lire vos informations.

Comment choisir la largeur, la hauteur? Ici dans l'inspecteur:



Il vous faut entrer une largeur et hauteur (en pixel) définitive.
Contrairement à d'autres outils de création de sites qui permettent d'adapter la hauteur et largeur du contenu aux écrans des visiteurs; nous devrons avec iWeb choisir une largeur et hauteur fixe.

Cela signifie qu'un site peut prendre tout l'écran d'un MacBook 13' mais pratiquement la moitié d'un 27'. Attention aussi à la couleur de votre arrière plan du navigateur dans ce cas...

Pour cela, mieux vaut connaître les statistiques actuelles de tailles d'écrans des internautes et faire une sélection intelligente.

Voici un lien très intéressant sur les statistiques de résolution d'écran:
http://www.w3schools.com/browsers/browsers_display.asp


On y retiendra pour Janvier 2010 que 76% des internautes ont un écran d'une résolution supérieure à 1024 x 768

En conclusion, Il semble donc en 2010 cohérent de choisir une largeur de 1024 au minimum. Cela vous évitera aussi d'avoir un site étroit qui nécessite un défilé vertical (scrolling).
Wink



Lien utile:

Alsacréation, un site pour toues les résolutions.


Dernière édition par jeancharleslast le 9/2/2011, 12:03, édité 2 fois

DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par ericdlg le 2/5/2008, 02:58

Compliqué tout cela. Moi et mon iMac 24" on râle souvent de tomber sur des sites qui présentent des pages non redimensionnables... donc, en général, j'aime les pages qui s'étirent en hauteur comme les sites de news (macgé...). Mais bon, cela ne va pas avec tous les styles de sites. Je crois qu'au-delà de 1000x800 les choses peuvent être un peu risquées car il est très chiant de devoir aller chercher des morceaux de pages dans tous les sens. Mireille a raison.

En fait, c'est surtout une question d'ergonomie. Pas mal de sites sont étroits (comme les thèmes standards d'iWeb d'ailleurs) et fonctionnent très bien. D'autres prennent le partie de la page unique et imposent alors de cliquer pour passer à la page suivante (si beaucoup d'infos illustrent un onglet). Il faut juste que tout soit clair, facile et agréable à utiliser. Mais, à voir la production web, beaucoup ne savent pas ce qu'est la simplicité.

ericdlg
Simple Membre

Messages : 14
Inscription : 01/05/2008 Masculin Age : 47
Localisation : Nantes, France
Version iWeb : A remplir!
Publication : Ftp integré

http://www.s168188369.onlinehome.fr/eric/ericforsev/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par zepatente le 2/5/2008, 03:49

Personnelement je précpnise un sondage sur son propre site car tout dépend se l'objectif et vers qui s'adresse le site .

Un petit google analytics sur uniquement la page d'accueil permeterra se voir si la dimension n'est pas trop grande.


@+

zepatente
Membre Accro

Messages : 689
Inscription : 25/11/2007 Masculin Localisation : Québec
Version iWeb : A remplir!

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par PJG le 12/5/2008, 02:19

ericdlg a écrit: beaucoup ne savent pas ce qu'est la simplicité.

trés happy Et bien moi je ne vois pas grand chose sur tes pages. Aïe, aïe, aïe...bobo les yeux. tourner la tete

PJG
Membre Hyper-actif

Messages : 245
Inscription : 09/05/2008 Masculin Localisation : Seine et Marne
Version iWeb : A remplir!
Publication : Ftp integré

http://picasaweb.google.com/pjgatt/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par ericdlg le 12/5/2008, 02:50

Evidement. Cette page fait en gros 1050x850 pixels. Elle s'affiche donc au max de ce que peut faire un écran 17" classique (1280x1024). Là, tu ne montres qu'une partie. Par-contre, il est vrai que l'affichage ne se fait correctement que dans Firefox et Safari... pas dans Internet Explorer.

Je suis photographe de métier et j'ai envie de faire du graphisme web. J'essaie donc des solutions.

ericdlg
Simple Membre

Messages : 14
Inscription : 01/05/2008 Masculin Age : 47
Localisation : Nantes, France
Version iWeb : A remplir!
Publication : Ftp integré

http://www.s168188369.onlinehome.fr/eric/ericforsev/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par PJG le 12/5/2008, 02:55

J'aime bien la présentation de ton site, mais j'ai vraiment du mal à lire les textes.

PJG
Membre Hyper-actif

Messages : 245
Inscription : 09/05/2008 Masculin Localisation : Seine et Marne
Version iWeb : A remplir!
Publication : Ftp integré

http://picasaweb.google.com/pjgatt/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par ericdlg le 12/5/2008, 05:15

C'est vrai, t'as raison. C'est un site fait en deux nuits pour présenter mon boulot et mes mômes à une copine de longue date. J'avais envie d'un truc classe et pas trop vu.

J'utilise toujours iWeb, mais maintenant je me forme sur Flash CS3... parce que j'ai tenté de faire des choses sympas sous Keynote mais il est trop limité côté intéractivité. On peut y faire des sites entiers mais on bute vite sur des problèmes lourds à gérer. Mais bon, quand on voit l'usine à gaz qu'est Flash...

ericdlg
Simple Membre

Messages : 14
Inscription : 01/05/2008 Masculin Age : 47
Localisation : Nantes, France
Version iWeb : A remplir!
Publication : Ftp integré

http://www.s168188369.onlinehome.fr/eric/ericforsev/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par naty le 25/8/2008, 00:10

Bonsoir,
je rebondis sur ce sujet car j'aimerais savoir comment interagir sur les deux bandes de chaque côté dans les pages Iweb.
Je suis en train de faire ma page d'accueil avec Photoshop, version scrapbooking, donc mon intention est de faire ma page en jpeg et de la placer sur ma page Iweb, mettre des boutons invisibles pour gérer les liens, etc,....

Plusieurs problèmes se posent : J'ai vu que les pages pouvait être dimensionnées par exemple en 1100x 600, cela veut-il dire que mon image doit être de ce format ? (ma question est surement bête mais j'aimerai être sure de la réponse.)
Le 1100 c'est la largeur de mon image ou celle de mon image + les 2 bandes ?
Comment supprimer ces bandes car du coup elles ne vont pas avec mon arrière plan ?

Merci pour vos réponses et votre aide

NATY

naty
Nouveau

Messages : 3
Inscription : 24/08/2008 Localisation : je ne sais pas
Version iWeb : A remplir!
Publication : Ftp integré

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par zepatente le 25/8/2008, 00:41

Bonjour,

si tu le désires j'ai fait un tutoriel video sur ce qu'est l'ergonomie d'une page celà te donnera, je l'espère, des réponses

@+

zepatente
Membre Accro

Messages : 689
Inscription : 25/11/2007 Masculin Localisation : Québec
Version iWeb : A remplir!

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par DrOSX le 25/8/2008, 09:51

natigan@wanadoo.fr a écrit:Bonsoir,
je rebondis sur ce sujet car j'aimerais savoir comment interagir sur les deux "bandes" de chaque côté dans les pages Iweb.

Les bandes verticales dont tu parles dépendent de la largeur choisie dans l' inspecteur de page d' iWeb et surtout de la résolution écran du visiteur..(préferences systéme)

Exemple: tu choisis 1200 de large dans l' inspecteur pour ta page.

Si ton ordinateur a une résolution de 1920 par exemple, il y à une différence de 720 pixels. Cette différence sera traduite par 2 bandes de 360 de large dont la couleur sera celle de l' arriére plan du navigateur choisie dans l' inspecteur.

Si ton ordinateur a une résolution de 1200; la page de ton site, remplira toute la largeur de l' ecran et il n' y aura pas de "bandes" sur le coté..

SI Largeur de ta page = largeur choisie en résolution écran------> PAS DE BANDES
Si largeur de ta page < largeur choisie en résolution ------->BANDES
Si largeur de ta page > largeur choisis-------->PAS DE BANDES le visiteur fera défiler la page horizontalement...(plutot chiant...)

Cela dépend donc de la moyenne de la résolution des gens...
Et de ton choix.
Par soucis de précaution, si tu choisis la même couleur pour l' arriere plan navigateur, les "bandes" se verront moins...

Pour preuve, regarde le site APPLE par exemple, avec un portable 12' le site remplit l' ecran et avec un IMAC 24' il y à du rab à gauche et à droite... Wink

-------------------
Pas de support par M.P - Si vous avez des soucis de connexion, un POST est crée pour vous

DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par MireilleG le 25/8/2008, 15:36

Ajoutons aussi que nous n'avons aucun contrôle sur l'équipement des visiteurs. Mais une chose est certaines les gens n'aiment pas à avoir à naviguer horizontalement et verticalement donc il vaut mieux rester dans les normes de 1000px maximum. Bien que j'ai vu dernièrement 2 ou 3 sites dont la navigation est horizontale au lieu de verticale. C'est un peu déroutant mais on s'y fait. Je ne crois que cela deviendra la norme surtout qu'avec le iphone on a maintenant tendance à réduire la largeur plutôt que de l'agrandir.
Mireille

MireilleG
Membre Accro

Messages : 592
Inscription : 14/01/2008 Féminin Localisation : Etats Unis
Version iWeb : A remplir!
Publication : MobileMe

http://www.clubiweb.com

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par Madeline le 25/8/2008, 21:23

jeancharleslast a écrit:Par soucis de précaution, si tu choisis la même couleur pour l' arriere plan navigateur, les "bandes" se verront moins...

Pourquoi se verront moins... ? confused
Si la couleur de l'arrière plan est semblable à celle du plan...
Alors les bandes ne se voient plus... il me semble. trés happy
C'est ce que j'ai sur mon site... en tous cas good

-------------------
Mon site: http://madelinederiaz.com
Le projet «D'un printemps à l'autre»: http://www.postcard.madelinederiaz.com/site/Accueil.html
Graphisme et illustration: http://portfolio.madelinederiaz.com
L'art et la culture: http://forum.ravir.ca/fr/Accueil.html

Madeline
iWeb - Modo

Messages : 1088
Inscription : 07/02/2008 Féminin Localisation : dans mes rêves
Version iWeb : 3
Publication : locale

http://madelinederiaz.com

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par DrOSX le 25/8/2008, 21:56

Oui, mais je dis "moins" parce que le site ne remplira la page...
il y aura donc des "bandes" mais qui se voient moins grace à la couleur identique...Ou plus du tout en fait...

A voir si l'on parle de "bande" ou d "espace"


trés happy

-------------------
Pas de support par M.P - Si vous avez des soucis de connexion, un POST est crée pour vous

DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par PJG le 25/8/2008, 22:37

naty a écrit: Je suis en train de faire ma page d'accueil avec Photoshop, version scrapbooking, donc mon intention est de faire ma page en jpeg et de la placer sur ma page Iweb, mettre des boutons invisibles pour gérer les liens, etc,....
Bonjour naty, ça c'est une très bonne idée applaudire il faut te procurer le magazine Avosmac N° 82 page 40 et 41, j'ai écris un article sur le sujet. "Alléger iWeb c'est bien"

PJG
Membre Hyper-actif

Messages : 245
Inscription : 09/05/2008 Masculin Localisation : Seine et Marne
Version iWeb : A remplir!
Publication : Ftp integré

http://picasaweb.google.com/pjgatt/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par naty le 30/8/2008, 14:39

Merci vraiment à tous pour vos réponses !
Zepatente tu m'as eu ! j'avais visionné que la première partie de l'inspecteur lol je n''avais pas vu qu'il y avait une deuxième partie ! çà m'a bien aidé
Jeancharles, super ton explication, j'y vois bcp plus clair
Mireille, tu as une adresse de site à navigation horizontale ?
Madeline et JeanCharles de toute façon c'est du scrap et je n'ai peux pas mettre la meme couleur ;-)
PJG, le AVos mac N°82 c quel mois ? çà m'intéresse effectivement !
Pour l'instant mes images oscillent entre 152 et 200 Ko en Jpeg Qalité Niveau 8 est ce trop lourd deja ?

NATY

naty
Nouveau

Messages : 3
Inscription : 24/08/2008 Localisation : je ne sais pas
Version iWeb : A remplir!
Publication : Ftp integré

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par PJG le 30/8/2008, 14:42

naty a écrit:PJG, le AVos mac N°82 c quel mois ? çà m'intéresse effectivement !
Mois de Mars

PJG
Membre Hyper-actif

Messages : 245
Inscription : 09/05/2008 Masculin Localisation : Seine et Marne
Version iWeb : A remplir!
Publication : Ftp integré

http://picasaweb.google.com/pjgatt/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par MireilleG le 30/8/2008, 17:26

Bonjour Naty Je ne suis pas sure de comprendre la question.
La plupart des sites ont une navigation horizontale. C'est à dire que les boutons ou le texte s'aligne de gauche à droite sur la page, certains ont une navigation verticale et d'autres ont les deux.
Si je te comprends mal corrige-moi s'il te plaît.
Mireille

MireilleG
Membre Accro

Messages : 592
Inscription : 14/01/2008 Féminin Localisation : Etats Unis
Version iWeb : A remplir!
Publication : MobileMe

http://www.clubiweb.com

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par koeklin le 30/8/2008, 19:09

naty a écrit:
Pour l'instant mes images oscillent entre 152 et 200 Ko en Jpeg Qalité Niveau 8 est ce trop lourd deja ?
c'est pas énorme compte tenu de la grandeur et de la richesse des couleurs mais quand même essaie quand même un coup de smallimage dessus. surtout ne redimensionne jamais tes images dans iWeb sinon tout sera png et plus lourd!
Avec iWeb, plus c'est léger mieux c'est.
N'oublie pas de partir d'un thème blanc ou noir pour faire ton scrapbooking et évite de rajouter des images par dessus, fais le max de chose sur Photoshop.

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.

koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par PJG le 30/8/2008, 19:24

Pour faire ton scrapbooking il te faut juste un scanner N° 82 d'Avosmac Mars 2008 page 41. good trés happy

PJG
Membre Hyper-actif

Messages : 245
Inscription : 09/05/2008 Masculin Localisation : Seine et Marne
Version iWeb : A remplir!
Publication : Ftp integré

http://picasaweb.google.com/pjgatt/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par naty le 31/8/2008, 22:30

Salut tout le monde,

Ohhhhhh Mireille j'ai trop honte loooooool J'avais compris que le site se visualisait de gauche à droite avec un ascenseur horizontal genre une page qui serait bcp plus large que haute !!!! Désolée, je devais pas être en forme lol mais là j'ai bien compris.
PJG tu es un pro d'avosmac ? lol en gros j'ai toujours besoin du même ;-)
mais j'ai trouvé un super site où il y a des kit à télécharger et imprimer : http://cp.c-ij.com/english/scrapbook/index.html
Koeklin, je fais mon maximum avec photoshop, et merci du conseil, je ne modifierai pas l'image ds iweb. Je vais regarder smallimage et j'ai bien pris le thème blanc.

Merci à tous

NATY

naty
Nouveau

Messages : 3
Inscription : 24/08/2008 Localisation : je ne sais pas
Version iWeb : A remplir!
Publication : Ftp integré

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par PJG le 31/8/2008, 23:43

naty a écrit:j'ai trouvé un super site où il y a des kit à télécharger et imprimer : http://cp.c-ij.com/english/scrapbook/index.html
Le mieux, si tu as une âme créative, c'est de créer toi même tes pages.
Un peu de colle, des ciseaux, du carton, des gommettes, de la laine, des photos, un scanner bien sûr et le tour est joué. good

PJG
Membre Hyper-actif

Messages : 245
Inscription : 09/05/2008 Masculin Localisation : Seine et Marne
Version iWeb : A remplir!
Publication : Ftp integré

http://picasaweb.google.com/pjgatt/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par MireilleG le 31/8/2008, 23:53

En fait Naty c'est mon tour d'avoir honte, j'ai relu le fil et j'avais parlé sur la page précédente d'un site que l'on navigue de gauche à droite, mais évidemment j'avais oublié. Je me rappelle à peine de ce que j'ai dit il y a cinq minutes alors une ou deux semaine.
Donc pour me faire pardonner je te donne ce site.
La navigation se fait entièrement horizontalement

http://www.thehorizontalway.com/

Il y a du pour et du contre.
Mireille

MireilleG
Membre Accro

Messages : 592
Inscription : 14/01/2008 Féminin Localisation : Etats Unis
Version iWeb : A remplir!
Publication : MobileMe

http://www.clubiweb.com

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par zepatente le 31/8/2008, 23:55

PJG a écrit:
naty a écrit:j'ai trouvé un super site où il y a des kit à télécharger et imprimer : http://cp.c-ij.com/english/scrapbook/index.html
Le mieux, si tu as une âme créative, c'est de créer toi même tes pages.
Un peu de colle, des ciseaux, du carton, des gommettes, de la laine, des photos, un scanner bien sûr et le tour est joué. good

Pas trop de colle sinon le site à du mal à charger tourner la tete tourner la tete

Naty regarde ou je vais à la fin septembre http://www.ausecretdepolichinelle.com/spc/ salut

zepatente
Membre Accro

Messages : 689
Inscription : 25/11/2007 Masculin Localisation : Québec
Version iWeb : A remplir!

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par PJG le 31/8/2008, 23:57

Merci pour l'adresse, je l'envoie à ma fille. good

PJG
Membre Hyper-actif

Messages : 245
Inscription : 09/05/2008 Masculin Localisation : Seine et Marne
Version iWeb : A remplir!
Publication : Ftp integré

http://picasaweb.google.com/pjgatt/

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par zepatente le 1/9/2008, 00:15

Pas de problème çà me fera plaisir

zepatente
Membre Accro

Messages : 689
Inscription : 25/11/2007 Masculin Localisation : Québec
Version iWeb : A remplir!

Revenir en haut Aller en bas

Re: Largeur & Hauteur de votre site

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum