OVH Cloud OVH Cloud

polices

3 réponses
Avatar
Thomas
bonjour :-)



pour mon site http://biocer.fr/
j'utilise :


pour le texte :

html {
font-family: verdana, arial, helvetica, sans-serif;
}


pour les titres :

h1, h2, h3, h4, h5, h6 {
font-family: trebuchet, palatino, times, serif;
}

sauf pour celui de la page d'accueil :

body.accueil #contenu h1 {
font-family: inherit;
}


pour le pied de page :

#footer {
font-family: helvetica, sans-serif;
}


pour l'adresse postale :
http://biocer.fr/la-coop/contact

#contenu .adresse-postale {
font-family: georgia, cursive;
font-style: italic;
}



qu'en pensez vous ?

amha faudrait au moins avoir en plus une police differente pour le menu


tout ca c'est pour l'affichage,
dites moi si vous voyez qqch de particulier pour l'impression, aussi



ps :
si je comprends bien ca
http://www.yoyodesign.org/doc/w3c/css2/fonts.html#propdef-font-style
il vaut mieux "font-style: italic;" que "font-style: oblique;" parce que
italic inclu oblique, c'est ca ?

mais alors à quoi sert "font-style: oblique;" ?

--
http://tDeContes.hd.free.fr/divers/emploi/
http://palestine-hn.org/
http://www.aapel.org/bdp/BLpas_concerne.html

"don't put your PC out of the window, put windows out of your PC"
"petit Free qui devient grand, gêne les requins blancs"

3 réponses

Avatar
David JOURAND
Franchement, et sans vouloir vous vexer (bien que cela vous vexera sans
doute), apprenez les bases de la conseption de sites web avant de vous
lancer dans ce genre de considérations, qui de toute façon,
n'apporteront rien à votre site.



ah oui, pour "font-style: oblique;" t'as peut etre raison,

mais personne ne m'a proposé de polices ...
et d'apres ce que j'ai compris, le choix des polices est qqch
d'important, dans la beauté/lisibilité d'un site !


et, j'insiste,
peut etre que si on me dit rien c'est que en gros les polices c'est bien
comme ca,
mais amha ca serait bien d'en avoir une differente pour le menu
non ?




Avant même les polices :
- le fait que quand la souris rentre dans la fenêtre, "ça bouge et
change de couleur" n'est pas un plus mais un GROS moins, donc a proscrire.
- l'utilisation des images de fond qui gène la lisibilité : à
proscrire.
- la mise en page qui change selon les pages (sur la page
http://biocer.fr/activites/ le pied de page occupe uniquement la colonne
de droite alors que sur la page http://biocer.fr/produits/transformateur/
et quand la souris est dessus, il occupe toute la largeur de l'écran,
tandis que l'image de fond de la colonne de droite s'arrête en plein
milieu).
- Page d'erreur quand on va sur http://biocer.fr/adherents/
- Listing du répertoire sur
http://biocer.fr/produits/commun/proteagineux-fourrager/ et ses
sous-répertoires
- logo BIOCER (colonne de gauche) qui, sur la première page a un fond
jaune, alors qu'il est transparent sur les autres...
- logo BIOCER (colonne de gauche) placé dans une liste de texte.
- ...

Quant aux polices, elles sont plutôt correctes (en tout cas sur ma config
FF 1.5 sous debian) : sans serif de taille adaptée à la lecture. Seul le
contraste avec le fond "cloche".

Vous devriez donc vous concentrer sur l'aspect général du site avant de
vous plonger dans des détails comme la différence entre italic et
oblique !

Ceci dit je vous encourage à persévérer... La réalisation d'un bon
aspect général d'un site relève plus du bon sens que d'un apprentissage
long et fastidieux.

