Résolution site web .php
Résolu/Fermé
oxymore64
Messages postés
34
Date d'inscription
samedi 23 avril 2011
Statut
Membre
Dernière intervention
16 juin 2012
-
23 avril 2011 à 16:59
Profil bloqué - 18 juin 2011 à 12:43
Profil bloqué - 18 juin 2011 à 12:43
A voir également:
- Résolution site web .php
- Site de telechargement - Guide
- Site inaccessible - Guide
- Traduire une page web - Guide
- Instagram web - Guide
- Site de vente entre particulier - Guide
6 réponses
Freedomsoul
Messages postés
509
Date d'inscription
lundi 9 mai 2011
Statut
Membre
Dernière intervention
17 avril 2013
97
9 mai 2011 à 01:21
9 mai 2011 à 01:21
notepadd++ , le meilleur du meilleur ! :)
dreamweaver est plutot sympa, mais pas forcément necessaire !
dreamweaver est plutot sympa, mais pas forcément necessaire !
Hum...
Je te déconseille d'utiliser un tel logiciel... d'autant plus si tu débutes... Prends plutôt un bon vieux Notepad !
Oui, tu peux tout (ou que certains éléments) mettrent à 80%, et non, ce ne serait pas lourd du tout pour les navigateurs actuels (même pour les anciens), mais ce ne serait pas pratique !
Tu imagines, si tu réduis beaucoup la taille de ton écran, par exemple à un quart de celui d'origine, l'aspect qu'aurais ton site ?
Humm...
Après une certaine expérience, je ne peux que te conseiller de tout coder en dur, en position:absolute, height:..px, etc. Certes tu peux avoir l'impression que c'est moins perfectionné, mais au final, ça t'évitera beaucoup de surprises, et je pense qu'il s'agit de la meilleur solution pour toi !
Cdt,
Je te déconseille d'utiliser un tel logiciel... d'autant plus si tu débutes... Prends plutôt un bon vieux Notepad !
Oui, tu peux tout (ou que certains éléments) mettrent à 80%, et non, ce ne serait pas lourd du tout pour les navigateurs actuels (même pour les anciens), mais ce ne serait pas pratique !
Tu imagines, si tu réduis beaucoup la taille de ton écran, par exemple à un quart de celui d'origine, l'aspect qu'aurais ton site ?
Humm...
Après une certaine expérience, je ne peux que te conseiller de tout coder en dur, en position:absolute, height:..px, etc. Certes tu peux avoir l'impression que c'est moins perfectionné, mais au final, ça t'évitera beaucoup de surprises, et je pense qu'il s'agit de la meilleur solution pour toi !
Cdt,
wAxxx
Messages postés
421
Date d'inscription
mardi 24 juin 2008
Statut
Membre
Dernière intervention
29 septembre 2015
46
9 mai 2011 à 02:05
9 mai 2011 à 02:05
Bonsoir,
C'est bien pour un novice de penser à la résolution de son site , tu commence bien.
2 méthode pour contourner le probleme de résolution
la premiere , importer dynamiquent suivant la résolution de navigateur client la bonne CSS : cela implique implimenter plusieurs version de CSS
la deuxieme : travailler avec les pourcentages ce qui est un petit peu difficile pour les novices
y a d'autre moye c'est de cherche la résolution la plus utilisé par vos future clients ou visiteur et la choisir comme guide
C'est bien pour un novice de penser à la résolution de son site , tu commence bien.
2 méthode pour contourner le probleme de résolution
la premiere , importer dynamiquent suivant la résolution de navigateur client la bonne CSS : cela implique implimenter plusieurs version de CSS
la deuxieme : travailler avec les pourcentages ce qui est un petit peu difficile pour les novices
y a d'autre moye c'est de cherche la résolution la plus utilisé par vos future clients ou visiteur et la choisir comme guide
La choisir comme guide et coder en dur.
Car le problème survient principalement lorsque des utilisateurs vraiment atypiques vont venir visiter. Je veux dire par là ceux qui possèdent la première version d'Internet, ceux qui possèdent un écran d'ordinateur qui fait un quart du tient, etc.
D'autant que lorsque tu travaille en %, dès que tu vas modifier la taille de ta fenêtre, tu modifieras la taille de tous tes éléments, et souvent, leur position. Ce qui entraînera un affichage médiocre. Si tu joues sur les %, n'oublie pas de positionner certaines parties en absolute pour... limiter la casse, au cas où.
Surtout si tu n'as que peu d'expérience...
Enfin, après tout, c'est comme ça qu'on apprend !
Cdt,
Car le problème survient principalement lorsque des utilisateurs vraiment atypiques vont venir visiter. Je veux dire par là ceux qui possèdent la première version d'Internet, ceux qui possèdent un écran d'ordinateur qui fait un quart du tient, etc.
D'autant que lorsque tu travaille en %, dès que tu vas modifier la taille de ta fenêtre, tu modifieras la taille de tous tes éléments, et souvent, leur position. Ce qui entraînera un affichage médiocre. Si tu joues sur les %, n'oublie pas de positionner certaines parties en absolute pour... limiter la casse, au cas où.
Surtout si tu n'as que peu d'expérience...
Enfin, après tout, c'est comme ça qu'on apprend !
Cdt,
oxymore64
Messages postés
34
Date d'inscription
samedi 23 avril 2011
Statut
Membre
Dernière intervention
16 juin 2012
10 mai 2011 à 08:15
10 mai 2011 à 08:15
Bonjour,
D'abord, merci à tous pour vos réponses. Ca m'a beaucoup aidé et orienté mes recherches.
Notepad + +, c'est vrai que j'en ai entendu que du bien. D'ailleurs je l'ai, mais faut vraiment connaître le langage pour obtenir quelque chose. Pour l'instant perso à part placer les div en code je ne connais rien :(. Ca viendra je ne désespère pas et en plus ça a le mérite d'être vraiment intéressant !
Pour ce qui est de la suite Adobe je l'ai, la CS4 ; elle vaut une fortune ! Pour la config. elle tourne bien à part after effects où j'ai des problèmes lors des rendus. Sinon j'utilise Photoshop, Indesign pour la PAO, Premiere et Audition pour le doublage et sous-titrage et ça tourne bien. Je trouve que c'est un outil fantastique. Mais (trop) cher.
Pour en revenir à nos moutons. J'ai fait un container à 800 avec des marges droite et gauche en auto et une hauteur de 600 car je voudrais un cadre et au pire si le contenu de certaines div est plus grand j'y appliquerai à l'intérieur même un scroll en overflow. Et puis au pire ça sera ridicule sur une résolution très grande mais ca tiendra sur les netbooks qui sont en 800 par 600 je crois.
Quelques fois les div se chevauchent et du coup se placent au dessous, même en les floatant sans bordure et sans marge. C'est à n'y rien comprendre mais le problème vient sûrement de moi.
Que signifie coder en dur ? Et qu'est-ce que la position absolute, son avantage ?
J'ai créé la trame du site de mon frère pour m'entraîner. Je vous joins l'image si vous voulez bien me donner votre avis ( https://www.cjoint.com/?3Ekii5sY4c ). Le menu en haut à droite c'est du flash déroulant. L'image à gauche est un slideshow en fait en flash également. Merci encore
Crdlt,
D'abord, merci à tous pour vos réponses. Ca m'a beaucoup aidé et orienté mes recherches.
Notepad + +, c'est vrai que j'en ai entendu que du bien. D'ailleurs je l'ai, mais faut vraiment connaître le langage pour obtenir quelque chose. Pour l'instant perso à part placer les div en code je ne connais rien :(. Ca viendra je ne désespère pas et en plus ça a le mérite d'être vraiment intéressant !
Pour ce qui est de la suite Adobe je l'ai, la CS4 ; elle vaut une fortune ! Pour la config. elle tourne bien à part after effects où j'ai des problèmes lors des rendus. Sinon j'utilise Photoshop, Indesign pour la PAO, Premiere et Audition pour le doublage et sous-titrage et ça tourne bien. Je trouve que c'est un outil fantastique. Mais (trop) cher.
Pour en revenir à nos moutons. J'ai fait un container à 800 avec des marges droite et gauche en auto et une hauteur de 600 car je voudrais un cadre et au pire si le contenu de certaines div est plus grand j'y appliquerai à l'intérieur même un scroll en overflow. Et puis au pire ça sera ridicule sur une résolution très grande mais ca tiendra sur les netbooks qui sont en 800 par 600 je crois.
Quelques fois les div se chevauchent et du coup se placent au dessous, même en les floatant sans bordure et sans marge. C'est à n'y rien comprendre mais le problème vient sûrement de moi.
Que signifie coder en dur ? Et qu'est-ce que la position absolute, son avantage ?
J'ai créé la trame du site de mon frère pour m'entraîner. Je vous joins l'image si vous voulez bien me donner votre avis ( https://www.cjoint.com/?3Ekii5sY4c ). Le menu en haut à droite c'est du flash déroulant. L'image à gauche est un slideshow en fait en flash également. Merci encore
Crdlt,
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Coder en dur, c'est une expression (pas un langage ^^') qui signifie justement coder en s'appuyant sur la position absolute et les unités (au lieu de %).
En gros, pour la taille tu as 2 façons de faire, exemple height:80% et height:700px.
Le fait de mettre un %, ça va s'adapter à la taille de l'écran de ton visiteur (ce sera 80% de SA taille d'écran). Le fait de mettre des px (ou autre unité de mesure), va imposer une taille fixe, quelle que soit la résolution du visiteur.
Je te conseille, dans la feuille de style, de mettre en attribut de ton body une largeur fixe, qui correspond à la taille désirée, et un placement en float, align=center, quelque chose de ce style pour centrer le tout.
Un truc du genre
body{
width:800px;
margin:auto;
}
et après, dans ta page html, tu mettras à l'intérieur de ton body un div de ce style:
.taclasse{
border:ridge 3px black;
height:600px;
margin:auto;
overflow:auto;
}
Après faut que t'adaptes un peu ^^
En fait, le fait de tout coder "en dur" (avec position:absolute; pour tout ce qui sera à l'intérieur de .taclasse, des height:...px; des width:...px etc) permet justement que tes éléments ne te chevauchent pas car leur taille et position sont fixes.
Je ne sais pas si tu vois ce que je veux dire, je te donne un exemple
Ta largeur d'écran:800px
tu as 2 blocs de 350px l'un à coté de l'autre avec padding-left:25px pour les deux.
tu auras donc 25px, un bloc, 25px, un bloc.
Si la taille de l'écran varie, pour passer, par exemple à 600px, tu auras alors
25px, un bloc
puis en dessous
25px, un bloc
(en gros)
J'espère que tu vois ce que je veux dire, à défaut d'avoir été concis... ^^'
En gros, pour la taille tu as 2 façons de faire, exemple height:80% et height:700px.
Le fait de mettre un %, ça va s'adapter à la taille de l'écran de ton visiteur (ce sera 80% de SA taille d'écran). Le fait de mettre des px (ou autre unité de mesure), va imposer une taille fixe, quelle que soit la résolution du visiteur.
Je te conseille, dans la feuille de style, de mettre en attribut de ton body une largeur fixe, qui correspond à la taille désirée, et un placement en float, align=center, quelque chose de ce style pour centrer le tout.
Un truc du genre
body{
width:800px;
margin:auto;
}
et après, dans ta page html, tu mettras à l'intérieur de ton body un div de ce style:
.taclasse{
border:ridge 3px black;
height:600px;
margin:auto;
overflow:auto;
}
Après faut que t'adaptes un peu ^^
En fait, le fait de tout coder "en dur" (avec position:absolute; pour tout ce qui sera à l'intérieur de .taclasse, des height:...px; des width:...px etc) permet justement que tes éléments ne te chevauchent pas car leur taille et position sont fixes.
Je ne sais pas si tu vois ce que je veux dire, je te donne un exemple
Ta largeur d'écran:800px
tu as 2 blocs de 350px l'un à coté de l'autre avec padding-left:25px pour les deux.
tu auras donc 25px, un bloc, 25px, un bloc.
Si la taille de l'écran varie, pour passer, par exemple à 600px, tu auras alors
25px, un bloc
puis en dessous
25px, un bloc
(en gros)
J'espère que tu vois ce que je veux dire, à défaut d'avoir été concis... ^^'
oxymore64
Messages postés
34
Date d'inscription
samedi 23 avril 2011
Statut
Membre
Dernière intervention
16 juin 2012
18 juin 2011 à 12:38
18 juin 2011 à 12:38
Salut,
J'ai tout repris avec tous vos conseils et ça fonctionne très bien. Encore merci d'avoir pris le temps de me conseiller.
J'ai tout repris avec tous vos conseils et ça fonctionne très bien. Encore merci d'avoir pris le temps de me conseiller.
9 mai 2011 à 01:26
Quand on se dit qu'on peut faire un travail semblable avec le bloc note de windows...
(Perso, vu mon PC et ses perfs je sais quoi choisir ^^ )
10 mai 2011 à 17:43
Et tu remplaces photoshop par paint ?
10 mai 2011 à 18:57
Faut avouer que c'est aussi gratuit et beaucoup plus léger...