Pages :
Salut,

Je suis autodidacte sur les PC (windows et depuis peu Linux)
J'avais un site fait à la main sans livre ni rien juste comme ça.
Une horreur avec des frames et tout et tout et j'en étais fier cause réalisation perso.

Je suis sur un forum d'informatique où j'ai connu les grands Sibélius et Dominique (entre autres).

Sous cette impulsion plutôt positive, j'ai refait tout mon site à la main sous note-pad et gedit.

J'ai tenté de faire "accessible" et "conforme".

J'ai juste réussi conforme (sauf 2 pages) et c'est là le pb ; pas d'accessibilité parfaite.

Je vous jette mon site en pature.
J'osais pas vous embêter avec ça mais il parait que vous mordez pas Smiley cligne
Lâchez-vous !

***http://***dieteticien.biz***

En espérant ne pas passer pour un boulet trop rapidement ...
Modifié par dieteticien (20 Apr 2009 - 21:53)
Bonjour et bienvenue Môssieur Diet Smiley cligne

Suis content que tu finisses par présenter ton site ici Smiley smile

Ne t'inquiète pas, le but n'est pas de casser mais d'aider à améliorer ce qui pourrait encore clocher !

... En tout cas, bravo pour le boulot, c'est déjà ça Smiley cligne
Bon ! tu connais déjà mon avis général sur ton site, alors je ne vais pas influencer les autres...

Par contre, j'ai cherché les pages invalides :

ici : http://dieteticien.biz/recettes.html

Il y a une erreur de syntaxe, Que voulais-tu faire exactement ?
Ce code me semble bizarre :

<p id="centre-recettes">


Sur l'autre page : http://dieteticien.biz/calcul.html

Ca me semble plus complexe, ça vient peut être du javascript... On va voir ce qu'en disent les autres... Et puis cette page, elle est archi-buggée... elle dit que je suis obèse Smiley cligne Smiley lol

Voilà pour commencer !
Merci Dom Smiley cligne
En effet, la page recettes merdouille du fait d'un bricolage maison.
Je vais revoir cette erreur de code pour voir si ça passe ou pas.
Pour la page de calcul ,c'est en effet lié au javascript.
Je ne peux pas faire mieux moi-même pour le "programme" de calcul ; je n'y connais déjà rien au javascript alors avoir fait ce truc est déjà dingue pour moi.
Je chercherai une solution sans javascript ...

Sinon, Stephan, tu as trouvé ce qui me fait venir ici ... (je pense qu'il y a d'autres trucs qui clochent)
En testant l'augmentation de police dernièrement (suite conversation de Dominique pour une autre personne sur un autre forum), j'ai eu la peur et la honte de ma vie : mon site n'est pas accessible aux mals-voyants Smiley decu

Merci pour ces avis.
Pour l'erreur sur la page http://dieteticien.biz/recettes.html, elle est causée par le fait qu'il y a plusieurs <div id="centre-recettes" du même nom dans la page, un id ne doit se trouver qu'une seule fois, il suffirait donc d'utiliser une class="centre-recettes" (et de modifier la css) plutôt q'un id.
Pour la seconde page, essaye de remplacer par &lt; et &gt; pour < et > et &amp; pour & (mais comme c du js, je ne garantie rien pour le fonctionnement du code). Tu peux aussi essayé de mettre le script js dans une page externe, et faire un appel du script sur la page html.

Eric.
Bonjour,

Pourquoi ne pas attribuer au bandeau "Bienvenue sur diététicien.biz" (et etc.) une largeur égale à celle de l'ensemble menu + cadre de texte ?

Le "bienvenue sur mon site personnel" est redondant avec "Bienvenue sur diététicien.biz"

Heeu... désolé d'être dur, mais le nom en gif n'est pas beau.

l'image de ton header est petite et son sujet est peu identifiable (on sait qu'il s'agit d'un plat, mais...). Un bandeau plus grand et de la largeur du reste (à unifier) serait sans doute mieux.

Il y a une fine ligne de séparation collée sous l'item "Contact" du menu. Tel quel, ce n'est pas joli et cela ne correspond à rien. Il serait préférable de la supprimer.

Les blocs des items de menu ne sont pas centrés dans le bloc de menu: trop à gauche dans FF, trop à droite dans IE.