--
David Jourand
Avatar
Thomas
In article (Dans l'article)
,
David JOURAND wrote (écrivait) :

>> Franchement, et sans vouloir vous vexer (bien que cela vous vexera sans
>> doute), apprenez les bases de la conseption de sites web avant de vous
>> lancer dans ce genre de considérations, qui de toute façon,
>> n'apporteront rien à votre site.
>
> ah oui, pour "font-style: oblique;" t'as peut etre raison,
>
> mais personne ne m'a proposé de polices ...
> et d'apres ce que j'ai compris, le choix des polices est qqch
> d'important, dans la beauté/lisibilité d'un site !
>
>
> et, j'insiste,
> peut etre que si on me dit rien c'est que en gros les polices c'est bien
> comme ca,
> mais amha ca serait bien d'en avoir une differente pour le menu
> non ?


Avant même les polices :

- le fait que quand la souris rentre dans la fenêtre, "ça bouge et
change de couleur" n'est pas un plus mais un GROS moins, donc a proscrire.



deja expliqué : c'est pour comparer les 2 presentations, c'est pas
destiné à rester comme ca

- l'utilisation des images de fond qui gène la lisibilité : à
proscrire.



d'accord

- la mise en page qui change selon les pages



c'est que pour la page d'accueil, c'est vraiment genant ??

(sur la page
http://biocer.fr/activites/ le pied de page occupe uniquement la colonne
de droite alors que sur la page http://biocer.fr/produits/transformateur/
et quand la souris est dessus, il occupe toute la largeur de l'écran,



tu confonds avec les 2 presentations suivant que la souris est dessus ou
pas
les 2 pages ont le meme comportement

tandis que l'image de fond de la colonne de droite s'arrête en plein
milieu).



je ne vois pas d'autre solution pour regler le pb que de mettre assez de
contenu pour que ca soit plus long que le menu
(tu peux simuler ca avec le style "voir les travaux")

- Page d'erreur quand on va sur http://biocer.fr/adherents/



hein ? ca te demande pas de mdp ??

- Listing du répertoire sur
http://biocer.fr/produits/commun/proteagineux-fourrager/ et ses
sous-répertoires



oui, c'est pas encore fini, ca empeche pas de s'occuper de la
presentation des maintenant :-)

- logo BIOCER (colonne de gauche) qui, sur la première page a un fond
jaune, alors qu'il est transparent sur les autres...



(le logo lui meme est transparent tout le temps)
c'est ce qui sert à indiquer sur quelle page on est
je veux bien que tu me propose d'autres styles à la place, c'est vrai
que c'est pas tres ergonomique :-)

- logo BIOCER (colonne de gauche) placé dans une liste de texte.



je vois pas le pb

- ...



je veux bien la suite :-)


Quant aux polices, elles sont plutôt correctes (en tout cas sur ma config
FF 1.5 sous debian) : sans serif de taille adaptée à la lecture.



:-)

Seul le
contraste avec le fond "cloche".



?


Vous devriez donc vous concentrer sur l'aspect général du site avant de
vous plonger dans des détails comme la différence entre italic et
oblique !



oh ... c'etait en ps, c'etait pas la question principale !


Ceci dit je vous encourage à persévérer... La réalisation d'un bon
aspect général d'un site relève plus du bon sens que d'un apprentissage
long et fastidieux.



je pense avoir le bon sens necessaire pour l'organisation structurelle
du site,
mais pas du tout pour l'aspect visuel : les couleurs, les polices, tout
ca ... pour ca j'ai absolument besoin d'un coup de main


pour ce qui est de l'apprentissage "long et fastidieux", il s'agit de
l'aspect technique des choses :
par ex je veux savoir si c'est possible de faire un fond transparent, le
fait que c'est pas supporté par tous les navigateurs, tout ca ...
apres j'irais dire à celui qui s'occupe de choisir les couleurs que
c'est possible d'avoir un fond transparent, mais que c'est pas supporté
dans tous les navigateurs, donc qu'il faut qu'il tienne compte des 2,
etc ...

--
http://tDeContes.hd.free.fr/divers/emploi/
http://palestine-hn.org/
http://www.aapel.org/bdp/BLpas_concerne.html

