Bonjour,
 
Et oui, encore un topic de plus sur le sujet.
 
L'idée générale du site :
Je m'installe a mon compte pour apporter ma matière grise aux particuliers qui ne savent plus quoi faire devant un PC récalcitrant.
Je leur porpose égelement des formations personalisées.
 
Je désire que mon site soit une sorte de portail pour ces personnes :  
ils pourront trouver quelques astuces (les rubriques vont se remplir au fur et a mesure) sous forme de fiches techniques puis a terme des formations a télécharger sous forme d'AVI.
 
L'approche artistique :
J'ai voulu casser un peu la mode actuelle : presque tous les nouveaux sites sont des "PHP-NUKE like".
C'est a dire :  
Un bandeau rectangulaire, un ensemble de blocs à gauche, un ensemble de blocs à droite et la pge de "contenu" au centre.
chaque bloc etant bien entendu bordé d'un filet de couleur, ce qui nous fait une multitude de rectangles à l'écran
 
Je suis donc plutot parti sur des courbes avec des couleurs pasteles en dégradé.
 
Ensuite, s'est posé la question des menus : icones ou texte
J'ai donc opté pour les icones avec un texte dynamique.
 
Logiciels utilisés :
J'ai utilisé GIMP pour la partie grahique, et pour le code j'ai tout tapé à la main avec un éditeur que je trouve assez sympa :  
"syn text editor"
 
Notes diverses :
Le site est réalisé en PHP en "pseudo-frame".
J'ai mit de l'url rewriting + des meta Tag dynamiques en fonction du contenu de chaque page pour optimiser le référencement dans les moteurs de recherche.
 
Tout cela etant le resultat de recherches sur differents forums ainsi que pas mal de temps passé sur Alsacecreation
 
Voila pour la petite histoire.
 
Maintenant, pour accèder au site cliquer ICI
 
 

Aller, je me charge du code source, il y aurait une petite amélioration à faire
 
Pour par exemple le texte en cadre rouge, au lieu de mettre toutes ces spans et tous ces br, marque bien les paragraphe avec des p. Et fixe la taille du div, pour avoir les retour chariot automatiques :

Comme ça, tu aura un vrai code qui respecte la sémantique des éléments  
 
Aussi, pour le menu et le texte qui apparaît lors du survol de la souris, tu peux faire ça sans JavaScript, regarde cette démo
 
 
 
Sinon, niveau design, c'est plutôt sobre et donc bien lisible. A part peut-être la police utilisée pour le slogan "Audi CONseil..." qui n'est pas très lisible

Aller, je me charge du design, il y aurait une petite amélioration à faire
 
Peux tu mettre tes liens en hauts un peu plus net : prends référence sur ton logo qui est très clair et net.
Ce qui est dommage, c'est que le design est coupé net par la limitation de ta page : un fond en motif (body) aurai amélioré le résultat.
Enfin, il serai mieux de colorer ta page avec une teinte légère pour voir la délimitation de ta page, OU mettre des bordures, OU déterminer un fond dans le body.
 
Allez, courage, le résultat actuel est pas mal néanmoins  

salut à toi
bon je parlerais pas du code, parce que je n'y connais rien et que florent l'a dejà fait avec une delicatesse infinie    
sinon pour le design:
je trouve les liens en haut pas tres lisible: la police d'abord, puis surement la couleur et le petit liseret blanc autour qui floute un peu chaque mot je trouve.
Pourquoi avoir CON en majuscule dans CONseil ???  c'est bizarre vraiment...
Ensuite je trouve le texte principal de ta page trop collé à l'arondi du menu de gauche... (bon c'est perso peut etre que je pinaille mais ça me gene les yeux
Ensuite je trouve que ton logo n'est pas tres lisible non plus et pas tres reconnaissable.
C'est un peu dommage que le menu du haut soit coupé un peu net à gauche.
L'horloge est joli mais bon... ça fait un peu gadget.
Mais pour moi le gros probleme vient de là: la pub google en haut de ta page. Le probleme c'est pas qu'il y en ait une mais c'est juste que parfois, on n'arrive pas à déterminier que c'est une pub google (y'a pas le petit bandeau bleu en bas)
démonstration:  

 
du coup, là par exemple, à premiere vu on a l'impression de tomber sur un site pour arreter de fumer (à premiere vue j'ai dit), donc si on fait pas gaffe, on se dit "ah ben non c'est pas ce que je cherche" et on se barre !
 
