Bonjour
j'ai créé il y a quelques temps un petit site pour mettre mon portfolio en ligne: http://www.carob.fr/carob_f.html
Je ne suis pas une professionnelle de l'encodage, mais j'ai fait de mon mieux.
J'aurais aimé avoir un avis sur le résultat. Et surtout savoir pourquoi mon logo (.png) prend autant de temps pour apparaitre.
Modifié par CaroB (27 Aug 2009 - 13:25)
Il est long à apparaitre car il fait un poid collosalle (1,8M) .
Cela vien du fait que c'est un 1500*1500 pixel , tu dervai le redimmensionner avec un logiciel de traitement d'image directement aux bonnes dimensions Smiley cligne
Bonjour CaroB,

Juste deux point en passant (rapidemment désolé)
L'utilisation de la police "comic sans", n'est sans doute pas un choix judicieux (je te laisse chercher sur ce site ou sur la toile quelques pertinentes remarques à ce propos Smiley cligne )
Ton logo fait initialement 1500*1500px soit 1673.94 Ko en terme de poids ce qui est absolument à proscrire, le fait de limiter ses dimensions à 200px via css ne diminue en rien ce poids critique : à modifier de toute urgence !
(Ainsi que la police "comic sans" mais je l'ai déjà dit... Smiley lol )

@Plus
Cdt,
Sylvain
*Je n'écris pas assez vite Smiley sweatdrop
Modifié par 6l20 (27 Aug 2009 - 09:46)
Bonjour,

Je n'ai pas remarqué de temps d'attente particulièrement long pour le chargement de l'image (mais avec la connexion du boulot c'est peut-être pas étonnant). Par contre en y regardant de plus pres : 1,7Mo la petite image, je crois que la réponse est là ^^; Est-ce vraiment nécessaire d'avoir un logo de 1500px de largeur/hauteur ? Réduit sa taille à la taille qui est affichée (200*200) et tu devrait gagner en poids et donc en temps de chargement.

Au niveau du design, ton site est un peu fade, à part le dino, il n'y a pas de couleur qui ressorte. Un jaune un peu plus vif ou un peu de vert dans le contenu serait un plus.

Certains textes en jaune/gris sur fond gris ne sont pas assez contrastés.

Le comic sans MS c'est MAL !

Pour ce qui est du code :

* Il manque quelques balises meta, notamment celles pour la langue du document et celle pour la description.

* Attention à ta hiérarchie de titres :
<h1>Bienvenue sur le site de CaroB</h1>
<h3>Ce site est dédié principalement à des illustrations pour les enfants</h3>
Où est passé h2 ? La hiérarchie de titre d'une page doit être logique, complète et continue. Donc on ne passe pas d'un h1 à un h3 s'il n'y a pas un h2 entre (comme dans les livres quoi).

* Mettre un retour chariot avant une fin de paragraphe n'a que peu d'intérêt :
<br/></p>


* Attention aux alt redondant :
<a href="basile.html"><img src="thumb/tn_le_cerveau.jpg" alt="Les aventures de Basile"/></a><br/> Les aventures de Basile
Il serait également bien de mettre un lien sur le texte également.

* Attention au changement de présentation dans le site, la page commande risque de dérouter pas mal de visiteurs.

* Il est domage d'avoir recours à des tableaux de présentations pour les galeries.
Bonjour,

euh, les gens, brandir le site bancomicsans juste pour dire que comic sans ms c'est mal n'est pas des avis les plus intéressants.

Personnellement la police ne me choque pas, ici, car elle rentre très bien dans le contexte du site et sert principalement à accompagner des illustrations. D'autre part c'est une très bonne typo, elle est souvent utilisée à contre sens, c'est tout.

Par contre pour les textes plus long comme :

"Les mondes fantastiques ont toujours influencé mon imaginaire.
La découverte du mouvement surréaliste, puis celle d'illustrateurs comme John Howe et Alan Lee, a largement contribué à mon évolution artistique. "

