Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

Résolution ecran sur site web

Dernière réponse le 4 nov 2009 à 02:27:18 baksoo, le 5 mar 2003 à 14:02:46

Signaler ce message aux modérateurs

Quelle est la fonction qui permet d'adapter sa page web aux différents types de résolution d'écran?

Cordialement
B. D.

Meilleures réponses pour « Résolution ecran sur site web » dans :

Adapter un site web suivant la résolution Voir

[Editeur site web] logiciel gratuit Voir

[Aspirateur de pages HTML] Comment aspirer un site Web ? VoirHTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur...

CMS Open Source : Gérer facilement un site web professionnel Voir

Vérifier les liens brisés d'un site web Voir

Photoshop,quell surface2travail pour site web Voir

Image de fond transparente pour site web Voir

Meilleurs Sites Web pour fonds d'écran HD ? (Résolu) Voir

Télécharger Votre Site Web Voir

Mesure d'audience d'un site web VoirMesure et qualification de l'audience d'un site web L'objectif de tout webmaster est de développer l'audience de son site web, c'est-à-dire d'accroître le nombre de visites journalières. Il lui est ainsi indispensable de disposer d'indicateurs lui...

Webmastering - Conception d'un site web VoirConception d'un site web La conception d'un site web doit être une démarche participative, orientée utilisateurs, c'est-à-dire qu'elle doit se faire, autant que possible, en concertation avec un ensemble de représentants de l'entreprise ou de...

Webmaster (Administrateur de site web) VoirWebmaster (Administrateur de site web) Le webmaster (également appelé administrateur de site web ou webmestre) est chargé du maintien et de l'évolution du site web de l'entreprise. A ce titre, il travaille à définir l'architecture et l'arborescence...

Posez votre question Répondre

ndaval, le 5 mar 2003 à 14:52:24

Euh du définit toutes tes dimensions en % au lieu de pixel.

nico

Répondre à ndaval

Luciano, le 12 nov 2003 à 00:48:05

Bonjour Ndaval,

Je veux faires des site web mais je sais pas cest quoi en pixel sur un fichier HTML la résolution pour pas avoir de scroll ( bar de défillement)

Peut tu me donner les dimension en pixel si je veux faire un site web en:

640 x 480 ----> espace maximal de travail en pixel
800 x 600 ----> espace maximal de travail en pixel
1024 x 768 ----> espace maximal de travail en pixel

Donne moi la grandeur en pixel de l'espace maximal que je peux travailler pour les résolutions que je t'ai donné plus haut.

Réécris moi a mon courriel: luciano@infococneptlc.com

Merci d'avance

Répondre à Luciano

Luciano, le 12 nov 2003 à 00:52:22

Bonjour,

Je veux faire des sites web mais je sais pas cest quoi en pixel sur un fichier HTML la résolution pour pas avoir de scroll ( bar de défillement)

Peut tu me donner les dimensions en pixel si je veux faire un site web en:

640 x 480 ----> espace maximal de travail en pixel (largeur et hauteur)
800 x 600 ----> espace maximal de travail en pixel (largeur et hauteur)
1024 x 768 ----> espace maximal de travail en pixel (largeur et hauteur)

Donne moi la grandeur en pixel de l'espace maximal que je peux travailler pour les résolutions que je t'ai donné plus haut.

Réécris moi a mon courriel: luciano@infoconceptlc.com

Merci d'avance

Répondre à Luciano

ipl, le 5 mar 2003 à 16:18:21

Bonjour baksoo, ndaval, bonjour à tous,

Baksoo, la réponse à ta question a été donnée par ndaval !

Juste mon petit grain de sel...
Tu dois préparer tes pages pour obtenir un joli look en 800 x 600 (résolution la plus répandue avec 49% des internautes) ; ensuite, tu dois faire en sorte d'avoir un look acceptable avec les autres résolutions.
- Si tu codes en pourcentage (comme l'indique ndaval -et comme je l'ai moi-même fait pour mon site-), ce n'est pas toujours super pour le 1024x768 (38% des internautes) et vraiment moche pour le 640x480 (2% des internautes) avec des choses sur plusieurs lignes au lieu d'une !
- Si tu codes en valeur absolue (mais conçu pour 800 x 600) en prenant la précaution de centrer ton affichage dans la page (comme le fait CCM), tu as un affichage acceptable en 1024 et un affichage acceptable mais avec ascenseur horizontal en 640x480.

