3246 sujets

Critiques de vos sites: code et design

Www.marie-anais.com

Bonjour à tous je viens vous montrer mon site pour avoir vos avis. Smiley cligne
www.marie-anais.com

Le site est actuellement en cours de développement avec Yosh. J'ai validé la css, mais je n'arrive pas à valider l'html ça me fait ce message d'erreur à chaque fois :

a écrit :

Sorry! This document can not be checked.

Sorry, I am unable to validate this document because on line 7, 10, 87 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.


J'utilise zen photo donc je suppose que le problème est peut être lié à ça.
Donc voilà si vous voulez donner votre avis, des conseils, ou autres n'hésitez pas ! Smiley smile
Salut Smiley cligne ,

Pour ton problème de validation, je ne suis pas sûr mais tu y verrais peut-être plus clair en précisant ton encodage : quelque chose comme
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


A+

PS : pour info, quelques fautes d'orthographe se sont malicieusement glissées dans ta page d'accueil Smiley biggrin
- "...à toutes vous problématiques..."
- "...tout vos travaux..."
- "Pour tout renseignements..."
Modifié par Heyoan (30 May 2007 - 22:06)
J'aime.

Un seul truc m'a gêné : je n'ai pas identifié le menu tout de suite. Trop gros je suppose. J'ai cliqué un peu partout quelques secondes avant de le trouver.

Au niveau du code : il n'y a pas de H1 et les items de menu en h2 sont assez déroutants ; un titre est censé introduire ce qui suit. Dans cette logique on se retrouve sur la page d'accueil avec un titre "portfolio" qui n'introduit rien, puis un titre "croquis" qui introduit tes coordonnées et tes compétences logicielles. Smiley confus

Edit : en ce qui concerne le problème de validation, il y a des caractères bizarres, peut-être invisibles, qui traînent dans ton code.
Modifié par Lanza (30 May 2007 - 21:23)
Salut,

Ton entête de document n'es pas conforme. Tu le déclares en XHTML 1.0 strict aors que tout le reste de l'entête est en HTML 4.

En XHTML 1.0 strict l'entête :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Titre de la page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Language" content="fr" />

en html 4.01 : 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<title>Titre de la page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Salut,

Tout d'abord, j'adore ton logo, surtout ton picto chat, il est terrible !! Très personnel, très féminin, et très lisible.

Je trouve que l'image de fond du site est intéressante, car elle va avec la logique du site, mais là il est VRAIMENT trop présent, et je trouve qu'on le voit beaucoup trop. Je pense qu'il serait sage d'en diminuer le contraste.

Par extension, je trouve tous tes signes graphiques sympa, mais trop présents. Les flèches vertes sont très grosses et attirent l'attention, plus que le titre qui les jouxte et qui présente lui un intérêt plus important.

Les arcs en ciels sont sympa sur la page d'accueil quand il n'y en a que deux, dans la section portfolio ils ont tendance à écraser tes réalisations.

Je suis un peu d'accord avec ce qui a été dit sur la lisibilité du menu, il faudrait qu'il soit plus dense. Peut être faut-il ajouter le lien non cliquable "accueil" sur la page d'accueil (?), ajouter un lien vers une vraie page de contact (au lieu de l'adresse mail un peu perdue dans la rubrique CV), etc.
Si je dis çà, c'est que la liste des "logiciels/compétences" en dessous ressemble plus à un menu, car il est plus dense et plus structuré. Or ce n'en est pas un.

Attention sur tes pages portfolio et croquis, les titres sont très éloignés de la flèche verte (firefox 2), et sur la page de croquis, le mot "croquis" passe à la ligne et du coup est décalé du reste du titre, ça doit se corriger je pense. Smiley smile

Tes éléments en gras sont plus discrêts à lire que le reste en raison du plus faible contraste du gris sur rose que le texte en gris sur blanc. Pour une mise en valeur c'est dommage. Structure visuellement ton site pour qu'en un clin d'oeil on voit le mot important, en un clin d'oeil plus long doit révéler des infos secondaires, etc. Jusqu'à ce que le visiteur se mette à lire ce qui l'intéresse car il l'a déja identifié.
Bonsoir Smiley smile
Lanza a écrit :
Un seul truc m'a gêné : je n'ai pas identifié le menu tout de suite. Trop gros je suppose. J'ai cliqué un peu partout quelques secondes avant de le trouver.

Idem ! Je l'ai pris pour un titre ! j'ai cliqué n'importe où avant de trouver le menu... Smiley biggol

Comme le dit Mikachu tout est gros mais moi j'aime vraiment beaucoup !
Le fond fixe est très sympa avec le corps qui semble planer au dessus... c'est plein de bonne humeur... bravo ! Smiley jap
Salut,

D'abord, une petite correction :
"je m'adapte à toutes vos problématiques"

Ensuite, je te conseille vivement de ne pas mettre ton adresse mail "à nu", comme ça, sur la toile. A moins que tu ne désires ardamment attirer la convoitise des spammeurs pour du viagra, de l'élargissement de pénis, des produits pharmaceutiques douteux, des jeux en ligne, des crédits avantageux, etc.

Pour cela, 2 solutions (la 1ère étant l'idéal) :
1- un formulaire de contact avec traîtement PhP (ou autre)
2- tu modifies le lien de ton adresse mail de la façon suivante :
<a href="mailto:contact&#64;marie-anais&#46;com?subject=Une lettre dans ma boite...">
Le résultat sera le même, en toute transparence, mais seuls les bots bien programmés pourront renifler l'adresse et s'en saisir. Personnellement, je n'ai pas de formulaire de contact, et je ne suis pas (encore) spammé sur cette adresse.

Mais bon, faudrait que je songe à créer un formulaire, tout de même...
Hélas, je ne suis pas developpeur, et ma compréhension du PhP reste limité.
Smiley lol
Modifié par Nawak (31 May 2007 - 14:31)
merci beaucoup pour vos avis et conseils Smiley ravi

J'ai donc fait quelques modifications : menu, mail, titres, etc... Et j'ai aussi rajouté ce qu'il manquait au code. Dites moi ce que vous en pensez.

Je n'ai plus le message d'erreur qui s'affiche lorsque je veux valider, c'était à cause de l'encodage apparemment. Par contre quand je passe le validateur html il me reste quelques erreurs, et je n'arrive pas du tout à valider la page croquis, et je ne sais pas pourquoi Smiley confus si vous avez des idées je suis preneuse Smiley cligne

et encore merci de m'avoir aidé !
Salut,

Pour cette partie de ton adresse mail :
"?subject=Une lettre dans ma boite..."

C'était un exemple, et je pense que tu l'auras compris, tu peux en modifier l'objet selon tes désirs. Trouves une phrase personnalisée en fonction de ton site. Pour mon blog, qui se nomme "into my box", j'ai mis "A letter into my box", ça me paraissait adéquat. A toi de trouver une accroche plus "marie-anaïs".
Smiley lol

Sinon, bon courage pour ta recherche de clients et ton boulot.
Sujet clos
Aller à