qui plus est en italique, ça n'est pas des plus lisible.
bzh a écrit :
D'autre part c'est une très bonne typo, elle est souvent utilisée à contre sens, c'est tout.

Pas faux... mais à mon avis, elle est juste grillée cette typo. Elle a été trop systématiquement mal utilisée pour se racheter une virginité, il faut l'oublier maintenant !

Quelques remarques au passage :

- la splash page, c'est tabou : évite tant que tu peux, donne directement accès au contenu à ton visiteur sans étape superflue (quitte à détecter la langue à afficher par défaut et à proposer un switch de langue dans ton gabarit principal).

- "français" / "english" sont d'ailleurs pixellisés, dommage.

- ton logo est peu lisible / sale (ombre portée trop violente je dirais)

- ta navigation devrait toujours être disponible (page commandes)

- argh ! un mailto sauvage !
STPo a écrit :

Pas faux... mais à mon avis, elle est juste grillée cette typo. Elle a été trop systématiquement mal utilisée pour se racheter une virginité, il faut l'oublier maintenant !


C'est bien un regard de professionnel qui ne rejoins en rien celui de l'internaute. Lui verra une police enfantine pas "comic sans ms".
Modifié par bzh (27 Aug 2009 - 11:55)
Merci! Je vais corriger cette erreur de "taille"

Pour le Comic sans SM, sachez juste qu'elle est recommandée pour les enfants et surtout pour ceux qui ont des problèmes de lecture...
bzh a écrit :
C'est bien un regard de professionnel qui ne rejoins en rien celui de l'internaute. Lui verra une police enfantine pas "comic sans ms".

Le problème c'est justement que l'internaute - et le webmaster - ne voit pas "une police enfantine" mais "une police tout court", et c'est pour ça que le Comic Sans MS s'est retrouvé sur 90% de sites où elle n'était pas justifiée.

Je ne dis pas que c'est une mauvaise police ou qu'elle n'est pas utilisée à bon escient ici, je dis juste qu'à force de mauvaise utilisation, elle trimballe trop de casseroles pour être gage de sérieux et qu'un site qui l'utilise est immédiatement catalogué comme amateur (ce qui n'est pas nécessairement un défaut, hin).
STPo a écrit :

- la splash page, c'est tabou : évite tant que tu peux, donne directement accès au contenu à ton visiteur sans étape superflue (quitte à détecter la langue à afficher par défaut et à proposer un switch de langue dans ton gabarit principal).


Je veux bien, mais comment détecter la langue à afficher par défaut?


Je voudrais aussi vous rappeler, concernant la police, que je ne suis pas un webmaster s'adressant à un webmaster, mais bien un illustrateur s'adressant à un public.... Smiley lol
salut


1. Design : pas mal de choses à modifier:

le fond jure avec le reste je trouve. IL ne met pas en valeur ton travail (les illustration) (pq ne pas garder du blanc et jouer sur de légers dégradé de gris?)


Le gris est à proscire pour ton site je pense: trop terne. http://fr.wikipedia.org/wiki/Gris
utilise plutot des couleurs vives voire pastels

La typo:

le choix de Comic sans ms pourrait se justifier pour ton site vu qu'elle a été créée pour des jeux pour enfants (ou dans ce style la)

mais comme ton site n'est pas dédié qu'à ca : NON!

je trouve aussi qu'on la voit trop donc tu peux aussi changer par Arial par ex (je sais c'est très original ^^)

De plus je trouve que l'italique passe très mal sur le Web

enfin une règle d'or en webdesign: 3 typos (grand max), et il faut qu'elles aillent ensemble (ce n'est pas le cas sur ton site: l'italique gache tout)

au niveau mise en page: tout flotte, un peu d'alignement ne ferait pas de mal (ou alors il faudrait mieux agencer ca)

Si j'etais toi je ferais toutes les pages avec comme base la page fantasy, où je mettrais tout en blanc avec le dragon qui dépasse (ca donne du relief), et je virerais ce fond qui est juste déprimant... et je rajuterais des dégradés de couleurs plus vives par ci par la pour garder une dynamique.

