Bonjour à toutes et à tous !
Je viens de créer un site : http://www.cataglyphis.com
Et je viens faire appel à la communauté Hadware.fr pour une requête assez large, puisqu'il s'agit de vous demander plusieurs choses:
 
-Que pensez vous de son ergonomie ?
-Les sujets vous intéressent-ils (malgré le contenu encore léger) ?
-avez vous trouvé des failles (PHP, SQL) ?
-Seriez vous intéressé pour écrire un article dan unes des catégories ?
-Qu'en pensez vous d'un point de vue général (qu'avez vous à reprocher) ?
 
J'attends avec impatientes vos réponses pour faire avancer les choses !
Merci.

Ce sujet a été déplacé de la catégorie Réseaux grand public / SoHo vers la categorie Programmation par Je@nb

Bonjour.
 
 
Je me permets de donner mon avis, quelque peu négatif désolé...
 
- Le photomontage de l'en-tête, trop saturé et mal cadré, n'est pas très beau
- Le logo n'est pas intégré dans cet en-tête
- Le menu : la police est trop petite (donc menu mal mis en valeur), les rubriques sont trop espacées, la police (Arial) est presque la plus banale qui soit (en tous cas pour un menu)
- Dessous : pas fan de ces gros blocs gris en léger relief.
- Il y a du texte qui dépasse sous une image
- C'est quoi ces pubs ?  
- La police Times, c'est encore pire que l'Arial dans les menus
- En bas : le pied de page est illisible
- Il est situé au dessus de la partie à droite, pas bien.
- A droite : les textes débordent sur les images, sur les boutons, sur le pied de page d'à côté
- etc...
 
 
-> Globalement, on ne sait pas de quoi il s'agit. Un site de graphisme 3D ? De jeux ? D'informatique ?
 
La construction globale est "ok" (mais je n'ai pas été voir dans le CSS)
 
 
Désolé si c'est plutôt négatif...  

Je rajouterai qu'il ne faut surtout pas utiliser de format BMP pour les images, privilégie les jpg pour les photos et png pour autres types d'images.

le bitmap est trop lourd, en le passant en jpg on passe à de 500ko à 50ko
idem pour ton fond BHF.png, en l'optimizant correctement (option optimiser pour le web de photoshop) je passe ton image de 500ko à 51ko

je gagne 900 Ko sur ta page en 2 actions
passe tous tes png dans PNGOptimizer tu gagneras du poids sur tes pages et ton serveur s'en prendra moins dans la gueule

Tout d'abord Merci à l'admin pour la redirection, et à vous tous pour m'avoir répondu !

-> toum_toum, en ce qui concerne les débordements, je suis confus je n'en vois pas avec mes navigateurs, pourrait tu s'il te plait me dire quel est le tien ( et sa version): histoire de comprendre ou est le pb !
EDIT: J'ai réparé quelques bugs potentiels, est-ce que ça arrange les choses ?

Sinon voila ce que j'ai fait:
- Le photomontage de l'en-tête, trop saturé et mal cadré, n'est pas très beau
--désaturée recadrée

- Le logo n'est pas intégré dans cet en-tête
-- Logo intégré

- Le menu : la police est trop petite (donc menu mal mis en valeur), les rubriques sont trop espacées, la police (Arial) est presque la plus banale qui soit (en tous cas pour un menu)
--nouvelle police et taille

- Dessous : pas fan de ces gros blocs gris en léger relief.
--Moi non plus , mais j'ai pas trop d'idées...

- Il y a du texte qui dépasse sous une image
--oups... jvois pas  
 
- C'est quoi ces pubs ?
-- Pour essayer de rembourser un morceau serveur (j'y suis presque) !

- La police Times, c'est encore pire que l'Arial dans les menus
-- enfaite c'etait pas  times mais Eras ITC (vue qu'elle est pas connue ca donne du times si on l'a pas dans Fonts), je m'en vais changer cela !

- En bas : le pied de page est illisible
- Il est situé au dessus de la partie à droite, pas bien.
- A droite : les textes débordent sur les images, sur les boutons, sur le pied de page d'à côté
--oups... jvois pas, mm pb  

Pour le contenu, il y aura principalement de tutos (surtout Blender, je pense. mais aussi photoshop, after Effects...) Et l'actu ( Web et Sociale).

Mais sinon, n'hésite pas à donner ton avis, même si c'est négatif    .

->gatsu35, Merci énormément pour l'optimisation. J'ai dl PNGOptimizer, de vais m"éclater    !

En attendant tous vos autres conseils !

tu n'as touours pas remplacé le BMP du gamin qui joue de l'accordeon par un jpg
 
aller hopp au boulot

PWND !
Voila monsieur !

Re    
 
 
 
Il reste encore 2 ou 3 personnes dans le Monde qui utilisent par moments Internet Explorer.
Et justement unr de ces 3-là vient de m'envoyer des captures d'écran de cette page :
 
 

 

 

 
 
Donc il y a certaines choses "bizarres"  pour ce navigateur

J'ai exactement le même souci sous FF3, lorsque JS est désactivé.

Et la mise en forme d'une page qui se fout en l'air en fonction de l'état de JS... ça craint

Edit : Sinon je voudrais rebondir sur ça :

Ça ne donne pas très envie de lire des tutos photoshop & co sur un site aussi peu présentable graphiquement. Car franchement, le rendu général du site fait un peu web'97

Je vais peut être changer le slider alors ;(
mais je sais pas si ca vaut vraiment le coup.
C'est gentil de me montrer ce bug, mais en même temps chui pas le seul à planter sans JS !
Je pense à:
http://www.spi0n.com/blog/
http://www.carrefour.fr/
http://www.nasa.gov/
http://www.montpellier.fr/
et tant d'autres ...
 
Sinon qu'est-ce que t'appelles "aussi peu présentable graphiquement" ?
Et c'est quoi web'97 ?

 
Pour ces sites oui sauf pour carrefour, car carrefour reste visuellement propre, et bien foutu, seul les contenus cachés sont affichés (ce qui doit etre le cas quand on a pas de JS).
 
Toi ton site part totalement en live, et ce n'est pas parce que d'autres sites se cassent la gueule que le tien a le droit de se casser la gueule

Affirmatif !
Je suis en train d'essayer d'arranger ça, mais je vois pas comment faire !
Parce qu'un script en javascript pour voir si le javascript est activé c'est bidon !    
Si t'as une idée...

 
Huhu, monsieur défends son code

Nan, je viens de le changer

Et voila!!!!
Alors, qu'est-ce que vous en pensez ?

Alors:
 
il n'y a tjs aucune cohérence graphique (typos et couleurs mal choisies, entre autre)
 
 
et c'est bien de vouloir coder en xthml strict mais encore faut-il le faire de façon logique et rigoureuse
 
pour infos les noms de balises (et les attributs)  DOIVENT être en minuscule  
 
http://validator.w3.org/check?uri= [...] ne&group=0
 
 
bon courage pour la suite !

Je suis pas vraiment connaisseur en programmation, donc je dirais rien de ce côté là. Mais graphiquement je trouve ça plutôt joli, le fond est à la fois sobre et agréable, la bannière est assez esthétique. Le slider apporte de la légèreté à l'ensemble, il n'a besoin que d'un peu plus de contenu dans le site.

merci

Aux nouvelles ...
Bon, j'ai réparé pas mal de choses, le site est Valide XHTML 1.0 Strict, et j'ai aucun bug avec tout mes navigateurs...
Le slider est passé en absolute pour sortir du tableau, et c'est sensé être bon !
à vous de me dire

Qq points qui ne vont pas
- utilisation de balises obsolètes telles que <b> (faut utiliser les balises pour leur sémantique et non leur représentation graphique) -> ici, préférer <strong> à <b>
- certaines mises en page par tableaux
- attributs alt et title des <img> par enseignés
- attribut title des liens <a> pas renseigné
- trop de styles mis dans l'attribut "style"
- javascript intrusif (c'est-à-dire mis direct dans des balises html)
 
En +, tout ça fait que ça rend ton site non accessible aux personnes handicapées visuelles.

Merci,
c'est réparé pour le tableau et le <b>.
Pour le JS, si tu parles de ça :

je pe pas faire autrement, si je veux rester XHTML 1.0 strict Valide    
 
sinon, d'autres idées ?

Externaliser le JS comme ça :

est une bonne pratique (idem pour les CSS) mais du JS intrusif c'est pas ça, c'est quand ton site ne fonctionne pas correctement si JS est désactivé (par exemple je peux accéder à la page "Actualité / Internet" de ton site même si le menu déroulant ne fonctionne pas sans JS, il me faut cliquer sur la cat. Internet à la fin d'un article. Bon c'est lourd, pas ergonomique du tout et bien moins pratique qu'un menu secondaire une fois arrivé sur la page Actu mais en théorie on peut)
 

Et ça sert à quoi un attribut title sur une image ? (OK pour alt qui est obligatoire - vide pour une image de déco, correctement renseigné sinon - et extrêmement important quand l'image est seule dans un lien vu que sinon le lien est vide ou que c'est l'adresse de l'image qui va être lue )
 

Je vois un seul endroit (deux ?) dans la page d'accueil où il en faut un, c'est "ici" (ici quoi ?) mais plutôt que de corriger avec un title ce lien mal rédigé, il vaudrait mieux mettre un lien sur le texte "Tout sur le hardware ici".
Garder le title sur "Le déblocage des coeurs" (title actuel : "Le déblocage des coeurspour les Phenom II" ) OK parce qu'on parle pas du coeur humain
 
Tous les autres title devraient être supprimés puisqu'un title doit toujours apporter une information qui ne figure pas dans le texte du lien (en reprenant le texte du lien + l'info supplémentaire).
Si un title est identique au texte du lien, c'est qu'il est inutile donc doit être supprimé.
'fin la priorité c'est surtout de n'avoir aucun lien vide et aussi de pas mettre un lien sur un paragraphe de 5 lignes (les gens cliqueront sur le titre au-dessus, il est assez gros et ils ont l'habitude)

 
Du javascript intrusif, c'est ça :

C'est avoir du JS dans des attributs de balises html.
 
Le title sur une image permet de mettre une légende (c'est donc utile aussi aux personnes qui voient bien), ex : Photo prise en montage de untel et untel, le xx/xx/xxxx. Si on voulait vraiment faire un site accessible, il faudrait en plus utiliser l'attribut longdesc.
 
Le title sur un lien doit bien entendu être différent du texte écrit entre les <a> et </a> et apporter une info complémentaire, utile. Parfois, faut se creuser un peu (bien souvent parce qu'on n'a pas pris le réflexe de le faire).
 
Si je dis tout ça, c'est parce que j'ai été sensibilisé aux pbs que rencontrent les personnes handicapées sur le web et que j'ai eu aussi une formation sur l'attrait visuel et rédactionnel des pages web (surtout de l'ergonomie).

Mais pourquoi ne regardes-tu pas comment ton site se comporte sous IE 7 ?  
 

Si la question s'adresse à moi, je répondrais simplement "parce qu'il ne respecte pas les normes du w3c, donc je m'en tape d'IE7 ainsi que de toute sa lignée"  

ben tu es donc un boulet pas capable de prendre en charge certains navigateur et meme pas foutu de proposer dans ce cas une version dégradée mais potable

ben sur mon IE 7 de vista, mon site est largement exploitable et à peu près en forme, j'ai pas vu de pb vraiment gênant
Et comme c'est un site perso, je cherche pas à faire du trafic. A ce moment là, pourquoi ne pas chercher à prendre en compte aussi IE 6 encore très utilisé en entreprise?
Y'a des normes, je m'y conforme, aux navigateurs web de faire de même, c'est tout. A mon sens, tant que les développeurs web chercheront encore à faire en sorte que leur site fonctionne sur des navigateurs ne respectant pas les normes (IE en fait principalement), Microsoft ne verra pas pourquoi il ne changerait sa politique et se conformer aux normes du w3c. De mémoire, en 2002, IE représentait pas loin de 95-96% des parts de marché. Aujourd'hui, il est à 65% il me semble. Les temps ont donc bien changé.
 
Et je préfère faire un site accessible à tout le monde (je compte les personnes malvoyantes), quitte à ce que ceux qui ont IE soient obliger de passer par Firefox (et en entreprise, il est possible d'utiliser la version portable).

Ton voeu est exaucé !
 
IE8 respecte CSS2.1 au moins aussi bien que ses concurrents ...
 

Qu'est-ce qui empêche de faire les deux ?    
Tu peux faire un site en tableau et être accessible alors c'est pas IE qui va t'en empêcher. Surtout que la plupart des outils existants d'AT (Assistive Technology) se greffent encore sur IE (Jaws pour les non-voyants mais aussi des loupes d'écran, etc)

Non non ça s'adressait à l'auteur du site...    mais qui visiblement n'est plus par ici

 
Le lecteur d'écran va péter un câble avec un site côté en tableau. La plupart de temps, il va lire le contenu ligne par ligne alors qu'en fait, il devrait le lire en colonne Et d'un point de vue technique, ça rajoute du code source inutilement (donc gaspillage de la bande-passante pour le serveur).

 
si si, me revoilà, dsl pour le retard   !
J'ai créé un "Google #Randomizer", je trouve le concept assez sympa, et vous laisse découvrir :  http://www.cataglyphis.com
Qu'en pensez vous ?
comment éventuellement améliorer la fenêtre sur fond gris ?
NB: J'ai pas testé avec des "vieux" Navigateur :s ...
merci pour les conseils.