Salut, je suis le webmaster de GameKaz, je travaille actuellement sur la nouvelle version de mon site,le site tourne maintenant depuis presque 2 ans, et cette nouvelle version sera la 4ème. Afin d'éviter tte erreur dans sa création et de développer un site adapté à la majorité des visiteurs, je fais appel à vous pour me conseiller dans sa création.
 
A l'heure actuelle j'en suis à l'élaboration de la maquette, voici le résultat: http://gplus.4zel.free.fr
 
Merci d'avance

réduis la place pour les articles et augmente celle pour les news

J'espère que le code source est bien foutu Conforme, sans tableaux, mise en page en CSS

Pour le moment ce n'est qu'une simple image réalisé sous photoshop, il faut que le la découpe. Après j'utiliserai des tableaux pour tt réunir

Non tu n'utilisera pas de tableaux Les tableaux c'est pas fait pour la mise en page

J'utilise quelle méthode alors???

CSS

Tu as de bon site proposant des tuto à me conseiller? car ma connaissance en CSS est assez limitée.
Quels sont les atouts du CSS face aux tableaux?

http://css.alsacreations.com/
http://openweb.eu.org/css/
 

Merci mais tu n'as pas répondu à ma 2eme questions  

Article intéressant là-dessus

OK, merci pour l'article, je crois que j'avais me lancer dans le CSS ^^, merci

J'ai posté ce topic également pour avoir des conseils et des remarques sur la mise en page du site
 
Merci pr ta remarque fabiensensei, pour le moment ce n'est qu'une maquette mais plus de news seront affichées, je pense 10 pour la section jv, 5 pour la section cinéma et manga/japanim, sachant que chaque section aura sa propre page d'accueil. Avec plus de news.

Je trouve personnellement que, vu que les menus, images et tout le reste sont assez imposants, ben l'espace s'en voit réduit quoi. Je comprends que tu veuilles être OK pour un max de visiteurs mais je trouve l'espace "utile" un peu petit. Je le ferais plus large moi le site. Quitte à ce que les 640x* soit un peu emmerdés. Ou alors t'enlèves quelques trucs et tu fais le site "plus long", si tu vois ce que je veux dire.
 
Sinon, j'aime assez l'interface. Je trouve les titres "a ne pas manquer", "jeux video", etc. un peu flous et pas très visibles. Tout comme les menus oranges, pas bien intégrés (sans doute dû au flou sur les bords). Sinon, rien à dire.
 
EDIT: ah, et le "V.4" tout en bas ressemble plus à un "U.4" qu'autre chose.
EDIT 2: je mettrais "publicité" au lieu de "publicités".

 
Oui lol  
 

 
Tu voudrais que je comble l'espace par quel type d'information?
Mais en faite je compte faire des "sous accueil" pour chaque section. Donc sur le meme principe que l'accueil général dont j'ai fais la maquette, tu n'aurais que des informations relatives aux JV, donc le contenu centrale se diviserai en 2 avec à gauche beaucoup plus de news et sur la partie droite plus liens vers les articles publiés. Je sais pas si j'ai étais super clair...

Je comprends. L'idée n'est pas de supprimer de l'information, mais simplement d'aérer un peu le tout. Au lieu de mettre 4 menus sur la même ligne tu les répartis en 2 lignes. Si tu me suis.
 
Personnellement, je mettrais les zones "sondages", "partenaires" et "publicité" en bas, et j'agrandirais un peu les zones "jeux video", "manga" et "cinema"...
 
A+

merci de tes conseils je vais faire quelques tests et voir le rendu
 
PS:

 
Lol oui je t'ai perdu  

Arf, ça me paraît pourtant clair.
Au lieu d'en mettre 3 sur la même ligne (ton cas - Jeux Video, Manga et Connexion), t'en mets que 2 avec plus de place (Jeux Video et Manga) et tu mets le 3e sur en dessous (Connexion). Tu me resuis?

Mais Connexion c'est le bord droit, Jeux Vidéo et Manga appartiennent à la partie centrale de la page...
J'ai rien compris...  