une autre petite chose, à la premiere ouverture il a été lent à s'afficher (il s'affichait par morceaux, assez lentement)
et encore un dernier detail pour la route: pourquoi ne mets tu pas les noms sous les icones de gauche (windows, internet, traitement de texte etc), ça faciliterai la lecture au premier abord
 
 
voilà !
mais à part ça c'est plutot clair et sympathique...
 
tout ça n'est bien sur que mon avis

Aller, je me charge du paiement, il y aurait une petite amélioration à faire
 
Mon numéro de compte c'est le ...

Merci à tous.
 
Je m'attache a modifier tout ça et je vous ferai signe dès que ce sera fait.
 

 
  Excellent je vais pouvoir virer mes fonctions javascript!

Avec cette nouvelle année 2006, j'ai revu entièrement le codage et le design de mon site.
 
Comme ça il est beaucoup plus fluide et je pense, plus facile d'accès à "monsieur tout le monde".
 
La nouvelle version est ICI
 
Pour comparer, l'original est toujours en ligne ICI
 
Vos commentaires seront les bienvenus.
 
   

Hello
Pour la navigation et la lisibilité je trouve que c'est mieux.
Par contre c'est devenue trop épuré: il faudrait rajouter des couleurs de fonds, des cadres... C'est un peux "flotant" là.
Un mauvais point revient aussi à la pub, celle-ci non seulement est le seul élément coloré qui ressort, mais en plus elle décentre tout ton cadre principale.

• trop de pubs    
• le menu est trop "invisible" je n'ai pas saisi du 1er coup là où il fallait cliquer ... c'est pas assez intuitif    

c'est tout ce que je dirais pour le moment ... je ne m'y suis pas beaucoup penché dessus  

+1.
 
EDIT : Quand on clique sur la validation W3C on a un message avec du gros rouge qui tache... ça fait désordre Désolé, j'ai regardé l'ancien.
 
Graphisme de l'interface très joli pour moi.

Merci de vos commentaires, ils me sont vraiment très utiles.
 
Concernant les Pubs :
En fait, il y en a moins qu'avant (voir exemple ICI ou il y en a 1 en haut et 1 en bas), mais elles sont plus visibles en raison du style plus épuré du Design.
Je viens de faire quelques modifications pour les rendre plus discrètes
J'ai entre autre transformé la pub verticale du coté gauche en pub horizontale en bas de la page d'accueil.
Pour faire suite au commentaire de Big-Foot, au départ il devait y avoir un menu à droite, ce qui équilibrait le tout.
 
Concernant le menu : (remarque de liverpowen)
Je pense que tu parles du menu des fiches techniques.
Je vais revoir ça.
 
Concernant le Design général :
Le style épuré générale a été voulu, mais peut-être y suis-je allé un peu fort.
En fait, c'et suite à plusieurs visiteurs du site qui reprochaient au design d'être trop coloré voire chargé  
 
Je vais voir ce que je peux faire pour "égayer" un peu le tout.
 
Merci à tous, et si vous voyez autre chose, n'hésitez pas
 
   

Moi j'aime bien, mais par contre je trouve que l'icone contact est un peu crade d'aspect, on dirait qu'il manque des pixels pour un aspect plus lissé. Ah oui et puis le texte "téléchargement" passe au dessus du bouton accueil et c'est pas très joli.  
Pour le menu de gauche, la pub au milieu des icones ca rend pas très bien et à mon (humble) avis ca gène la navigation.

 
Juste une chose : tu t'es trompé, tu as consulté le site en ligne actuellement.
La nouvelle version est ICI