3246 sujets

Critiques de vos sites: code et design

[Pro] Avis sur code de mon site : wonderland-arts.fr

Salut,

Perso je suis plutôt du côté design que technique (ou la je débute pour le coup). Je sais pas si mon avis t'intéresse?
Deux petites remarques (pour commencer :-P )

1- Je n'ai pas encore regardé le CSS, mais en ce qui concerne le HTML je trouve qu' il y a quand même BEAUCOUP de <div> sur ta page par rapport au contenu. Je te proposerais bien de simplifier un peu en utilisant quelque chose comme ça :

<body>
<div>
	<img id="titre" src="images/titre.png" alt="" height="291" width="1280" />
	<img id="textebienvenue" src="images/bienvenue.png" alt="" height="58" width="615" /> 
	<a id="info1" href="mailto:diablov@wonderland-arts.fr">
		<img src="images/info1.png" alt="" height="71" width="94" /></a>
	<a id="info2" href="http://www.facebook.com/pages/Wonderland-Arts/246298142063041?sk=wall">
		<img src="images/info2.png" alt="" height="71" width="94" /></a>
	<img id="foot1" src="images/foot1.png" alt="" height="134" width="1280" />
	<img id="but1" src="images/but1.gif" alt="" height="40" width="70" />
	<a id="mailgif" href="mailto:diablov@wonderland-arts.fr">
		<img src="images/but2.gif" alt="" height="38" width="96" /></a>
	<img id="cote" src="images/cote.png" alt="" height="" width="413" />
	<a id="portfolio" href="http://wonderland-arts.daportfolio.com/">
		<img src="images/portfolio.png" alt="" height="154" width="203" /></a>
	<a id="book" href="http://www.wonderland.book.fr/">
		<img src="images/book.png" alt="" height="154" width="203" /></a>
	<p id="footer">Design et conception web (C) 2011 <a href="mailto:diablov@wonderland-arts.fr">Maurice D.</a> aka DiabloV   Mise à jour : 24/12/2011<br>
	toutes reproductions interdites</p>
</div>
</body>


2- Je vois que tes petits papillons sont des gifs animés assez gros et redimensionnés à l'affichage. Il serait préférable de les avoir directement à la bonne taille : l'image sera plus net, chargera plus vite, et demandera moins de travail au navigateur pour l'affichage.
Modifié par BlueScreenJunky (29 Jan 2012 - 16:48)
merci pour les infos (même si cela est très éloigné de mon problème de rafraichissement)

c'est mon premier site, je trouve que c'est plutôt pas mal pour un first shoot)
Laurie-Anne a écrit :
Bonjour aussi,

Merci d'éditer ton sujet et d'en changer le titre comme cela est demandé dans les règles spécifiques de ce salon.




ps. : sérieux, du comic sans ? Tu es suicidaire ?



Hello

Je ene compriend pas ta phrase ? -> ps. : sérieux, du comic sans ? Tu es suicidaire ?
Ah oui pardon, j'en ai oublié le problème de rafraichissement : Simple "problème" de cache qui n'en est à mon avis pas un. Quand tu visites ton site avec un navigateur il va mettre la page en cache pour ne pas avoir à la recharger à chaque fois, si tu y retournes assez rapidement, il va recharger la page depuis le cache plutôt que de la recharger depuis le serveur (ce qui est plutôt une bonne chose).

Je vois que tu as essayé d'empêcher ça avec les balises meta, mais par expérience j'ai remarqué que cette méthode n'était pas super fiable. Essaye plutôt du côté des entêtes http. Une des méthodes pour y parvenir est d'ajouter ceci à ton .htaccess :
<filesMatch "\.(html|htm|js|css)$">
FileETag None
<ifModule mod_headers.c>
Header unset ETag
Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</ifModule>
</filesMatch>


En principe avec ce code tes fichiers .html. .html, .js et .css ne seront pas mis en cache.


PS : Et pour comic sans, disons que ça décrédibilise totalement ton site. Un petit article (que je viens de trouver via google) qui résume la situation : http://www.leblogdebango.fr/2011/04/pourquoi-la-comic-sans-ms-est-elle-la-typo-la-plus-haie-au-monde/
Modifié par BlueScreenJunky (29 Jan 2012 - 21:42)
Bonsoir,

Je ne sais pas trop quoi dire sur ce que tu proposes...

- C'est un splash screen
- Je m'appelle google, le seul contenu que je suis capable de lire c'est ton #footer.
- comme dit plus haut, pourquoi encadrer tes images de div ?
- dans ton fichier CSS, toutes tes classes/id sont en clear:both; mais tu positionnes tout en "absolute", pas compris.

La font, c'est pas un modèle de lisibilité, et la "Comic Sans MS" Rose flashy girly, est hors contexte, sans parler du lien bleu non stylé illisible.

Bonne continuation.
Modifié par fufu (30 Jan 2012 - 00:14)
fufu a écrit :
Bonsoir,

Je ne sais pas trop quoi dire sur ce que tu proposes...

- C'est un splash screen

justement utile pour modifier rapidement mes mises en ligne photos
(au début je les avait mises sur le site : quelle galère pour centrer, mettre à jour a chaque modifs !!)

- Je m'appelle google, le seul contenu que je suis capable de lire c'est ton #footer.
- comme dit plus haut, pourquoi encadrer tes images de div ? (j'ai suivi le guide débutant html)
- dans ton fichier CSS, toutes tes classes/id sont en clear:both; mais tu positionnes tout en &quot;absolute&quot;, pas compris. (autrement mes images étaient décalés, j'ai tatoné et trouvé cette solution qui fonctionne selon le zoom de la page, tout reste d'equerre (mais je suis preneur pour une solution pro))

La font, c'est pas un modèle de lisibilité, et la &quot;Comic Sans MS&quot; Rose flashy girly, est hors contexte, sans parler du lien bleu non stylé illisible.

(le bleu c'est le lien qui l'impose, je sais pas comment changer)

Bonne continuation.
a écrit :
(le bleu c'est le lien qui l'impose, je sais pas comment changer)


tu peux appliquer un style à tes liens (<a>) comme à n'importe quelle autre balise via le CSS :

a {
color: #aaaaaa
}

(après tu as les pseudo classes a:link a:hover, a:visited a:active si tu veux faire ça mieux)

Sinon je 'plussoie' pour le côté "splashscreen", à terme ce serait pas mal d'intégrer ton book et ton portfolio au site pour que le design soit identique et que le visiteur n'ait pas l'impression de se faire balader de site en site, entre ton site perso, book.fr et deviant art. Il est certain que ça demandera plus de travail, mais je pense que ça peut valoir le coup.
Sujet clos
Aller à