Que pensez-vous de ce site que je viens de réaliser
http://www.jazzitudes.com
Merci d'avance
Modifié par octavez (24 May 2006 - 02:02)
http://www.jazzitudes.com
Merci d'avance
Modifié par octavez (24 May 2006 - 02:02)
3246 sujets
Critiques de vos sites: code et design
Bonjour
Pourquoi pas une vraie liste à puces ?
Ici on a un trait d'union qui fait office de puce, puis une image qui fait également office de puce.
Le trait d'union est superflu.
Pour information, j'ajouterais le format et la taille du fichier :
Dans la page liens : Musique en Normandie, « Musique » sans le (s).
Là je n'utiliserais pas la liste à puces.
Va voir la page en basse résolution (800x600) et sans feuille de style.
Tu devrais comprendre
Ici, je m'attendrais à voir au minimum :
Parce que l'attribut alt="" doit fournir un texte « alternatif » à l'image.
Puis, l'attribut alt="" n'est pas optionnel mais obligatoire.
Il faut donc revoir ceci :
Faudrait voir à différencier les liens (menu, etc...) du texte normal soit en leur attribuant une couleur différente, soit en les soulignant, soit les deux.
N'oublies pas que « toutes » les images doivent avoir un attribut alt="".
Graphiquement, c'est un peu pauvre.
Peut-être que l'ajout d'une simple bannière serait un plus ?
L'affiche « Jazzitudes » t'offre une palette de couleurs vraiment incroyable.
C'est très « Jazz ». T'as pas idée de la chance que tu as !
Un petit « favicon » avec ça ?
<p>-Instrumentistes (tous instruments) ou chanteurs<br />
-Niveau débutant en Jazz, avancé ou semi-professionnel<br />
-Quatre ans de pratique instrumentale au minimum<br />
-Bois, Cuivres: lecture indispensable <br />
-Guitare, Basse, Batterie, Percussions: savoir déchiffrer une grille d'accords</p>
Pourquoi pas une vraie liste à puces ?
- <a href="adhesion.pdf"><img src="images/pdf.gif" alt=""/> Téléchargez le bulletin d'adhésion à l'association Si Bémol .</a><br />
<br />
- <a href="plaquette.pdf"><img src="images/pdf.gif" alt=""/> Téléchargez la plaquette d'inscription au stage 2006.</a><br />
<br />
Ici on a un trait d'union qui fait office de puce, puis une image qui fait également office de puce.
Le trait d'union est superflu.
Pour information, j'ajouterais le format et la taille du fichier :
Téléchargez le bulletin d'adhésion à l'association Si Bémol (Document pdf, 312 Ko).
Dans la page liens : Musique en Normandie, « Musique » sans le (s).
<ul id="galerie_mini">
<li><a href="images/photos/img1.jpg" title="Jazzitudes 1"><img src="images/thumb/img1.jpg" alt="Jazzitudes 1" /></a></li>
<li><a href="images/photos/img2.jpg" title="Jazzitudes 2"><img src="images/thumb/img2.jpg" alt="Jazzitudes 2" /></a></li>
<li><a href="images/photos/img3.jpg" title="Jazzitudes 3"><img src="images/thumb/img3.jpg" alt="Jazzitudes 3" /></a></li>
<li><a href="images/photos/img4.jpg" title="Jazzitudes 4"><img src="images/thumb/img4.jpg" alt="Jazzitudes 4" /></a></li>
<li><a href="images/photos/img5.jpg" title="Jazzitudes 5"><img src="images/thumb/img5.jpg" alt="Jazzitudes 5" /></a></li>
<li><a href="images/photos/img6.jpg" title="Jazzitudes 6"><img src="images/thumb/img6.jpg" alt="Jazzitudes 6" /></a></li>
<li><a href="images/photos/img7.jpg" title="Jazzitudes 7"><img src="images/thumb/img7.jpg" alt="Jazzitudes 7" /></a></li>
</ul>
Là je n'utiliserais pas la liste à puces.
Va voir la page en basse résolution (800x600) et sans feuille de style.
Tu devrais comprendre
<img src="images/001.jpg" width="317" height="450" alt="Stage Jazz Jazzitudes" />
Ici, je m'attendrais à voir au minimum :
<img src="images/001.jpg" width="317" height="450" alt="Jazzitudes Lisieux du 20 au 26 août 2006" />
Parce que l'attribut alt="" doit fournir un texte « alternatif » à l'image.
Puis, l'attribut alt="" n'est pas optionnel mais obligatoire.
Il faut donc revoir ceci :
<div class="partenaires"><img src="images/lisieux.jpg" /> <img src="images/bn.jpg" /><img src="images/caf.jpg" /><img src="images/calvados.jpg" /><img src="images/cap.jpg" /><img src="images/communaute.jpg" /><img src="images/credit-mutuel.jpg" /><img src="images/ford.jpg" /><img src="images/honfleur.jpg" /><img src="images/ministere.jpg" /><img src="images/sacem.jpg" /><img src="images/spedidam.jpg" /></div>
Faudrait voir à différencier les liens (menu, etc...) du texte normal soit en leur attribuant une couleur différente, soit en les soulignant, soit les deux.
N'oublies pas que « toutes » les images doivent avoir un attribut alt="".
Graphiquement, c'est un peu pauvre.
Peut-être que l'ajout d'une simple bannière serait un plus ?
L'affiche « Jazzitudes » t'offre une palette de couleurs vraiment incroyable.
C'est très « Jazz ». T'as pas idée de la chance que tu as !
Un petit « favicon » avec ça ?
Bonjour,
D'un point de vue design, pour un site pro, je trouve que ça manque un peut de recherche. Je trouve ce site minimaliste. Peut etre qu'avec un peut plus d'image purement pour le design, le site parraitrait mieux.
Pour ce qui est du contenu, il est plutot complet, et pour la programmation, ça passe au w3c, j'aurais pas assés de competence pour en dire plus ^^
Bonne continuation.
D'un point de vue design, pour un site pro, je trouve que ça manque un peut de recherche. Je trouve ce site minimaliste. Peut etre qu'avec un peut plus d'image purement pour le design, le site parraitrait mieux.
Pour ce qui est du contenu, il est plutot complet, et pour la programmation, ça passe au w3c, j'aurais pas assés de competence pour en dire plus ^^
Bonne continuation.
Bonjour,
Pour faire rapidement, ca manque un peu de structure, les textes et photos sont un peu mélangées (page d'accueil), les photos passent sur les filets séparateurs (page profs)...
Le Jazz étant une musique vivante, pourquoi choisir un gris très neutre accompagné de blanc ?? Ne serait-il pas plus agréable d'avoir quelques vraies couleurs ?
Sinon concernant le texte, sur la page concert par exemple, j'ai pas envie de lire, car tout est blanc, quasiment à la même taille, avec les mêmes écarts entre les lignes, etc. Ca manque un peu de hiérarchisation de l'information. Il serait bon d'augmenter les écarts entre les différents niveau x de lectures. Soit par la taille de la police, soit par sa graisse, soit par une couleur différenciatrice, soit par un cadre ou une bordure, soit une combinaison de tout cela.
Voilà tout ce que je peux en dire en l'état.
Pour faire rapidement, ca manque un peu de structure, les textes et photos sont un peu mélangées (page d'accueil), les photos passent sur les filets séparateurs (page profs)...
Le Jazz étant une musique vivante, pourquoi choisir un gris très neutre accompagné de blanc ?? Ne serait-il pas plus agréable d'avoir quelques vraies couleurs ?
Sinon concernant le texte, sur la page concert par exemple, j'ai pas envie de lire, car tout est blanc, quasiment à la même taille, avec les mêmes écarts entre les lignes, etc. Ca manque un peu de hiérarchisation de l'information. Il serait bon d'augmenter les écarts entre les différents niveau x de lectures. Soit par la taille de la police, soit par sa graisse, soit par une couleur différenciatrice, soit par un cadre ou une bordure, soit une combinaison de tout cela.
Voilà tout ce que je peux en dire en l'état.
salut,
pour ma part, je pense que tu devrais revoir les sections avec un scrolling vertical ("prof",...).
Peut être il serait plus judicieux de mettre tes textes dans une <div> avec l'attribut overflow... ou alors un menu deroulant.
Cela te permettrais de garder une taille fixe pour toutes pages, ce qui pour ma part je pense plus "propre".
Pour la même raison, une justification de tous tes textes serait un plus.
à toi de voir.
Modifié par hophop (24 May 2006 - 13:56)
pour ma part, je pense que tu devrais revoir les sections avec un scrolling vertical ("prof",...).
Peut être il serait plus judicieux de mettre tes textes dans une <div> avec l'attribut overflow... ou alors un menu deroulant.
Cela te permettrais de garder une taille fixe pour toutes pages, ce qui pour ma part je pense plus "propre".
Pour la même raison, une justification de tous tes textes serait un plus.
à toi de voir.
Modifié par hophop (24 May 2006 - 13:56)
Coucou ^^
Moi j'adooooooore. En fait j'aime bien les sites simples et clairs et il est donc tout à fait dans mes gouts
Juste (au niveau design hein) j'ai eu 2 petits trucs qui m'ont "géné" (heu je sais pas comment dire ça ^^) :
- L'affiche à gauche
- La section photo : Tout est assez grand et clair et quand on arrive dans la section on retrouve des tous petits carrés. Ca fait bizzar.
En tout cas félicitations ^^
Moi j'adooooooore. En fait j'aime bien les sites simples et clairs et il est donc tout à fait dans mes gouts
Juste (au niveau design hein) j'ai eu 2 petits trucs qui m'ont "géné" (heu je sais pas comment dire ça ^^) :
- L'affiche à gauche
- La section photo : Tout est assez grand et clair et quand on arrive dans la section on retrouve des tous petits carrés. Ca fait bizzar.
En tout cas félicitations ^^