[Nouveau Site Web] PandiSims

Bonjour tous les Zéros !

Il y a moins d'une semaine je découvrais ce site, et commençais à encoder mon projet : un site racontant les péripéties de mes Sims, peronnages du jeu vidéo de EA Game. Nombreux sont déjà les sites existants à ce sujet : les "simwebers" forment une belle communauté. Moi aussi, j'ai eu envie de raconter mes histoires Sims, et donc j'ai ouvert www.pandisims.com

Juste créé, il n'est pas encore complet (vous verrez de nombreuses pages "en construction", mais avant de me lancer tete baissée dans la suite (notamment, la partie PHP pour faire un "livre d'or"... arhgg), je voulais votre avis sur :



Le graphisme en général

• la bannière
• les couleurs
• la taille des polices (trop grand / trop petit ?)

Le contenu en général

• la navigation (menus, sous-menus, liens)
• les photos (trop grandes / trop petites ?)
• les textes

Ou encore, sur d'autres points...

Soyez critique / méchants / réalistes / sincères...

Merci d'avance,

La nouvelle Webmatrice,
Pandilène

Bonjour funnycat et merci de tes remarques.

Citation
Je vais réfléchir à une nouvelle bannière... Le problème, c'est que l'histoire parle de 6 familles différentes, sur 7 générations, soit plus d'une centaine de personnages... Une vue générale du quartier peut-etre ? Je réfléchis

Citation C'est autour du bleu-roi (cf leur site officiel http://ww1.lessims2.fr/pages.view_frontpage.asp mais, je voulais personnaliser le truc... En fait, nombreux sont déjà les sites / blogs racontant des histoires de Sims, et peu reprennent les couleurs officilles

Citation Merci !

Citation OK c'est modifié

Citation EDIT: OK c'est bon !!

Citation Alors, j'ai changé "L'histoire" en "L'Histoire de Bois-Jolis", et "Pas l'histoire" est devenu "Autour du Site". Pour les titres des chapitres, j'hésite à mettre les titres des chapitres longs (qui sont visibles sur chaque chapitre), mais le problème est que ça allongera le menu en hauteur... Ou alors, je crée une page "sommaire" de l'histoire, où je mets un lien vers tous les chapitres, et pas de liens directs dans le menu de gauche ?

Citation Modifié !

Citation C'est à dire ? Où "nomme"-t-on les pages ? Est-ce que c'est le <title>PandiSims - Accueil</title> ?

Citation Si là c'est des "title" dont on parle, ils sont tous différents : ils commencent par "PandiSims", puis le nom de la page

Citation Je viens de les rendre valides !!!

Merci en tous cas pour tous ces bons conseils.
Je vois pour la réalisation d'une nouvelle bannière éventullement, et pour le menu (chapitres / noms des chapitres / sommaire séparé ...)

Je pense à peu près comme funnycat.

Le graphisme en général
Je trouve que la bannière n'est pas très représentative, comme tu le dis, une vue générale du quartier serait mieux je pense.

Citation : Pandilene
Ben justement, ne fait pas parti des "tout le monde" sinon ton site n'aura pas d'identité.

Sinon la taille des polices quand tu raconte l'histoire me parait un peu trop grande, et celle du menu un peu trop petite

Le contenu en général

Ne pourrait tu pas donner de noms à es chapitres?Parce que c'est un peu terne
Après le chapitre 4, il y a un "lire la suite" qui mène vers un 404 error

Sinon je crois que funnycat parle en effet des balise <title>

Bonjour, je vois que tu a suivis quelques conseils.
Voici un complément d'information pour continuer mon message précédent.

Bannière