Je n'écris pas çà pour contrer ndaval... codage en %, c'est ce que j'ai adopté pour mon site !
La solution valeur absolue & centrage a été adoptée par CCM et l'affichage en 1024 n'est pas mal du tout... tu peux l'améliorer pour un site pro, en testant la résolution de l'internaute et en ajoutant des images sur les côtés pour les grandes résolutions !

Pour les amateurs de stats :
49% 800x600
38% 1024x768
04% 1280x1024
03% 1152x864
02% 640x480
<1% 1600x1200

;-)

@12C4
Ipl

Répondre à ipl

Luciano, le 12 nov 2003 à 00:49:05

Bonjour IPL,

Je veux faires des site web mais je sais pas cest quoi en pixel sur un fichier HTML la résolution pour pas avoir de scroll ( bar de défillement)

Peut tu me donner les dimension en pixel si je veux faire un site web en:

640 x 480 ----> espace maximal de travail en pixel
800 x 600 ----> espace maximal de travail en pixel
1024 x 768 ----> espace maximal de travail en pixel

Donne moi la grandeur en pixel de l'espace maximal que je peux travailler pour les résolutions que je t'ai donné plus haut.

Réécris moi a mon courriel: luciano@infococneptlc.com

Merci d'avance

Répondre à Luciano

luciano, le 12 nov 2003 à 00:53:23

Répondre à luciano

leofactory, le 28 nov 2003 à 13:49:04

Eh cool mec pas la peine de repeter 4 foi ta question...

je comprend pas trop ton problème...
les grandeur que tu donne (640*480...) sont en pixel
donc tu peut utiliser tout...

"Un esprit malsaint, dans un porcin", Gruiick

Répondre à leofactory

Erucia, le 28 nov 2003 à 10:45:02

Bonjour ipl,

je suis toutafait novice dans la création de site web. D'abord j'ai crée un fond dégradé de 2 couleurs sous photoshop 5.5 et j'ai ajouté à ce fond un petit dessin. Donc ne connaissant pas trop le code html, j'utilise frontpage. J'utilise mon fond dégradé (de taille 800x600) mais le problème c'est que quand je passe en 1024x768 le petit dessin se reproduit sur les côtés. Et ndaval disait de mettre en pourcentage, là j'ai du mal...comment fait on ? et tu disais aussi que l'on pouvais calculer la résolution de l'internaute comment faire ?

Merci d'avance

Erucia

Répondre à Erucia

putuaia, le 10 fév 2009 à 03:14:48

Bonjour ipl,

Ton message m'intéresse beaucoup car je suis entrain de créer un site web. Je l'ai fait en 800x600. J'ai un écran en 1024x768 et, comme tu le dit, c'est moche, ça s'étire et ça change complètement la physionnomie de ta page. Alors, je débute en création de site web (c'est pour ça que j'utilise frontpage 2003!!!) et je voudrais mettre en place ton astuce pour mon site : mettre en valeur absolue et centrer ma page.
Merci de me répondre.
Bonne journée

Répondre à putuaia

Kinuh, le 3 sep 2003 à 11:01:07

Bonjour à tous!

G le meme prob, mais je travail sous frontpage et pas en html (je tape pas quoi) mais je sais pas comment faire pour mon site soit regardable par tout le monde... Je l'ai fait sous du 1280x1024 et j'ai pas trop en vie de tout me retapper! Donc si qqn pourrait m'aider je lui en serait vraiment reconnaissant. Le site (pas terminé)www.go.to/pureface un peu d'indulgence c le mon premier.

Encore merci :-)

Répondre à Kinuh

ben.sa, le 10 jan 2004 à 13:17:32