Les vignettes "CSS" et "XHTML 1.0" s'affichent lentement, et l'une souvent avec un retard considérable sur l'autre (IE). Sur les pages "Poids Idéal", "Menus-Recettes" et "Recherches", seule la vignette "CSS" est affichée (IE et FF).

Tu ne sembles pas trop à l'aide avec l'espacement des paragraphes et des titres: c'est une ligne vierge ou rien (= un <br />). tu peux définir l'espacement avant et après un paragraphe de texte ou un titre via les attributs margin-top et margin-bottom ou padding-top et padding-bottom (selon le cas).

Bon travail. Smiley smile
Bonjour,

Moi je donnerai mon avis uniquement sur le côté graphique, car c'est là que je suis (je crois) la plus compétente, et comme c'est ce qu'on voit en premier, je trouve ça très important.

La seule chose qui me choque réellement c'est le gif du nom en haut.
Le rouge devrait davantage ressembler au rouge du site, et il est ma foi un peu "crade".

C'est dommage car l'ensemble du site est agréable et homogène.
Il manque juste une petite "touche" exceptionnelle pour le bandeau du haut, un super logo ou qqch comme ça ...

ça me démangerait presque...
johanna33 a écrit :
ça me démangerait presque...


Bonjour johanna33,

Il ne faut jamais rester avec une démangeaison Smiley smile

Si tu as envie de donner un coup de main à Diet sur le plan graphique, propose lui Smiley cligne

Hello Diet,
Je ne remettrais pas ici ce qu'on s'est dit en d'autres lieux concernant l'accessibilité, je te suggère de télécharger le http://www.adae.gouv.fr/article.php3?id_article=246 référentiel en français et de voir ce qui peut être amélioré pour augmenter cette accessibilité.

Concernant ce référentiel, il y a une discussion en cours ici : http://forum.alsacreations.com/topic.php?fid=6&tid=1333
Modifié le 28 Jan 2005 - 15:45
Aprés avoir vu ce site, je me suis dis qu'il était dommage d'avoir 2 pages non valide, je me suis donc charger d'adapter le javascript pour le calcul avec le poids et la taille. Puis de retoucher la page en XHTML valide strict.