J'ai commencé a code mon site, en utilisant les conseils de FlorentG, que je remercie car le CSS ça déchire bien seulement p'tit souci l'affichage différe entre IE et Firefox. Sur IE le texte est plus décalé que sur Firefox...?

En essayant "d'oublier" le bord droit, tu crois pas que tu aurais plus de place? Je dis oublier mais en fait tu peux le mettre en bas, tout simplement.
 
Je sais pas quoi dire d'autre.

Chez moi aussi. En fait chez moi ce sont les calques qui sont pas exactement les mêmes sur IE et sur FF.

Je pense comprendre ce que tu veux dire, mais je souhaite garder ces bloc sur la partie droite de la page   .
 
C'est quoi l'adresse de ton site?

Attention au terme calque

http://gplus.4zel.free.fr/, j'ai mis en page le haut de la page, si vous voulez voir

Il n'est pas en ligne. En fait c'est juste une espece de page de démarrage avec des trucs utiles que me suis crée.
 
EDIT: je viens de l'uploader ici. Le CSS est valide mais le XHTML pas encore. J'ai 19 erreurs lors de la validation. Apparement ça a l'air d'être des problèmes d'espaces entre les guillemets, et là je pige pas.
 
PS: bon, c'est en portugais mais on arrive à piger l'idée.

Oui bon, je voulais dire le <DIV>. Le gros machin blanc avec un bord gris de 1x que j'ai qui contient mon contenu.

La page d'accueil est preske terminer, voici ce que sa donne: http://gplus.4zel.free.fr/maquette/
 
Vu que je débute en CSS, vous pourriez me donner votre avis sur mon code
 
http://gplus.4zel.free.fr/maquette/index.htm /*code html de la page*/
http://gplus.4zel.free.fr/maquette/style.css /*CSS pour la mise en page*/
http://gplus.4zel.free.fr/maquette/style_texte.css /*CSS pour le site du texte*/
 
 

Personne pour me donner un avis???

Que dire? C'est nickel. Mais je maintiens ce que j'ai dit. À savoir:

 
Ceci est modifié ^^
 
Sinon pour tes autres remarques, j'ai effectué quelques modifications par rapport à la maquette précédente.
 
Mais je voudrais des conseils sur ça maintenant svp:
 

Le chargement de mon site n'est pas long chez vous???
 
http://gplus.4zel.free.fr/maquette/

Un peu. Disons que la qualité de la connexion n'est pas la meilleure, chez moi, en ce moment, donc je peux pas trop juger. Mais c'est un poil lent, oui.

Le poind du site est faible 410Ko mon souci viens plutot de mon code. Je débute en CSS. Vous pourriez me donner votre avis??
 
http://gplus.4zel.free.fr/maquette/index.htm /*code html de la page*/
http://gplus.4zel.free.fr/maquette/style.css /*CSS pour la mise en page*/
http://gplus.4zel.free.fr/maquette/style_texte.css /*CSS pour le site du texte*/

Pour ce qui est du code HTML :

• Trop de tableaux encore
• Des javascript pour les rollovers Vire-ça de suite, et fait tout en CSS
• Aucune balise sémantique Genre au lieu de :

  <span class="partie_jv">Dernières News</span>

  , utilise plutôt un titre, genre niveau 2 :

• Si tu passes aux CSS, alors passe au CSS à 100%. Y'a trop de truc genre align="center" qui n'ont rien à faire ici
• Au niveau du formulaire de connexion, n'utilise jamais de & nbsp;  pour insérer de l'espace. & nbsp;  représente un espace insécable, et ne devrait jamais être utilisé pour de la mise en page. Aussi, utilise des <label>, genre :

Et vire cette balise <center> qui n'a rien à faire ici non plus

 
Je l'avais fais en CSS avant, mais le souci c'est pour précharger les images survolées...

Y'a 500 méthodes pour éviter le preload

J'en ai trouvé  une simple ^^, je travaille avec une seule image et je décale le background

Exactement Bien joué

je sais pas si c chez moi mais firefox maffiche tout le texte en superposé sur les images