Vos avis : Bd/Livres Psychovision

Bonjour

Etant webmaster amateur, je me permet de vous demander vos avis sur un de mes sites, celui sur la littérature fantastique

http://bd-livres.psychovision.net

Bon l'avis sur le design m'interresse mais c'est surtout le code, que j'ai bricolé (en partie grace a alsa), qui a besoin de vos avis pointilleux

Salut, je lance le 1er avis.
Alors pour critiquer le code, je te conseillerais d'utiliser des listes de liens pour tes menus plutot que des <br /> pour les séparer.
Donc en gros essai d'améliorer la sémantique, des <p> pour des paragraphes, des <ul> pour des listes de liens (menus) etc...
Sinon je trouve ça simple, fonctionnel, donc pas mal.

Salut,

Je trouve que le menu n'est pas suffisamment contrasté. De plus le :hover souligne en noir et diminue encore la lisibilité.
Ton pied de page est très lourd, je te suggère de regrouper toutes ces infos at d'autres, dans une page d'infos légales.

Je ne parlerais pas du code mais la remarque de djal est pertinente.
Tu pourrais en profiter pour agrémenter tes pages de liens d'évitement et de raccourcis clavier pour en améliorer l'accessibilité.

Bonjour,

je n'ai visité que la page d'accueil, mais j'ai un peu les mêmes remarques <ul> et <li> à la place des <br />, et puis évite les libellés de liens comme "cliquez ici" car quand on tombe dessus avec la touche tab on n'a pas forcément lu le texte juste avant qui indique de quoi il s'agit.

Merci pour vos conseils

J'ai modifier le "cliquez ici" et aussi les <ul> et <li>...
Pour le pied de page, c'est vrai que ça encombre un peu les pages ! je vais y reflechir.
Pour le menu de gauche je pense le refaire des que j'ai un peu de temps

a écrit :
De plus le :hover souligne en noir et diminue encore la lisibilité.

Tu parles du menu horizontal ?

a écrit :
Tu pourrais en profiter pour agrémenter tes pages de liens d'évitement et de raccourcis clavier pour en améliorer l'accessibilité.

C'est à dire ?

a écrit :
des <p> pour des paragraphes

Je vais poser une question bete mais pour qu'elle raison il vaut mieux faire des paragraphes plutot qu'utiliser des br ?
C'est juste pour bien etre organiser ou y a autre chose ?

En parlant des <br/>, dans la page d'accueil pour les dernieres mise a jour, je met des images et pour separer les bd des romans, je mets pein de <br/>, je ne pense pas que ça soit conseillé, qu'elle est la meilleure solution de remplacement ?

Salut gregore,
Je n'ai pas été assez précis. C'est du menu horizontal vert foncé dont je parle. Les caractère sont en noir et de plus au survol de la souris ils se soulignent de noir. Ce graphisme n'est pas suffisamment contrasté et pour certaines personnes il sera peu ou pas lisible.
Les liens d'évitement constituent un menu d'accès rapide au contenu de ta page pour les personne qui ne naviguent pas à la souris.
Pour toutes les personnes atteintes d'un handicap la structuration de la page est très importante car elle va donner un "sens" au contenu. C'est ce qui détermine la sémantique de la page. Cette sémantique est soutenue par des balises HTML. Si tu fais une suite de <br />, ça ne donne aucun sens. Par contre si ton texte est encadré par une balise <p></p> l'utilisateur, sait que c'est un paragraphe.
Si tu es obligé d'écrire une rafale de <br /> pour créer des espacements, il est peut être temps de t'interroger sur ta CSS et de constituer des blocks qui contiendront tes éléments que tu pourra styler plus précisément.
Modifié par papyjo (02 Oct 2005 - 15:19)

merci je vais faire des paragraphes alors, mais bon pas desuite il faut que je refasse toutes les pages du coup

a écrit :
de constituer des bmocks

en gros le mieu c'est de créer un bloc pour chaque partie ?
Comme ça j'ouvre mon bloc je met les mise ajour bd, je referme, et j'en réouvre un autre pour les romans, et dans mon css je met l'ecart entre les deux dans les caracterisitiques du bloc.

Mais pour mes pages contenant la liste des bds : http://bd-livres.psychovision.net/bds/p-menu.php

<a href="prince-de-la-nuit-1-001.php"><img class="icon" src="p-menu/prince1.jpg" alt="Le prince de la nuit, Tome 1" /></a> 
    <a href="prince-de-la-nuit-1-001.php">Prince de la nuit (Le), Tome 1</a>
    	<br/>
		<br/>
		1994<br/>
		<br/>
		Yves Swolfs<br/>
		<br/>
	<a href="prince-de-la-nuit-2-007.php"><img class="icon" src="p-menu/prince2.jpg" alt="Le prince de la nuit, Tome 2" /></a> 
    <a href="prince-de-la-nuit-2-007.php">Prince de la nuit (Le), Tome 2</a>
    	<br/>
		<br/>
		1995<br/>
		<br/>
		Yves Swolfs<br/>
		<br/>

Le mieu c'est de faire des paragraphes qui m'enleveront les <br/> et de créer eventuellement un bloc par lien
Modifié par gregore (02 Oct 2005 - 15:27)

Le mieux c'est de faire une lite de définition : dl-dt-dd .

<dl>
<dt><a href="prince-de-la-nuit-1-001.php"><img class="icon" src="p-menu/prince1.jpg" alt="Le prince de la nuit, Tome 1" /></a> 
<a href="prince-de-la-nuit-1-001.php">Prince de la nuit (Le), Tome 1</a></dt>
<dd>1994</dd>
<dd>Yves Swolfs</dd>
<dt><a href="prince-de-la-nuit-2-007.php"><img class="icon" src="p-menu/prince2.jpg" alt="Le prince de la nuit, Tome 2" /></a> 
<a href="prince-de-la-nuit-2-007.php">Prince de la nuit (Le), Tome 2</a><dt>
<dd>1995</dd>
<dd>Yves Swolfs</dd>
</dl>

merci je vais me motive pour tout modifier

Sinon pour en revenir au message d'avant...

J'ai créé un bloc

. bloc {
}

Deja est-ce que je peux mettre un bloc sans caracteristique ? car en fait je n'ai besoin de rien et normalement il va prendre toute la largeur du conteneur

et apres j'inclu mes photos dedans :

<div class="bloc">
<a href="bds/chronique-des-immortels-1-023.php"><img class="icon" src="bds/c-menu/chronique-immortels-1.jpg" alt="Chronique des Immortels (La), Tome 1" /></a>
<a href="bds/chronique-des-immortels-1-023.php"><img class="icon" src="bds/c-menu/chronique-immortels-1.jpg" alt="Chronique des Immortels (La), Tome 1" /></a>
</div>

Le seul soucis c'est que ça marche pas
sous IE c'est nickel, mais sous firefox je dois qd meme mettre des BR
Modifié par gregore (04 Dec 2005 - 16:31)

Suite à vos conseils j'ai modifié une partie de mon site et j'ai refait le menu de gauche

Pour les listes de def, j'ai bien noté je le ferais plus tard, pour le menu horizontal je le garde comme ça