C 'est simple il faut bricoler entre les valeurs en pourcentage "%" ou bien en valeur relatif "*". il faut ensuite tester comme le dise les pros "Baksoo, la réponse à ta question a été donnée par ndaval !". Une valeur en pourcentage va adapter ta page suivant que tu as mis ou pas des frameset (aie !!! tu sais ce que c'est des frameset ?) non ? pas compliqué c'est des pages web dans une page web. "simple?" (un peu comme... un tableau avec des cellules) j'ai dit un peu comme (une image vaut toujours mille mots). Sinon regarde dans ton navigateur "affichage/source" et là tu vois

le source !!! regarde même si tu n'y comprends rien parfois tu verras frame cols="*,180,200"

donc trois colonnes avec une * une autre 180 pixels et l'autre 200 pixels. Celle qui nous intéresse est "*"= adapte l'espace qui reste
c'est tout : conseils (achat FLashnotes HTML l'essentiel pour s'en sortir)

Répondre à ben.sa

peexstudio, le 12 oct 2007 à 15:53:44

Bonjour,
Je parcours le web à la recherche d'une information claire pour redimentionner l'ecran de l'internaute selon ça résolution sans grande réussite ... Votre topic m'intèresse grandement, mais quelques points restes flouent .
Voici le site que je suis entrain de monté : http://peexstudio.fr

-Le Background a une résolution de : 1280x1024 (je les fais exprès car s'est toujours plus facile à modifier qu'un petit format) .
- J'ai optimiser mon image de façon à le rendre plus légé pour le web ( environ = 50 ko ) .
- J'ai ensuite enregistré ce même fond dans tout les formats standart des moniteurs : 800x600, 1024x768, 1280x1024, 1152x864 et 1280x800 .

J'ai probablement tout les éléments nécéssaire, mais je ne sais pas comment utiliser ses codes car j'ai monté ce site web sous bloc note ...

http://peexstudio.fr/fr/Accueil.html

Pouvez-vous me filer un petit coup de pouce ?

Cordialement,
Kévin

Répondre à peexstudio

partage_info, le 10 nov 2007 à 14:54:33

Bonjour
Je comprends ce que tu essaie de faire. J'ai quand meme une petite proposition à te faire. Au lieu de faire 4 arreireplans avec 4 taille differentes essaie de faire un arriereplan qui prends en charge la plus petite resolution 800*600 puis exporte le vers un fichier de taille 1280x800 et essaie d'ajouter des effets artistiques sur les cotés gauche et droite par exemple, comme ça tu es sûr que le centre de ton arrierplan reste toujours visible quelque soit la resolution et les effets artistique que tu ajoute s'affichereont selon les resolution les plus grande.

j'espere que ce que j'ai proposé est clair.
bonne chance
www.partager.info

Répondre à partage_info

G[3]0, le 10 nov 2007 à 11:23:03

Bonjours,
je lis cette discussion de puis assez longtemps mais, une chose me reste flou.
Mon site, je l'ai fait avec un ecran 19 pouce avec la resolution 1280*1024 mais malheuresement je le même problême d'adaptation.
Vous avez parlé de poucentage, mais quelle est le code a rentrer, car je ne le trouve pas ?
Et pour un site d'environs 15 page il n'existerai pas une autre fonction qui agit sur toute le page ??
merci de me repondre

Geoffrey

Répondre à G[3]0

partage_info, le 10 nov 2007 à 15:03:06

Bonjour
Lorqu'on parle de poucentage c'est le fait de ne pas donner une taille fixe à nos element de mise en forme et je veux dire par ça les tableaux et les div.
par exemple; au lieu de donner une taille fix à notre tableau >> <table width="800" >
il vaut mieux lui donner une taille relative qui sera affichée selon la resolution de l'ecran >> <table width="100%" >
comme ça le tableau s'affichera sera de la meme taille de la resolution de l'ecran de l'utilisateur du site. Tu peux biensur utiliser les pourcentages que tu veux selon la forme de ton site, ainsi tu es sur que ton site s'affichera selon la resolution de l'ecran et il n y aura pas de barres de defilement.

bonne chance.
www.partager.info

Répondre à partage_info

peexstudio, le 11 nov 2007 à 14:49:09

