3253 sujets

Critiques de vos sites: code et design

Http://www.hotelrealdobidos.com/uploads/seroes_medievais.html

Bonjours à tous,

tout d'abord merci à ce site (et évidement à ces créateurs) qui est une mine d'or, et à partir duquel je fait mon auto-formation.

Le site "père" (www.hotelrealdobidos.com) étant deja construit, je ne m'occupe que des pages de promotions de celui-ci, soit:

http://www.hotelrealdobidos.com/uploads/seroes_medievais.html

http://www.hotelrealdobidos.com/uploads/seroes_medievais_galeria_fotos.html

http://www.hotelrealdobidos.com/uploads/noite_de_nupcias.html

j'espère que le portugais ne vous gênera pas trop.

merci
Bonjour et bienvenue sur Alsacréations Smiley smile ,

Je me concentrerais sur la partie html Smiley cligne .

-Des niveaux de titres incohérents et donc une structure pauvre dans tes pages: le premier niveau est h2, suivi d'un h6, introduisant un h3, suivi de multiples h6. Il faudrait revoir cet enchaînement et partir à la recherche des niveaux disparus Smiley cligne et ne pas utiliser ces h6 pour des adresses et des liens.
-Tes lettrines sont très jolies Smiley ravi , mais pourquoi leur donner une alternative via alt, elles sont là pour la décoration et font que le texte global est perturbé dans certaines conditions de lecture: letra G maiuscula Gentis damas, muy nobres cavaleiros, o nosso Alcaide [... ], qu'apporte cette alternative ?
-Le cas inverse: j'observe des niveaux de titre (en image) qui ne sont pas présents dans le contenu sous forme d'image html munie d'un alt, mais qui semblent gérés par une combinaison de background CSS et de span comme Condiç~es....

Plus généralement, c'est graphiquement bien tel quel, mais par contre c'est dommage d'avoir abandonné la charte graphique du site "père", çà serait pas mal de voir l'enchaînement avec cette partie.
merci pour la reception et le commentaire Smiley lol

1º point:
le premier niveau est h2 car en fait il manque une partie! Smiley lol , en parallèle je travailles sur une feuille de style pour l'impression (2 en fait, une avec et l'autre sans images); le h1 sera utilisé pour le titre principal...

pour les adresses, h4 alors?

e pour les liens, travailler donc le css sur les tag <a> n'est-ce pas?

2º point
effectivement tu as raison, je vais modifier ça.

3º point
le site va être refait, theoriquement il devait être près en janvier :o

encore une fois merci
Re bonjour,

re-voila donc les pages avec quelques altérations

Igor a écrit :
Bonjour et bienvenue sur Alsacréations Smiley smile ,

-Des niveaux de titres incohérents et donc une structure pauvre dans tes pages: le premier niveau est h2, suivi d'un h6, introduisant un h3, suivi de multiples h6. Il faudrait revoir cet enchaînement et partir à la recherche des niveaux disparus Smiley cligne et ne pas utiliser ces h6 pour des adresses et des liens.



- j'ai donc supprimé les niveau h6 remplaçant par des balises <p>