Bref un peu de sobriété que diable ! Smiley cligne

1. Code : pas mal de choses à modifier:

pq une balise <p> dans la header? Ca n'a aucun sens ...
Si tu veux garder une marge utilise la propriété CSS margin ou padding

pq 2 div autour du menu ?
De nouveau ca n'a pas de sens,
des balises <ul id= "menu"> <li> se suffisent à elles mêmes, et je pense que pour obtenir le même effet qu'actuellement tu peux jouer sur les attributs height (mais je suis pas sur à 100 % du resultat, mais ca me semble logique)

enfin au lieu d'afficher en clair ton adresse mail dans le code html (bonjour les spam), crée une page avec un formulaire de contact


Pour finir, n'hésites pas à t'inspirer de la concurrence. Et demandes toi ce que tu aimes ou pas sur leurs sites. Ca aide pas mal

Bonne continuation

Smiley cligne
Modifié par h_wiz (28 Aug 2009 - 05:43)
bzh a écrit :

C'est bien un regard de professionnel qui ne rejoins en rien celui de l'internaute.

Mouiii... enfin bon, pour avoir des remarques d'amateurs, autant demander à son boucher ou à sa voisine non ?
Vincent Valentin a écrit :

Mouiii... enfin bon, pour avoir des remarques d'amateurs, autant demander à son boucher ou à sa voisine non ?

Remarque très constructive, il faut néanmoins se mettre à la place de l'internaute et prendre en compte les remarques des amateurs. Si tu as un avis sur le résultat, c'est le but du sujet de CaroB.
bzh a écrit :
il faut néanmoins se mettre à la place de l'internaute et prendre en compte les remarques des amateurs. Si tu as un avis sur le résultat, c'est le but du sujet de CaroB.
D'ailleurs à ce sujet, pensez-vous que le site sera plus consulté par des enfants ou par de potentiels clients (donc adultes et peut-être professionnels) ?
Je pense quand même qu'il est bon de se faire conseiller par des professionnels (ou des aguerris du métier) plutôt que de se reposer sur l'avis populaire, bien trop souvent à côté de la plaque, du fait d'une méconnaissance du media et des tendances en l'occurrence.

Dans ta remarque, on peut comprendre que tout avis de professionnel est bon à jeter... c'est surprenant non ?

Après, je ne faisais que rebondir sur ton propos, je n'ai pas pris le temps de répondre à CaroB en effet. Elle fait bien en tout cas de demander un avis par ici, c'est en général de très bon conseil.
Juste en passant, il y a une autre police qui est banni du web?

Merci pour l'aide. Je suis en plein ménage (j'y étais déjà d'ailleurs)
Je fais une première révision du site puis je m'en vais apprendre le php...
(Je vous précise quand même qu'avant de faire ce site je n'avais pas la moindre notion de XHTML ou de CSS.)
Modifié par CaroB (28 Aug 2009 - 17:39)
CaroB a écrit :
Juste en passant, il y a une autre police qui est banni du web?


Ben non vu qu'après il n'en reste plus que 4 possible a utiliser. Smiley smile Le Times New Roman et Impact sont peu utilisé.

Tu peux aller sur Typetester si tu veux tester d'autre polices. La "safe list" reste très réduite.
Bonjour,
J'aime beaucoup ton travail et ton style (le jour ou j'aurai autant de talent...).
Pour le site en lui même, je laisse le soin aux pro d'en parler, juste une petite chose que je trouve dommage c'est le bandeau blanc sur le titre et le bas de page. Je trouve que ça "casse" un peu le tout.
Voilà, bon courage pour la suite.