Bonjour,
Lorsque tu parles de tableau, il s'agit d'un tableau au sens propre ? et d'y inséré une image, si j'ai bien compris?
Ensuite je centre ce tableau et je donne la valeur 1280*1024 au tableau lui même ou à l'image que j'insère ?

Merci de ton aide ...

Peexstudio

Répondre à peexstudio

ines6, le 23 fév 2008 à 09:49:52

Bonjour
je souhaiterais faire des tableaux avec frontapge
mais je ni arrive pas
il sont toujours décalé jen veux un à droite un au milieu et un à gauche 3 fois de suite
pouvez vous m'aidez sil vous plait
j'utilise frontpage 2003 et 2000
merci d'avance

Répondre à ines6

little_bouddah, le 2 avr 2008 à 03:05:55

Salut, vu l'heure je ne vais pas traîner, mais j'ai une page qui peut servir d'exemple, attention c'est tout noir donc je vous conseille de l'enregistrer et de la modifier en local pour bien voir tous les éléments, et notez que les cadres sont visibles (noir sur noir ça se voit pas mais si vous changez la couleur après...).

Si vous voulez mettre une image en arrière plan, vous le faites sur une case (milieu de préférence, là où est écrit la tracklist sur l'exemple). Et si vous ne voulez pas que votre image se reproduise façon mosaïque et bien donnez des valeurs absolues à la colonne du milieu qui contient le fond avec les valeurs exactes de votre image.

De toutes façons, il vous faudra toucher directement au code pour faire tout ce dont vous avez besoin.

L'adresse de la page : http://little.bouddah.free.fr/musique.htm

Voili messieurs, bonne chance.

------------------------------------------------------------
...:::Celui qui pète, ne vaut pas tripette:::...
Attention ce qui est dit dans ce message
est discutable

Répondre à little_bouddah

s-p-p, le 9 jun 2008 à 19:30:39

Je voudrai faire un fond d'écran sur mon site en html mais ça ne fonctionne pas. merci d'avance pour ceux qui m'aideront
..
..

Répondre à s-p-p

Lu, le 12 jui 2008 à 23:34:16

Bonjour,

J'ai un soucis, minime, certes, mais ça me prends la tête depuis des heures...

Je n'arrive pas a centre mon site, en fonction de l'aperçu des utilisateurs. Chez moi ca tombe pas forcement juste (en particulière le menu de gauche)

mais chez les autres c'est la cata...

Que faire ?

http://patamacher.free.fr/

Merci de votre aide

Répondre à Lu

little_bouddah, le 12 jui 2008 à 23:43:13

Salut lu,
je n'ai pas compris ta question, mais je suis disposé t'aider, si tu veux va sur mon profil il y a de quoi me joindre.
à pluch'
---------------------------------------------------------------------------------------------------------------------
"Il ne suffit pas d'engranger les récoltes du savoir, encore faut-il accepter de les offrir pour s'agrandir ensemble." [Jacques Salomé]

Répondre à little_bouddah

Lu, le 12 jui 2008 à 23:46:10

Bonsoir Little_bouddah!

Désolée, je ne suis pas membre, je ne peux pas te contacter par MP

Par contre c'est gentil de ta part de te porter volontaire :p

je te laisse mon mail : patamacher@orange.fr

Merci encore

Répondre à Lu

modjo38, le 16 jan 2009 à 12:22:10

Bonjour,

je suis en train de créer un site web et j'avais une question concernant l'affichage des images selon la résolution des internautes.

Mon site n'apparaitra pas de la meme façon selon la resolution de son ecran. Donc pour mes tableaux qui font la structures de mon site, j'ai mis des dimensions en %, mais pour les images, comment faire pour qu'elles apparaissent proprement à la vue des visiteurs ?

Merci pour votre reponse.

A+

Modjo38

Répondre à modjo38

caludy, le 17 jan 2009 à 14:44:25

Bonjour,

Désolé de ne pas pouvoir répondre à votre question.
Moi je n'en suis pas encore là, puisque je n'arrive pas à mettre les dimensions en %.
J'ai réalisé mon site il y a 2 an sur un écran 15 pouces, et c'est maintenant avec mon écran 19 pouces que je constate beaucoup de choses sont décalées. Vu les commentaires vu plus haut, et le vôtre, je me rends compte qu'il doit être possible de mettre les dimensions en %, ce qui permettrait de s'ajuster en fonction de la résolution de l'écran du visiteur.
Lorsque je passe en mode "code", je vois plusieurs fois la valeur table width=" ". J'ai essayé en saisissant la valeur 100% à chaque fois mais je ne règle pas mon problème.
Avez-vous une idée ? Pouvez-vous me dépanner ?
Voici l'adresse de mon site : http://www.le-logis-de-chalons.com , vous pourrez constatez mes soucis suivant la taille de votre écran.

Cordialement.

Répondre à caludy

DarkRodWarrior, le 17 jan 2009 à 14:59:40

50% en 800 * 600 ?

Non je crois pas !!!

Go voir les stats de résolution sur le site de FutureMark : http://www.yougamers.com/...|utmccn=(organic)|utmcmd=organic|utmctr=futuremark&__utmv=-&__utmk=231412895 (Le lien est un peu cassé) :s
--
DarkRod à votre service 24h/24 , 7j/7
Maillez moi en cas de soucis !

Répondre à DarkRodWarrior

caludy, le 17 jan 2009 à 15:05:04

Bonjour,

Quoi, Qu'est ce ?

Où avez vous vu 50% en 800 * 600 ?
J'ai oublié de dire que je débute et que je ni connais que très peu .

Cordialement .

Répondre à caludy

Soeur Izesurlegato, le 20 jan 2009 à 19:58:47

Bonsoir !

J'ai également un "petit" souci avec cette résolution d'écran.

J'ai découvert cette discussion hier soir et me suis rendue compte que via frontpage, il était très facile effectivement de mettre l'image en "pourcent"...
Donc, super ! Je réduis l'écran et ma seule image diminue en fonction ! Merci à vous !

Comme je suis également novice, je me suis dit "fais tes pages sous photoshop" et travaille les "zones réactives".."

Seul (mais ENORME) hic : l'image diminue ou s'agrandit en fonction de l'écran, mais les zones réactives, elles, restent à la même distance !? Donc envoie les visiteurs n'importe où sauf là où ils devraient aller !?!

Avant de faire mon deuil de cette façon d'opérer et de revenir à mes tableaux d'antan.... Ou à une diminution de mon écran de base à du 600*800.... Y aurait-il parmi vous un génie qui connaisse une solution " pour que ces zones réactives se modifient proportionnelement à l'image ?"

Merci d'avance !

Soeur Izesurlegato

Répondre à Soeur Izesurlegato

Soeur Izesurlegato, le 20 jan 2009 à 20:10:25

---> Caludy

En faisant mes recherches, je suis tombée sur cet article qui pourrait résoudre votre problème
(en ajoutant, si j'ai bien compris, au pourcentage une largeur minimale et maximale)
Parc'qu'effectivement votre site apparait super bien en 19" mais en diminuant l'écran, le texte se superpose sur l'image...

Enfin soit, je ne suis pas pro mais si ceci peut vous aider... : http://www.eklesia.net/spip.php?article115

Répondre à Soeur Izesurlegato

Icet, le 19 jui 2009 à 11:00:34

Regarde la date du message...

Répondre à Icet

Zyro, le 1 jun 2009 à 13:43:11

Un peu tard mais quelques liens très utiles pour ceux qui viendront après :
* {fr} http://www.creation-site-internet-le-mans.net/... (débutant, grand public)
* {fr} http://www.alsacreations.com/... (débutant à confirmé)
* {fr} http://www.pompage.net/pompe/designelastique/ (débutant à confirmé)

Répondre à Zyro

letigre59, le 1 jun 2009 à 14:00:17

Moi je te conseil de le faire en 950 px de large

Répondre à letigre59

chabert77, le 4 nov 2009 à 02:27:18

Hello !

Et qu'en est-il des sites qui s'adaptent aux petites résolution de téléphones portables style "iphone" et autres nouveaux gadgets portatifs ayant internet ???

hahaha ???

Répondre à chabert77

Posez votre question Répondre