Bonsoir,
 
Etant actuellement étudiant en chirurgie dentaire, je travaille sur une thèse un peu spéciale, celle ci consistant à créer un site internet sur une pathologie bien précise...
 
Celà fait maintenant quelques semaines que je me suis mis à bosser (découvrir) les joies de la programmation web...J'ai lu les tutoriaux présents ici et là, sur alsacréation, site du zéro et openweb (merci d'ailleurs aux auteurs des 3 sites pour leur boulot..m'en sortirais pas sans eux ), et potassé qq bouquins aussi.
 
Je vous demande donc de jeter un oeil sur ce site, qui n'en en qu'à ses débuts, et de loin, seule la page d'accueil étant disponible, mais j'aimerais en fait que vous me disiez si la structure et accessoirement le design sont "corrects".
 
En fait votre avis m'interresse pour me permettre, si la façon de faire est correcte, de pouvoir me créer un véritable modèle, un design définitif, avec les graphiques de bannière et choix des couleurs, polices etc..., design qui serait utilisé sur chaque page.  
 
Une fois ce modèle validé "esthétiquement" par mon directeur de thèse et "fonctionellement" par vous, par les navigateurs et les normes, je pourrai enfin bosser l'autre grosse partie de la thèse, à savoir le contenu....
 
Une dernière chose, sachez que la page index.html a été faite vite fait avec fireworks, qu elle est moche qui plus est, et mal codée..mais elle était juste là pour présenter les choses de façon plus claire à mon dirlot
 
Le seul lien fonctionnel dessus est "accès praticien".  
 
Sachez aussi que j'ai décidé d'optimiser le site pour du 1024.768, et que,sur la page principale, seuls les liens "génèse du dysfonctionnement" et "accueil" marchent.
 
Dans l'attente de vos conseils, suggestions etc... Je vous remercie bien.
 
PS: voilà l'adresse: http://www.premiumorange.com/occluso

ça fait partie de ton cursus ?

Non, pas vraiment xD
 
En fait, depuis que je suis en 2 ème année, je fais des montages vidéo pour certains profs, pour "alléger" les TP, et monter ce qui était difficilement "montrable" en live... et ils se sont dits "pourquoi pas faire un site sur telle pathologie", me l'ont proposé, et j'ai accepté, et en ai fait ma thèse, qui sera un poil différente d'une thèse habituelle..
 
Ba oui, autant je me débrouille pour le montage vidéo, autant la programmation web, on pouvait pas faire plus débutant...mais les profs qui me l'ont proposé se sont dit au départ que c'était aussi simple que de faire un PPT
 
Enfin...le thème du site lui fait partie du cursus

abandonne fireworks et dreamweaver, pour la page d'accueil c'est vraiment pas beau.
Mais bon j'imagine qu'il faut surtout regarder la partie 'Accès praticien', et là c'est techniquement bien ( encore qu'on puisse discuter de l'utilisation des hX pour certaines choses qui ne sont pas des titres mais rien de catastrophiques. Ah et certains id sont peut-être mal choisis genre "droite"...).
Après les goûts et les couleurs ...

Bonsoir!  
 
Merci anapajari d'avoir pu jeter un coup d'oeil..
 
J'ai "commencé" à refaire la page d'accueil, mais c'est pas encore terrible..enfin, c est pas le plus important pour le moment.
 
Concernant le choix des Hx, j'ai rectifié légèrement, mais je n'ai pas très bien compris en quoi c'est pas forcement bien choisi, pourrais tu développer? A ce que j'ai compris, on s'en sert pour les titres, donc, H1 pour le titre du sujet traité, puis H2 etc pour les "sous titres"? (peut etre parlais tu de "le site est en construction", auquel cas, je ne l'ai mis que de facon provisoire ) enfin, je ne fais pas ma mauvaise tête sur les conseils, donc, je veux bien que tu me dises dans quelle optique je dois modifier ca...
 
J'ai aussi refait l'agencement des id..en fait, j avais un conteneur parent en trop et pas forcelment utile... et qui a priori causait des bugs sous certaines versions d'IE, juste chez 2 amis ...bizzare, enfin, je pense l'avoir rectifié...
 
Sinon, quand tu me dis 'les gouts et les couleurs', j'en suis parfaitement conscient, mais je veux bien d'un avis extérieur la dessus, ca ne fait pas de mal d'avoir des points de vue tiers, donc si qqchose te choque ou ne te plais pas, je t'en prie, dis le...je ne suis pas graphiste ni quoi que ce soit d'autre de formation, donc je ne pense pas savoir clairement quels sont les "règles" ou du moins les "us" dans le web design....J'i essayé de faire un truc "sobre" qui ne choque pas, mais ca se modifie, et je suis preneur pour toutes les opinions (NON pas de rose bonbon partout!)...
 