"Petite" remarque cependant sur la discutions concernant l'avis des pro VS l'avis des amateurs. Il me parait évident que ce que recherchai CaroB est bien un avis de pro, cependant d'après ce que je lis (mal peut-être?), c'est qu'il y'aurai 2 catégories de personnes: D'un côté les pro et inattaquables, de l'autre les gens qui n'y connaissent rien et qui pourrai peut-être se taire un peu.
Ça me parait réducteur nan? Il faut quand même avouer que, en partant du principe qu'il n'existerai que ces 2 catégories de personnes, ces 2 catégories justement n'ont absolument pas les mêmes préoccupations. Ce qui peut plaire aux pro peut ne pas plaire aux non-initiés.
Moi j'écouterai également ton boucher CarolB, il n'y connais peut-être rien mais il ne doit pas être un gros abruti au stade terminal non plus je suppose?
De la a privilégier tel ou tel catégorie de gens... bien sur que c'est idiot.
Je n'ai rien contre tel ou tel catégorie de gens, j'ai juste parfois un sentiments de grand décalage que je trouve assez étonnant.
Salut,

(Petite parenthèse pour commencer :
Il n y a pas lieu de débattre sur les professionnels et les amateurs, qui a raison ou qui à tort, car comme cela a été dit plus haut, chacun à des préoccupations différentes. C'est à celui qui reçoit les conseils des uns et des autres de savoir faire la part des choses et de tenir compte avec circonspection des conseils prodigués.)

Quand j'arrive sur ton site, je vois immédiatement que c'est un site d'amateur, mais il est déjà bien mieux que la plupart.

Cependant, je partage l'avis d'un peu tout le monde concernant le fait que les couleurs sont tristounettes. Peut être que tu devrais modifier la teinte de ton fond de matière, le rendre plus orangé jaune, pour que ce soit plus lumineux. Le gris sur les côtés et un peu triste aussi, mais avec une couleur plus chaleureuse dans le site, il passerait déjà bien mieux.

La matière en fond est un peu trop présente, je pense qu'elle mériterait d'être un peu plus discrète, en la rendant un peu plus transparente.

Tes bandeaux ne me dérangent pas plus que cela, mais ce qui me choque, c'est que tu as mis une bordure noire (qui plus est de taille irrégulière), mais surtout qui provoque un effet d'alignement raté sur les côtés ou la bordure est présente aussi. A mon sens tu pourrais lasupprimer purement et simplement.

La typo choisie pour le menu et le message de bienvenue passe plutôt bien, et reste relativement lisible. Cependant, ton message de bienvenue me semble un peu hors propos :
"Bienvenue" : Si je me sens bien sur ton site, je me sentirai bienvenu naturellement, inutile de me spécifier.
"sur le site" : Je suis quasiment persuadé avant même d'arriver que je vais être sur un site.
"CaroB" : Cette information mériterait d'être dans le bandeau de titre et non au début du contenu, ce qui te permettrait de remonter un peu ton contenu, qui commence très bas dans la page d'accueil.

Petite précision avant d'oublier, dans ton texte, si tu dis que tu est "devenue maman", alors tu es illustratrice et non pas illustrateur. Smiley cligne

Concernant le texte justement, je pense que tu pourrais supprimer les alinéas, qui, s'ils sont généralement justifiés sur des documents imprimés, rend la lecture souvent plus difficile sur un écran. Inutile de grossir ton texte (page contact) lorsque tu n'en as pas beaucoup, il faut assumer les espaces vides, ça permet à l'oeil de se reposer.

Ta galerie d'illustrations pour enfant est bien arrangée, structurée, pourquoi ne pas en faire de même avec la galerie fantasy ? Là les images qui s'alignent en escalier donnent une impression de hiérarchisation du bien au pas bien, pas forcément voulue. Une ligne avec les 3 images serait plus rationnelle vis à vis de la galerie jeunesse.

Dans la civilisation occidentale, ce qui descend est connoté de manière négative, ainsi que ce qui va vers la gauche. Donc, si ton escalier précédemment cité donne une impression négative, ton dragon vert qui regarde vers la gauche aussi.

Voilà tout ce que j'ai à dire de ton site. Smiley cligne