Votre avis sur mon site ?

Bonjour à tous,

Il y a quelques semaines j'ai eu une crise de "standardisation aigüe"... Voulant tester Itseasy, un CMS respectant au mieux les standards et vraiment très libre dans les modifications (contrairement à phpNuke par exemple), et promouvoir quelque chose que moi-même ne respectais pas (et ne respecte toujours pas) sur mon site, je me suis fait un petit site.

Celui-ci à donc pour but de regrouper des informations, libres, sur les "nouveaux" langages du web, à la mode en ce moment, afin de sensibiliser les webmasters. C'est aussi une sorte d'épreuve pour moi, dans le but de tester mes capacités en PHP, xHTML et CSS... Le site est logiquement en perpétuelle évolution, et sa conception est telle qu'il peut changer de peau en un clin d'oeil. Normal me direz-vous, c'est là le but du CSS/xHTML.

J'aimerai donc votre avis sur ce petit site sans prétentions. Tant au niveau du design, du concept que du contenu. Evidemment, on peut me reprocher beaucoup de choses : j'utilises un CMS, le contenu n'est pas de moi, et le design n'est pas génial... Mais je tiens justement à préciser que Itseasy à été énormément modifié (plus que ce qui est apparent), que j'ai participé à la rédaction du contenu de certaines pages, sur Wikipédia (qui sont donc reprises par mon site), et que le design est volontairement simpliste.

Merci d'avance à tous !
Joffrey

[ Édité par Stephan ]
Modifié le 30 Nov 2004 - 03:37

En ce qui concerne h/ttp://www.astuces-win.com/

Aide / Règles a écrit :

15- Le spamming est totalement interdit.
Tout sujet ayant un but publicitaire (site commercial ou autre) sera immédiatement censuré. Les messages comportant des liens ayant pour but de tester un site sont tolérés si c'est pour recevoir des conseils.

Donc, je supprime le lien (les gens pouvant toujours le consulter dans ta signature).

Pour "notre avis sur ce petit site sans prétentions" j'ajoute ici le lien : http://pickupjojo.free.fr/
Modifié le 30 Nov 2004 - 07:29

Le site est Valid XHTML 1.0 Strict! et ça, c'est déjà très bien.

Pourquoi pas un vrai fil d'ariane (Breadcrumbs) ?

<div class="localisation">Navigation :
<a href="./index.php">The World of Pickupjojo</a></div>

Ici je placerais le lien dans un vrai header <h1> et mieux encore, je placerais l'image en background.

<div class="header">
<a href="http://pickupjojo.free.fr" tabindex="500"><img src="./themes/lightblue/images/titre.jpg" alt="The World of Pickupjojo" title="The World of Pickupjojo" height="180" width="750" /></a>
</div>

Au lieu des sélecteurs de "class" ...

<div class="gauche">
 <div class="block_sommaire_gauche">
  <p></p>
  <ul>
   <li></li>
  </ul>
 </div>
</div>

...utiliser des "id" pour les principales sections.

<div id="gauche">
 <p></p>
 <ul>
  <li></li>
 </ul>
</div>

Ceci simplifiera le CSS :

#gauche p { 
}
#gauche ul { 
}
#gauche li { 
}
#gauche li a { 
}

etc...

Attention au bon usage des niveaux de titre. <h1> devrait être utilisé pour les principaux en-tête de page.

<h1>Liens utiles</h1>

Parlant liens, la couleur des liens interfère avec la couleur des titres, laissant faussement croire que ces derniers sont également des liens.

Ce serait bien d'avoir des liens vers les validateurs ou ressources :
[ XHTML 1 Strict | CSS 2 | WAI 2 | PHP ]

Pourquoi rendre ce lien public ?
http://pickupjojo.free.fr/0sys_connexion_administration.php

Je suggère également que tu places les citations dans des <blockquote>.

L'usage de "tabindex" donne t-il le résultat désiré ?

Beau travail ! Très agréable visuellement.
Modifié le 30 Nov 2004 - 08:01

Désolé pour le spam, je n'avais vraiment pas vu cela comme ça !

Merci pour ton analyse très détaillées, dès que j'ai un peu de temps de m'empresse de corriger le maximum de choses. Je vais revoir surtout pour les id au lieu des class, les liens sur les validateurs, et les couleurs.

Encore merci !

Stephan a écrit :

Au lieu des sélecteurs de "class" ...

...utiliser des "id" pour les principales sections.

Ceci simplifiera le CSS :

Petite question...
En quoi ça simplifie le CSS de remplasser les class par des id ? Je pige pas bien la différence fondamentale entre les 2...
Si qq'1 pouvait m'éclairer...
(moi je mets des class partout et j'utilise jamais de id sauf pour les form )

Merci

Ici

Mais bon c'est vrai qu'on à quand même tendance a utiliser les class

oki je comprend mieux

Bah un ID est tout simplement plus adapté à une zone logique d'un document, en général ces zones sont uniques, donc l'id est à utiliser.
La tendance de certains à utiliser les class plutot que les id, est selon moi plutot inadapté voire, mauvaise.

ElMoustiko a écrit :
Bah un ID est tout simplement plus adapté à une zone logique d'un document, en général ces zones sont uniques, donc l'id est à utiliser.
La tendance de certains à utiliser les class plutot que les id, est selon moi plutot inadapté voire, mauvaise.

Pourquoi?

jb_gfx a écrit :

Pourquoi?

Exemple fictif pour les ancrages :

<a href ="#gauche">passer la navigation</a>

Bah je vais te faire une comparaison :
En html pour faire un titre tu utilise un <hN>, là on est d'accord, pour faire un paragraphe, tu utilises un <p>, jusque là ça ne te pose pas de problèmes ? okay.

Bon, un id c'est fait pour nommer/désigner un élément unique, comme un header, qui est unique dans une page, et une class sert à nommer/designer plusieurs éléments, donc l'utilisation des class pour les zones logiques d'une page sont inadaptées tout comme <p> est inadatpé pour un titre.

On utilise les choses pourquoi elles sont faites, c'est tout.

Au delà de ça, en nommant ton menu avec un id, tu peux y accéder directement via #id_menu dans l'url.