- pour le h1, je bosses dessus, mon problème (pour l'instant) est que l'impression n'imprime que les images contenues dans le html, or je voudrais un mode d'impression avec image(où j'utiliserais une autre image en noir sur blanc pour l'option d'impression avec images)

Igor a écrit :


-Tes lettrines sont très jolies Smiley ravi , mais pourquoi leur donner une alternative via alt, elles sont là pour la décoration et font que le texte global est perturbé dans certaines conditions de lecture: letra G maiuscula Gentis damas, muy nobres cavaleiros, o nosso Alcaide [... ], qu'apporte cette alternative ?



bien vu et corrigé Smiley lol

Igor a écrit :


-Le cas inverse: j'observe des niveaux de titre (en image) qui ne sont pas présents dans le contenu sous forme d'image html munie d'un alt, mais qui semblent gérés par une combinaison de background CSS et de span comme Condiç~es....



sans changements pour l'instant, mais je vais essayer une autre technique de "text replacement", qui me permette aussi l'impression

encore une fois merci, et si vous avez des idées quant aux points encore défaillants, n'hésitez pas! Smiley lol
emiliodobrasil a écrit :
mais je vais essayer une autre technique de "text replacement", qui me permette aussi l'impression


Mettre une image html dans le code, c'est simple et pratique Smiley cligne .

édit: j'avais pas vu

Pour le alt de tes lettrines ils est manquant actuellement,
<img src="./imagens_layout/maj_g.jpg">


il faut qu'il soit vide:
<img src="./imagens_layout/maj_g.jpg" alt="">

Modifié par Igor (04 Jul 2007 - 18:20)
Igor a écrit :


Pour le alt de tes lettrines ils est manquant actuellement,
<img src="./imagens_layout/maj_g.jpg">


il faut qu'il soit vide:
<img src="./imagens_layout/maj_g.jpg" alt="">


hups.. corrigé, merci encore Smiley cligne
d'ailleurs je viens de remarquer un point étrange:

sur ces fameux "titres-images", sous FF lorsque je remplace les images par leurs attributs, il n'apparait rien :o

alors que les "alt" y sont, serait-ce à cause du "span" avec display: none mis en css et concernant ce même titre (dans sa version texte et non image)?
Igor a écrit :

-Tes lettrines sont très jolies ravi , mais pourquoi leur donner une alternative via alt, elles sont là pour la décoration et font que le texte global est perturbé dans certaines conditions de lecture: letra G maiuscula Gentis damas, muy nobres cavaleiros, o nosso Alcaide [... ], qu'apporte cette alternative ?


Igor a écrit :

Pour le alt de tes lettrines ils est manquant actuellement,
<img src="./imagens_layout/maj_g.jpg">


il faut qu'il soit vide:
<img src="./imagens_layout/maj_g.jpg" alt="">




Je ne suis pas vraiment d'accord la dessus, mais peut-être que je me trompe, est-ce que quelqu'un pourrait m'instruire ?

Tout d'abord le texte alternatif ne me parait pas si inutile que ça : En effet il n'apporte pas réellement d'information, mais si il n'y en a pas du tout, l'utilisateur risque de se demander si il ne rate pas quelquechose. Il ne pourra pas deviner que l'image manquante (ou qu'il ne peut pas afficher/voir) est une simple lettrine.
Ensuite le alt="" me parait être un bon vieux hack des familles pour passer le validateur W3C. Je pense que si le standard html impose la présence de l'attribut alt, ce n'est pas pour le plaisir d'avoir un attribut en plus sur les images, mais bien pour que TOUTES les images aient un texte alternatif. Pour moi, mettre un alt="" ne présente pas d'intérêt par rapport à ne rien mettre, si ce n'est la satisfaction d'avoir contourné le validateur W3C, et de pouvoir prétendre que son code est valide, alors que dans le fond, il ne l'est pas vraiment.

Voilà, est-ce que j'ai vu juste ? ou bien suis-je totalement à coté de la plaque ? merci ^^
BlueScreenJunky a écrit :

Ensuite le alt="" me parait être un bon vieux hack des familles pour passer le validateur W3C.

Voilà, est-ce que j'ai vu juste ? ou bien suis-je totalement à coté de la plaque ? merci ^^


T'avais une chance sur deux Smiley cligne

C'est un problème d'accessibilité et pas de validation, il y a un souci d'interprétation par les lecteurs d'écrans quand l'attribut alt n'est pas présent quand bien même il n'y a pas de description à mettre et qu'il ne faut surtout pas en mettre. Dans ce cas c'est bien alt="" la bonne solution.
Certains navigateurs, logiciels de revue d'écran, ou de synthèse vocale utilisent le nom du fichier image quand il n'y a pas d'attribut alt (d'où une pollution de l'information) alors que quand on indique alt="", la plupart du temps ils n'indiquent rien, même pas la présence de l'image.
D'accord d'accord, merci pour ces renseignements, donc le alt="" a vraiment un intérêt et est justifié, c'est ce que je voulais savoir.

Merci pour le lien Igor, je bookmark =)
Sujet clos
Aller à