Je donne le source du javascript ici qui est maintenant valide (le code est à mettre dans un fichier externe appelé poids.js:

function calculbmi() {
if (document.getElementById('derform').poids.value=="")
{ alert("Il faut noter un poids (en kg)");}
if (document.getElementById('derform').poids.value>299)
{ alert("Calcul non fiable ; poids trop important ; vérifiez");}
if (document.getElementById('derform').poids.value<30)
{ alert("Calcul non fiable ; poids trop faible ; vérifiez");}
if (document.getElementById('derform').taille.value=="")
{ alert("Il faut noter une taille (en cm)");}
if (document.getElementById('derform').taille.value>239)
{ alert("Calcul non fiable ; taille trop importante ; vérifiez");}
if (document.getElementById('derform').taille.value<140)
{ alert("Ces méthodes de calcul ne s'appliquent pas aux enfants et aux personnes de petite taille ; Calculs non fiables, désolé !");}
document.getElementById('derform').bmi.value=Math.round(document.getElementById('derform').poids.value/Math.pow((document.getElementById('derform').taille.value/100), 2)*10)/10 ;
document.getElementById('derform').commentaire.value=commente(document.getElementById('derform').bmi.value) ;}

function commente() {
if (document.getElementById('derform').bmi.value<18.5)
{ return "IMC<18,5 : Maigreur pouvant entraîner des risques pour la santé ; sauf si c'est votre poids habituel. Vous pouvez consulter un(e) diététicien(ne) afin de faire le point sur votre alimentation et rechercher d'éventuelles erreurs. Si cela est votre poids habituel, vous êtes juste mince." ;}
if (document.getElementById('derform').bmi.value>=18.5 && document.getElementById('derform').bmi.value<19.99)
{ return "18.5<IMC<20 : Maigreur relative si ne faisant pas suite à une perte de poids. En cas d'amaigrissement récent, parlez en à votre médecin ; cela peut-être le signe d'une pathologie. Si cela est votre poids habituel, vous êtes juste 'mince'.";}
if (document.getElementById('derform').bmi.value>=20 && document.getElementById('derform').bmi.value<24.99)
{ return "20<IMC<25 : Rapport exposant au risque minimum pour la santé. Cependant, ce rapport n'est pas un gage de bonne santé ; il convient de bien manger pour conserver son poids mais aussi pour le bon fonctionnement de son corps. Vous pouvez éventuellement consulter un(e) diététicien(ne) pour apprendre à bien manger afin de conserver ce poids tout en mangeant sainement." ;}
if (document.getElementById('derform').bmi.value>=25 && document.getElementById('derform').bmi.value<26.99)
{ return "25<IMC<27 : Surpoids modéré. Attention ... En cas de prise de poids récente, réagissez le plus vite possible et ne laissez pas cette situation perdurer." ;}
if (document.getElementById('derform').bmi.value>=27 && document.getElementById('derform').bmi.value<29.99)
{ return "27<IMC<30 : Surpoids exposant à des risques médicaux non négligeables. Consultez rapidement afin d'éviter d'éventuels problèmes de santé." ;}
if (document.getElementById('derform').bmi.value>=30 && document.getElementById('derform').bmi.value<34.99)
{ return "30<IMC<35 : Obésité de type 1. Danger ! Consultez, sans tarder, un(e) diététicien(ne) afin d'apprendre à manger plus sainement et de réduire les risques médicaux." ;}
if (document.getElementById('derform').bmi.value>=35 && document.getElementById('derform').bmi.value<39.99)
{ return "35<IMC<40 : Obésité de type 2. Danger important !! Consultez rapidement un(e) diététicien(ne) afin d'apprendre à manger plus sainement et de réduire les risques médicaux." ;}
if (document.getElementById('derform').bmi.value>=40)
{ return "IMC>40 : Obésité morbide. Danger très important !!! Consultez d'urgence un(e) diététicien(ne) afin d'apprendre à manger plus sainement et de réduire les risques médicaux." ;}
}



Ensuite le fichier XHTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head>
<title>dieteticien.biz - page de calcul d'IMC - site réalisé par un diététicien</title>
<meta name="keywords" content="dieteticien,diététicien,dieteticienne,diététicienne,nutrition,dietetique,diététique,nutritionniste,maigrir,grossir,manger,alimentation,alimentaire,regime,régime alimentaire,anorexie,boulimie,trevilly,rennes"/>
<meta name="description" content="dieteticien.biz est un site réalisé par un diététicien dans le but d'informer sur la nutrition" />
<meta name="robots" content="index,follow,all" />
<meta name="revisit-after" content="7 days" />
<meta name="author" content="alban trevilly" />
<meta name="copyright" content="alban trevilly" />
<meta name="language" content="french" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="calcul_fichiers/general.css" type="text/css"/>
<link rel="stylesheet" href="calcul_fichiers/menus.css" type="text/css"/>
<link rel="stylesheet" href="calcul_fichiers/liens.css" type="text/css"/>
<link rel="stylesheet" href="calcul_fichiers/style.css" type="text/css"/><!-- Interdit l'ouverture de la page dans une frame -->
<script type="text/javascript" src="poids.js"></script>
<script type="text/javascript"><!--
      if (window!=top) {top.location=window.location;}
  //--></script></head>
<body>
    <!-- squelette global du site -->
    <div id="page">
          <!-- affichage de la bannière -->
	  <div id="sommet"><img src="calcul_fichiers/banniere.gif" alt="Banniere du site dieteticien.biz ; site réalisé par Alban Trévilly, Diététicien. Je vous souhaite une bonne visite ..." height="85" width="751"/>
			<p><img src="calcul_fichiers/date_mise_a_jour.gif" alt="image affichant la date de mise à jour du site" height="13" width="184"/></p>
</div>
          <!-- affichage du haut de page -->
	  <div id="haut">  
			<ul class="liens-encours">
			<li>Bienvenue sur dieteticien.biz - Vous êtes ici --&gt;<a href="http://dieteticien.biz/index.html" title="Retour à l'accueil">Accueil</a> --&gt; <a href="http://dieteticien.biz/calcul.html" title="La page en cours de visite est calcul.html">Poids Idéal</a></li></ul>
	  </div>
          <!-- affichage de la bande gauche -->
	  <div id="gauche">
          <!-- affichage du menu -->
	<span class="titremenugauche">-- Menu --</span>
			<ul class="menugauche">
<li><a href="http://dieteticien.biz/introduction.html" title="Page d'introduction">Introduction</a></li>
<li><a href="http://dieteticien.biz/avant.html" title="Page d'accueil">Avant Propos</a></li>
<li><a href="http://dieteticien.biz/definitions.html" title="Page de définitions">Définitions</a></li>
<li><a href="http://dieteticien.biz/calcul.html" title="Page de calcul poids idéal">Poids Idéal ?</a></li>
<li><a href="http://dieteticien.biz/dieteticien.html" title="Page sur le métier de dieteticien">Le Diététicien</a></li>
<li><a href="http://dieteticien.biz/recettes.html" title="Page de menus et de recettes">Menus-Recettes</a></li>
<li><a href="http://dieteticien.biz/liens.html" title="Page de liens utiles">Liens Utiles</a></li>		<li><a href="http://dieteticien.biz/regime.html" title="Obtenir un régime">Votre Régime</a></li>
<li><a href="http://dieteticien.biz/consultations.html" title="Déroulement des consultations">Consultations</a></li>
<li><a href="http://dieteticien.biz/recherche.html" title="Page de recherches">Recherches</a></li>
<li><a href="http://dieteticien.biz/contact.html" title="zone de contact">Contact</a></li>
			</ul>
</div>
	  <div id="gauche2">
<br />
<a href="http://jigsaw.w3.org/css-validator/" title="page du validateur du W3C pour le CSS">
<img style="border: 0pt none ; width: 88px; height: 31px;" src="calcul_fichiers/vcss.png" alt="Ce site est valide en terme de feuille de style CSS"/></a>
<br /><br />
</div>  
        <!-- affichage du contenu de la page -->
  	<div id="centre">
<h3><span class="lettrine-titre">I</span>l n'existe pas de poids idéal !!!</h3>
<span class="lettrine">I</span>l existe uniquement un rapport entre le
poids et la taille. On peut donc dire qu'il y a une "fourchette" de
poids pour une même taille. Nous sommes tous différents les uns des
autres ; il ne faut pas vouloir se comparer entre nous.<br />
Il faut juste savoir se situer par rapport à des "normes médicales".
<br /><br />
<span class="lettrine">V</span>oici un programme de calcul de l'IMC (Indice de Masse Corporelle). L'IMC est également appelé BMI (Body Mass Index) ou P/T².<br /><br />
<span class="lettrine">C</span>e calcul nous permet d'obtenir un rapport.<br />Ce rapport est comparé à des standards définis par la communauté scientifique et reconnus mondialement.<br />Il permet donc de "classer" les patients en fonction des risques médicaux liés au poids (en surcharge ou déficit pondéral).<br /><br />
<span class="lettrine">P</span>our plus de détails sur l'IMC, voyez la page : <p class="liens-texte"><a href="http://dieteticien.biz/definitions.html#imc" title="lien vers la page des définitions">Définitions</a></p>
<br /><br />
<span class="lettrine">J</span>e suis désolé, ce programme utile le
JavaScript. Si votre navigateur n'accepte pas le JavaScript, vous ne
pourrez pas calculer votre IMC.<br />
De plus, (pour les puristes) mes compétences en codage XHTML 1.0 strict
étant très limitées, je ne peux pas, pour le moment, rendre cette page
valide XHTML 1.0 Strict<br /><br />
<span class="lettrine">P</span>rogramme de calcul :
<form id="derform" action="#" >
<p>Entrez ici votre poids en kg --&gt; <input size="10" maxlength="5" name="poids" id="poids" type="text" /><br />
Entrez ici votre taille en cm --&gt; <input size="10" maxlength="8" name="taille" id="taille" type="text" /><br /><br />
<input value="CALCUL !" onclick="calculbmi()" type="button" />
<input name="raz" value="Effacer" type="reset" /><br /><br />
Valeur de votre IMC : <input size="10" maxlength="5" name="bmi" type="text" /> en kg/m²<br /><br />
Conseil du diététicien : <br /><textarea name="commentaire" rows="8" cols="50">Entrez votre poids et votre taille ci-dessus et cliquez sur le bouton CALCUL ! pour obtenir votre IMC et un commentaire.
Rappel : ce programme permet uniquement de calculer votre rapport poids/taille² (IMC) ; il ne vous donne pas votre poids idéal.
En effet, le poids idéal n'existe pas mathématiquement.</textarea></p>
</form>
<br />
  	</div>
          <!-- affichage du pied de page -->	  
	  <div id="pied"><br />
	<ul class="liens-retour"><li><a href="#" title="Retour haut de page">Retour haut de page</a></li></ul></div>
          <!-- affichage du bas de page -->
	  <div id="bas">-- Copyright Alban TREVILLY - dieteticien.biz - Tous droits réservés --</div>
</div>
</body></html>


En espérant t'avoir aidé Smiley cligne
Salut,

Bonne surprise en venant faire un tour !!!

1 - Merci !
2 - Merci !
3 - Merci !

C'est Noël tous les jours ici Smiley smile

Je suis même tout Smiley confused devant tant de bonté.

Merci doomer pour tes codes.
C'est mis en ligne et c'est PARFAIT !!!

Pour johanna33, pas mal, pas mal Smiley cligne
Reste plus qu'à mettre en ligne en somme Smiley cligne

Je voudrais, si possible, avoir votre avis sur les couleurs du site ... (pas Dom, je sais ce qu'il dira)
Je me cherche un peu en fait ...

Va vraiment falloir que je la fasse ma page de remerciements ; ne serait-ce que pour vous mettre dedans Smiley smile
Cela seait sympa de nous mettre dedans, je vais suivre cela de plus prés Smiley cligne .

Sinon pour les couleurs cela dépend si tu souhaites conserver le rouge où changer totalement ta charte ?

Tu aurais plutôt quel préférence de couleurs ?

PS: Tiens j'aurais besoin de menu diététique car j'ai arrêté le sport Smiley cligne
Modifié le 28 Jan 2005 - 21:15
En fait, je me demande si du bleu (vs le rouge) ne serait pas un peu mieux ...

Sur mon portable, je trouve mon site TRES beau.
Sur un PC fixe, je le trouve horriblement "orange" pour la couleur du fond de page.

Certes, il sera difficile de contenter tout le monde (hein Dom Smiley cligne ) mais je suis toujours partisan du moins pire ...

@+ (j'ai du boulot de code sous gedit)

Edit :
1er test en bleu
Je n'ai que le rendu sur mon portable ; le PC du cabinet n'est pas allumé ; je verrai demain.
ça donne quoi chez vous ?
Modifié par dieteticien (14 Mar 2009 - 20:57)
Je pense que le header devrait être refait afin de donner quelquechose de plus agréable.

Ensuite à partir des couleurs de ton header, définir tes couleurs.

Le bleu me paraît une bonne idée mais les liens ne ressortent pas de trop et le fond de page bleu, j'aime pas trop personnellement.
Perso je trouve que le site est plus "froid" en bleu, un peu moins personnel...
Le bleu est la couleur tjs utilisé en informatique (enfin presque, pas ici par exemple)...

Alors, je pencherai pour un brun chaud, ou un bordeaux...

http://colormixers.com/mixers/cmr/
Essayer avec 126 37 37 par exemple.
Modifié le 30 Jan 2005 - 17:52
johanna33 a écrit :

Alors, je pencherai pour un brun chaud, ou un bordeaux...

Ah tiens ! Je me suis souvent inspiré ici pour les couleurs :
pourpre.com - les mondes de la couleur, les couleurs du monde et plus particulièrement dans le Dictionnaire des noms de couleurs.
Un oeil sur l'index nous donne un bon aperçu de la ressource ! Smiley lol

Parce que moi, 126 37 37 ne m'inspire pas tellement, mais Bordeaux ou Bismarck malade...

Et que dire d'un joli caca d'oie ! Smiley lol C'est pas chaud longtemps, mais...

Bref, dietetitien pourrait nous servir un joli plat de fruits ! Smiley murf
Modifié le 30 Jan 2005 - 18:44
dieteticien a écrit :

Je voudrais, si possible, avoir votre avis sur les couleurs du site ... (pas Dom, je sais ce qu'il dira)


Ok, salut Diet Smiley smile
Donc je ne dirais rien sur l'existant, ainsi je n'influencerais personne. Toutefois, je vais emettre un avis sur le bleu. Cette couleur me paraît très difficile à gérer et apporte, comme le souligne johanna33, beaucoup de froideur. Hors je pense que pour le moral des personnes qui viendront visiter ton site, le choix de la couleur sera quelque chose d'important.
Perso j'abandonne le bleu pour mon site.

dieteticien a écrit :
Va vraiment falloir que je la fasse ma page de remerciements ; ne serait-ce que pour vous mettre dedans Smiley smile


C'est une excellente idée ça Diet Smiley cligne ... A la place de mon pseudo, je te suggère de placer un lien vers ce forum Smiley biggrin
Modifié le 01 Feb 2005 - 09:59
Pages :