Bonjour,
Te serait-il possible d'utiliser les mots en entier plutôt que de les écrire en SMS, personnellement "slt" me fait plus penser à une insulte en anglais qu'à une salutation en français...
Alors niveau graphisme c'est effectivement pas ça (j'ai failli écrire que c'était une catastrophe, mais je voudrais pas que tu le prenne mal) :
* La pseudo frame fait ridiculement petite avec un menu qui fait le double de sa longueur ; quel est l'intérêt de cette pseudo frame ? Je pense que la supprimer apporterais déjà beaucoup à l'aspect du site.
* Les boutons du menu sont lourd, carré et complètement démodés, du texte brut serait déjà plus beau ; les boutons de menu, à moins d'être vraiment très bon designer rendent rarement bien.
* L'assortiment des couleurs n'est pas très armonieux.
* Le header doit être retravaillé, en l'état actuel, il fait trop penser à une publicité complètement indépendante du site ; l'utilisateur n'y prettera pas attention (l'internaute a développé une faculté de bloquage de ce qui ressemble à de la pub impressionnante).
* Les trucs qui bougent, outre le fait de conforter l'internaute dans son sentiment d'avoir à faire à de la publicité, risque de perturber la lecture du contenu important (l'oeil ayant tendance à se focaliser sur le mouvement). Les sponsors seraient plus à leur aise (et surtout celle du visiteur) sur une page dédiée.
* Le roll-over du menu fait bouger celui-ci (du moins sous IE6) ce n'est pas très esthétique, et c'est surtout très dérangeant.
Pour le code, ce n'est malheureusement pas beaucoup mieux :
* Tu as
31 erreurs de code à corriger absolument (avec un doctype transitionnel c'est énorme).
* Les templates de dreamweaver sont pratique pour débuter, mais le nombre de commentaires qu'il créent dans la page rendent le code fouillis et plus difficile à lire. Il pourrait être judicieux pour toi de te tourner vers un peu de PHP ave nottament la fonction include qui est très facile à utiliser et te permettrais la même simplicité de mise à jours que les template, tout en réduisant le poids de tes pages et en simplifiant leur code.
* Les scripts JS sont toujours mieux dans un fichier js dédié que tu pourra lié à ton document HTML de la même façon qu'une feuille de style css ; cela permet la mise en cache du script et évite au visiteur de devoir télécharger le code avec chaque page. De plus il est préférable de placer les scripts JS en fin de documents pour ne pas ralentir le chargement du reste du document qui est le plus important.
* Dans ton <head> il pourrait être judicieux d'ajouter une balise meta description. Cette balise n'est pas utilisée pour le référencement de ton site, mais elle est affichée (si jugée pertinente) par les moteurs de recherche dans les pages de résultats, elle représente donc un atout important pour attirer le clic du visiteur potentiel. Cette description doit, comme le titre du document, être unique pour chaque page du site et décrire la page en cours et non le site complet.
* Attention à tes textes alternatifs :
<img src="elements-des-pages/bandeau-titre.png" alt="bandeau en tete" />
L'image en question est porteuse de contenu important : le titre et la tagline du site, ce même contenu doit être reporter dans le alt qui sera utilisé à la place de l'image si elle ne peut être chargée (ainsi que par les robots référenceurs et les lecteurs d'écrans (pour les plus impportants)).
* Sur cette même image, tu utilise une map. Le problème c'est que visuellement l'image ne fait qu'un ; que si je passe ma souris sur le haut de l'image, je n'y vois aucune possibilité de clic ; du coup, il n'est pas du tout évident qu'une portion de l'image est cliquable. De plus sur une bannière en haut de site, on s'attends à ce qu'un lien mène vers la page d'accueil et non vers un autre site. Il faudrait intégrer ce logo dans une image indépendante qui bénéficiera de son propre lien (et sans utiliser de map).
* Toujours au sujet des textes alternatifs :
<img src="elements-des-pages/accueil/que-faire.png" alt="vous trouvez un animal sauvage" />
Cette image porte des mots clés important "Que faire ?" qui ne sont pas reportés dans son texte alternatif, qui du coup perd tout son sens, la phrase "vous trouvez un animal sauvage" ne voulant rien dire dans son contexte.
* Petit rapel, l'attribut alt doit TOUJOURS être présent sur les images, même s'il n'est pas rempli (alt="") !
* Il est illogique qu'une liste ne comporte qu'un seul élément :
<ul id="bouton-lettre-info"><li><a href="newsletter/formulaire-inscription.php" onclick="">Lettre d'info</a></li></ul>
Si une seule élément se trouve dans une liste, celle-ci n'est pas une liste mais un élément isolé.
* Un hr tout seul a-t'il réellement besoin de se trouver dans un div ?
<div class="barre-separation-01"><hr /></div>
Il est tout à fait possible d'attribuer une classe ou un id directement à hr. Idem pour les hr se trouvant dans la liste du menu ; leur but étant purement décoratif, il est parfaitement possible d'attribuer une classe à certains éléments li du menu pour qu'ils affichent une bordor-bottom.
* Attention à l'utilisation de title sur les liens :
<a href="index.html" title="Accueil">Accueil</a>
l'attribut title peut être utiliser sur les liens pour apporter une information supplémentaire à l'intitulé du lien et nécessaire à la bonne navigation du visiteur. Si le contenu de title est la même que l'intitulé du lien, il ne sert à rien (à part à écrire quelques bits de code supplémentaires).
* L'utilisation de target="_blank" n'est pas vraiment recommandée ; principalement parce que les utilisateurs aiment contrôler leur environnement, et une fenêtre (ou un onglet) qui s'ouvre sans leur avis est un manque de contrôle. Les utilisateurs qui souhaitent ouvrir une page dans un autre onglet savent très bien le faire ; et ce qui ne savent sont en général perturbés par cette ouverture intempestive (en exagérant, si leur petit fils les a bien briffé ils prendont cette nouvelle fenêtre/nouvel onglet pour un virus
).
* Il est dommage d'utiliser un tableau pour la galerie ; un tableau ne se justifie ici ni par la nature des données ni par la complexité de la mise en page.
Modifié par Laurie-Anne (30 Dec 2009 - 15:36)
) me pencher sur le JQuery.
). Mais je suis en train de voir pour faire une formation paye par l'asso ou je bosse.