Pour la bannière, lorsque tu aura choisis la photo qui te convient le mieux, je te suggère de la mettre sur la page et de mettre par dessus le texte. Autrement dit, il n'est pas forcément nécessaire de faire un montage photo très compliqué pour rajouter le texte sur la photo.
La méthode consisterais à inclure la bannière en tant qu'image de fond dans le CSS et d'écrire le texte en HTML.
Cet astuce pour ta bannière se révèle utile pour pouvoir modifier rapidement et facilement le texte de ta bannière dans le futur (on sait jamais ce que l'avenir nous réserve ). De plus, c'est une astuce pour que les moteurs de recherche puisse "lire" le texte présent sur ta bannière.
Par conséquent, si un visiteur cherche sur Google "Fabuleuse histoire bois-jolis" il tombera sur ton site dans les premiers résultats (normalement).

Pied de page

Quel navigateur internet as-tu? Personnellement j'utilise souvent Firefox 3 et avec ce navigateur le pied de page sur ta page d'accueil n'est pas très bien réussi. Il en est de même avec Opera 9.5. Néanmoins, je pense que tu dois utiliser Internet Explorer car avec ce navigateur il n'y a pas de problème.
Je sais que c'est pas facile, mais il va falloir que tu modifie ton CSS pour que le pied de page soit identique sur tous les navigateurs.
Voici deux outils très pratique pour tester le design du site sans avoir à télécharger plusieurs navigateurs:

• http://www.scapture.com
• http://browsershots.org

Menu

Le nom des rubriques de chapitre sont vraiment mieux. Pour ce qui est des titres "Chapitre 1", "Chapitre 2",... Je pense toujours qu'il faudrait les rendres plus explicite. J'ai remarqué que l'espace entre le menu de gauche et le contenu du site fait environ 20 pixel. Il est surement possible de réduire cette espace pour agrandir le menu.
Sinon, j'ai constaté que le lien "Accueil" est assez bas dans le menu. Ce n'est pas très intuitif. Il conviendrais peut-être de ajouter un lien accueil en cliquant sur la bannière (ceci n'est qu'une idée).

URL

Les URL se sont les adresse internet de tes pages (g1_chapitre2.html, g1_chapitre3.html,...). Je suggérais des les modifier pour mieux les faire correspondre au titre <h1> que tu met sur chaque page. L'intérêt de faire cela c'est que si quelqu'un cherche sur Google "Chapitre 2 - Un mariage et six naissances" (pur exemple), l'algorithme de Google va un peu plus privilégié ton site si celui-ci à une URL du type: "mariage_et_six_naissances.html".

Optimiser l'affichage des résultats sur Google

Les résultats de Google sont toujours présenté de la même façon:
Citation : Google
Voici un exemple basique de résultat:

Ce point soulève donc un autre point: l'intérêt de donner des informations qui donne à l'internaute sur Google envie de cliquer pour visiter votre site plutôt qu'un autre.
A partir de ce que j'ai dit plus haut, il convient d'utiliser un titre accrocheur. De même, il est primordiale que tu ajoute sur chacune de tes pages une balise "meta description" et accessoirement une balise "meta keywords".

Au fait, si tu ne sais pas ce qu'est une balise meta, j'ai rédigé un article qui explique ça et 2 outils (dont un générateur de balise meta): 2 outils pour les balises meta.


J'espère que tout ces bons conseils vont pouvoir t'aider.
Bon courage pour l'amélioration de ton site.

Merci encore pour les bons conseils.
Je referai des modifs dès que je rentre chez moi, mais je prends bonne note !

Liste de choses à modifier (mémo pour moi qui vous dit que je prends bonne note de vos suggestions):
- la bannière : séparer les textes de l'image + mettre un lien vers l'accceuil quand on clique
- les meta description des pages
- les noms html des fichiers des pages
- le pied de page, à aligner bien en bas pour tous les navigateurs
- le chapitre 3, qui, je ne comprends pas pourquoi, ne s'affiche pas comme les autres sur IE, mais qui s'affiche bien sur FireFox (sous IE, le block du texte principal est collé au block du menu)
- le lien "Lire la suite" du chapitre 4 sans suite... -> à supprimer !!
- le menu de droite : mettre les noms des chapitres en plus de leur numéro.

Je voulais signaler également que j'ai créé hier un nouveau design. Pour l'instant, il n'est accessible qu'aux utilisateurs de FireFox, à travers le menu "Visualisation" (ou qqch dans le genre), et on doit re-changer à chaque page (pas très pratique, je vous l'admets, mais ça va etre modifié). Le nouveau design s'appelle "Bleu Sérieux", l'ancien ayant été nommé "Vert Tendre".

Sinon, funnycat, ton lien vers ton tuto pour les meta balises ne marche pas
Ca m'interesserait pourtant de lire ce tuto...

Pour Lyris, je suis désolée, mais je ne partage pas tellement ton avis sur la charte graphique personnalisée qui serait "faite comme tout le monde" plutot que la reprise de la charte du jeu qui est déjà reprise par certains sites, qui serait "originale"... Pour moi, c'est l'inverse... Désolée...

Ce soir, je m'y remets !

N'hésitez pas à me donner encore votre avis !

Je pense qu'aucun des deux n'est original, mais ça voudrait dire que le plus original serait de n'avoir aucun design...
Et là je ne suis pas d'accord non plus, pcq c'est très moche...

En fait, le mieux serait -il de faire un mix?

PS: Ne fait pas attention à ce que j'ai dis, c'est une réflexion personelle à la base

Balises meta

Citation : Pandilene
Le problème est finit maintenant. Je pense que le problème venais de mon hébergeur, le serveur était down. Là il fonctionne de nouveau si tu veux. Si mon site n'est pas disponible tu peux aussi voir sur internet, il y a d'autres sites qui propose des générateurs de balises meta.

EDIT: Je suis allé voir Pandisims et j'ai vu qu'il y avait une balise meta description et une balise meta keywords, donc je pense que c'est réglé pour ça.

Design bleu

J'ai vu le design bleu, je le trouve pas trop mal. Je le préfère même au design vert.
Néanmoins, avec ce design il faut penser à changer la couleur du texte: "Dernière mise à jour : 06/07/2008" parce que là il est pratiquement invisible (vert sur fond bleu = difficile à voir).
Dès que tu auras un peu plus de notions en PHP, je te suggère d'utiliser les cookies pour permettre de sauvegarder le design (pour les visiteurs).

Liste de choses à modifier (mémo pour moi qui vous dit que je prends bonne note de vos suggestions):
Citation c'est pas gagné !!! J'arrive pas à positionner mes textes ! Rdv sur www.pandisims.com/index2.html pour voir mon essai
Citation FAIT ! (du moins pour l'index)
Citation FAIT ! (vous y accédéz à partir du chapitre 5)
Citation FAIT !
Citation Pas trouvé
Citation Mieux, j'ai mis en oigne le chapitre 5 !!
Citation FAIT: deux essais: soit comme dans le chapitre 4 (avec sommaire séparé) soit comme dans le chapitre 5 (mais je trouve ça trop long)
Je pense opter pour un sommaire: c'est propre, et en plus, c'est plus rapidement mis à jour !! hihi

Sinon, Funny, j'ai vu que ça c'était réparé pour ton lien, et je m'en suis servi ! Merci !

Citation FAIT !

Donc, vous pouvez voir 3 exemples pour les menus de gauche :
- l'original, par exemple sur la page http://www.pandisims.com/index.html
- le modifié avec les noms des chapitres, sur http://www.pandisims.com/g1_chapitre5_ [...] _seconds.html
- le modifié avec lien vers un sommaire (fonctionnel), sur http://www.pandisims.com/g1_chapitre4_ [...] t_grandi.html

Vous pouvez voir ma présentation foireuse ici : http://www.pandisims.com/index2.html et me conseiller sur le pourquoi ça ne va pas...

Merci encore à tous. Je persévère !

Pour le menu qui pose problème, j'ai regardé le code source et j'ai découvert ça:
Code : HTML
Il manque un </div> pour refermé le div d'en-tête.
Avec cette information il sera probablement plus facile de réussir à faire la bannière.

Sinon pour le menu de la page http://www.pandisims.com/g1_chapitre5_ [...] _seconds.html si un jour tu opte pour ce menu je te suggère de rajouter un petit padding dans le CSS.

Félicitation pour toutes ces première modifications.

Bonjour ! (ou bonne nuit !!)

Refonte du graphisme du site : j'ai adopté pour le bleu, avec une bannière où les textes sont séparés, avec des fonds pour les titres rappelant les images du jeu (ces petits symboles, c'est le langage Sim). Point de vue Menu, j'ai opté pour une page sommaire, plus facile à modifier selon moi (il suffit de modifier la page en question, et non tous les menus de chaque page)

Y a encore la page du chapitre 3 qui plante un peu sous IE, mais elle passe bien sous FireFox...
Y a encore des pages à créer, c'est sur...
Y a encore surement des améliorations à apporter !
Faudrait que je retouche mon fond des titres, il est pas trop centré... Vous utilisez quoi comme logiciel pour faire des montages photos ?

Et puis, à venir : la partie PHP : livre d'or / FAQ / Compteur de visiteur / News / Choix de charte graphique ... Que de réjouissances !!!

N'hésitez pas à me donner votre avis !

Je trouve ton site beaucoup mieux

Merci Funnycat ! C'est 635, mais ça marche !!

J'ai ajouté des logos Old / New pour les chapitres dans le sommaire.

Sinon, j'attends toujours vos avis généraux sur le site !

WoW, le nouveau design bleu fait changement! Je l'adore! Mais pour ceux qui aimais mieux l,ancien design, il ferait bien de pouvoir choisir..! Ce serais un point à améliorer
Sinon, j'aime bien le site, l'histoire est cool
Bon continuement!
Lobtec

En ce moment, je planche sur le livre d'or avec PHP... Je commence les cours, alors je galère un peu... Je pourrais choisir la solution facile de prendre un livre d'or pret à l'emploi, mais je fais ce site aussi pour m'améliorer (je suis partie de rien, donc c'est pas dur de s'améliorer !!)

Sinon, j'ai modifié la présentation (un peu), avec maintenant la présence d'un double menu :

• en haut, les liens généraux du site : accueil, liens, livre d'or et FAQ, et j'y mettrai également surement une partie "conseils trucs et astuces"
• à gauche, les menus des deux histoires

J'attends toujours des avis sur le site :

• Quelle impression ça vous donne ? Baclé ? Amateur ? Quasi-pro ?
• Est-on perdu ? Se repère-t-on vite ?

Merci à tous par avance...

Salut Lexion71
Tu penses que c'est mieux sans ? Sans rien du tout, ou un soulignement par exemple ?
Moi, un truc que j'aime pas, c'est quand ça déforme le texte (passer en italique / en plus gros), je trouve ça désagréable...

Sinon, grande nouveauté : Le livre d'or marche !!!
Youpiii !!!

Ok, j'ai enlevé la couleur du fond qui change pour les liens, et j'ai mis un changement de la couleur de la police.

Pour la photo du chapitre 8, j'ai corrigé !
Sur IE, elle passait bien, mais pas sur Mozzila...

Pour ton info, j'ai rien retouché à la photo de Bridget ! Elle a vraiment été absorbée par son jeu vidéo et s'est laissée mourir !

Voilà c'est beaucoup mieux, après comme l'a dis Fuchie, les menus sont un peu trop petit, il faudrait les élargir quitte à augmenter un peu la largeur de design. Où alors changer le nom de tes liens ex: "Préambule à l'histoire" -> "Préambule"; "Sommaire des chapitres" -> "Sommaire". Car j'aime pas trop les liens sur deux lignes je trouve que ça fait moins beau après cela n'est que mon point de vue