Sinon , j'ai ajouté une animation en flash pour la bannière, faite avec After effects, qu'en pensez vousµ? je pense l'avoir fait suffisemment discrète pour ne pas choquer outre mesure, mais ca me parait peut etre un poil trop...qu'en pensez vous?
 
En tous cas, merci d'avance pour tous conseils que vous pourriez m'apporter.  

Maintenant ça a l'air bien, mais de mémoire il y avait des h6 qui trainaient dans des endroits où ils n'avaient rien à faire.
 

Le truc que je disais sur les id c'est généralement mettre comme id pour un div "gauche" ou "droite" c'est pas une bonne idée. Pourquoi?  
Et bien vu que tout est stylé en css, rien ne t'empêche d'avoir envie de changement et de mettre ton div "gauche" à droite. Après pour s'y retrouver ça devient coton
 

Avant même de parler couleurs, un petit peu d'ergonomie. ( Attention une fois encore je n'exprime ici que mon avis personnel).
Ton site est là pour restituer de l'information sur un sujet très précis et de surcroît s'adresse à un public averti ( partie praticiens). Pour eux quel est l'interêt des images dans la partie supérieure? J'ose espérer qu'ils savent déjà de quoi il s'agit et donc que ceci est à but purement décoratif.
Oui mais voila ces "décorations" encombrent l'écran et de fait tu te retrouves avec du contenu qui ne tient plus sur un écran.  
Un autre petit truc, généralement la lecture d'un écran se fait "en U". Puisque tes pages "s'enchainent" il serait peut-être judicieux de mettre un lien vers la page suivante en haut à droite.
 
Par contre pour la partie "public", la problèmatique sera différente. Il faudra surement privilégier l'aspect graphique et explicatif.
 
Enfin les couleurs, bin ... C'est pas choquant en soit...
Il y en a peut-être un peu trop. Fais quelques recherches sur le "accords chromatiques" tu trouveras plein de pages qui t'expliqueront mieux que moi les concepts "de base".  Encore une fois, dans ce cas précis, j'essayerai de privilégier le coté "lisible" sur le coté "flashy qui pète".
 
 

Typiquement ce qui n'a pas d'interêt et nuit à la lisibilité. Imaginons que je suis en train de lire une de tes pages, voir des lettres qui bougent tout le temps ça risque de m'énerver.
Par contre rien ne t'empeches d'utiliser flash pour faire des schémas intéractifs par exemple. Des choses qui apporteront un vrai complément au texte.
 
Bon ça c'était mon point de vue, mais il y a de fortes chances pour que tu trouves quelqu'un qui te dise exactement le contraire. Donc à toi de faire la part des choses et d'arriver à un résultat qui te plaît et qui plaira au public que tu vises.

anapajari a bien résumé ce qui allait et n'allait pas je trouve.  
Pour les couleurs, j'allais aussi t'envoyer sur des sites traitant des cercles chromatiques : http://www.smartpixel.net/chromoweb/fr/index.htm
Perso, je trouve tes couleurs trop sombres et pas assez contrastées, ça fait un peu tristouné ton site, mais c'est mon avis perso...
 
Sinon, de rien bien grave dans ton code. Déjà, un premier point, mon validateur XHTML ne s'est pas mis à crier.
 
La première chose à corriger, c'est ça : line 31 column 5 - Warning: <embed> is not approved by W3C
la balise embed n'est pas à utiliser. Sous FireFox, j'ai pas l'anim flash.
Du reste, je pense que tu devrais développer ton site sous FireFox qui respecte les normes du w3c au contraire de IE.
J'ai vu que sous IE, le contenu tenait sur une page alrs que sous FF, il fallait un peu scroller.
 
Sinon, d'autres points de détails :  
- dans tes balises <link> des feuilles de styles, faut rajouter media="screen"
- prévois aussi une feuille de styles pour l'impression
- tes noms de styles ou tes id doivent avoir une connotation sémentique (ex : MenuPrincipal, MenuContectuel, PiedPage...)
- tous tes liens hypertextes doivent avoir un attribut title="A quoi sert ce lien."
- pas de width et de height dans les <img />. Ca va dans la feuille de style ça
- le contenu de tous tes h2 sont écrits en majuscules. Je pense que tu devrais les écrire normalement et utliser un style pour les passer en majuscule (text-transform: uppercase.
 
Voilà, c'est à peu près tout ce que j'ai relevé.

Bonjour!  
 
Merci pour vos conseils!
 
Je vais essayer de revoir ça dans cette optique alors, je n'ai pas trop le temps aujourd'hui, grosse journée, mais je pense rectifier ca d ici 2 3 jours, je reposterai les modifs à ce moment!
 
Merci déjà à tous pour ça!!
 
Bonne journée!