"don't put your PC out of the window, put windows out of your PC"
"petit Free qui devient grand, gêne les requins blancs"
Avatar
David JOURAND
- le fait que quand la souris rentre dans la fenêtre, "ça bouge et
change de couleur" n'est pas un plus mais un GROS moins, donc a proscrire.



deja expliqué : c'est pour comparer les 2 presentations, c'est pas
destiné à rester comme ca



Dans ce cas faites 2 pages, chacune ayant sa propre présentation.


- la mise en page qui change selon les pages



c'est que pour la page d'accueil, c'est vraiment genant ??



Cela n'est pas génant pour une page d'accueil, à condition que l'on voit
que "c'est fait exprès". Il ne faut pas que l'on pense qu'il s'agisse
d'un erreur...


tu confonds avec les 2 presentations suivant que la souris est dessus ou
pas les 2 pages ont le meme comportement



C'est possible.


tandis que l'image de fond de la colonne de droite s'arrête en plein
milieu).



je ne vois pas d'autre solution pour regler le pb que de mettre assez de
contenu pour que ca soit plus long que le menu (tu peux simuler ca avec
le style "voir les travaux")



Il suffit de chercher un peu sur le web...
http://pompage.net/pompe/colonnesfactices/
http://blog.html.it/layoutgala/
et si cela ne suffit pas : http://nemesis1.f2o.org/templates


hein ? ca te demande pas de mdp ??



Aujourd'hui, oui !


- logo BIOCER (colonne de gauche) qui, sur la première page a un fond
jaune, alors qu'il est transparent sur les autres...



(le logo lui meme est transparent tout le temps) c'est ce qui sert à
indiquer sur quelle page on est je veux bien que tu me propose d'autres
styles à la place, c'est vrai que c'est pas tres ergonomique :-)



Je ne comprends pas... voir http://cjoint.com/?fsuVCcKiKJ et
http://cjoint.com/?fsuWaHVrGt


- logo BIOCER (colonne de gauche) placé dans une liste de texte.



je vois pas le pb



Le problème : on ne voit pas ce qu'il vient faire là. Après réflexion
on comprend que ce logo désigne l'accueil et qu'il doit donc permettre le
retour à l'accueil. Mais ce n'est pas standard en plus de ne pas être
esthétique.


- ...



je veux bien la suite :-)



Commences déjà par ça ;-)


Seul le
contraste avec le fond "cloche".



?



Il faut que le contraste entre le texte et le fond soit suffisant pour un
bon confort de lecture.


Ceci dit je vous encourage à persévérer... La réalisation d'un bon
aspect général d'un site relève plus du bon sens que d'un
apprentissage long et fastidieux.



je pense avoir le bon sens necessaire pour l'organisation structurelle
du site,
mais pas du tout pour l'aspect visuel : les couleurs, les polices, tout
ca ... pour ca j'ai absolument besoin d'un coup de main



Je ne vous parle pas de couleurs et de polices en particulier mais vous
devriez être capable de voir là où ça cloche et pourquoi. Par exemple
sur la page http://biocer.fr/produits/boulanger/ il y a une liste dont le
texte est centré et les points devant chaque item sont à gauche... ces
points gênent.


pour ce qui est de l'apprentissage "long et fastidieux", il s'agit de
l'aspect technique des choses :
par ex je veux savoir si c'est possible de faire un fond transparent, le
fait que c'est pas supporté par tous les navigateurs, tout ca ... apres
j'irais dire à celui qui s'occupe de choisir les couleurs que c'est
possible d'avoir un fond transparent, mais que c'est pas supporté dans
tous les navigateurs, donc qu'il faut qu'il tienne compte des 2, etc ...



Une méthode plus adaptée serait de laisser faire la personne en question
puis de voir ensuite, dans ce qu'elle a réalisé ce qu'il est possible et
ce qu'il n'est pas possible de faire...

--
David Jourand