Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Rechercher dans le sujet :
Forum
» Critiques de vos sites: code et design
» [Pro] Avis sur code de mon site : wonderland-arts.fr
Auteur
DiabloV
#
Citer
8 Posts
 http://wonderland-arts.fr/

Il faut rafraichir la page manuellement (F5) sinon les modifs ne s'actualisent pas !

Je n'ai trouvé aucune info sur comment résoudre ce pb.
Modifié par DiabloV (27 Jan 2012 - 12:47)
wonderland-arts.fr 
^
Laurie-Anne
#
Citer
Modérateur
6001 Posts
 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 ?
Modifié par Laurie-Anne (26 Jan 2012 - 21:36)
Non !
http://laurie-anne.bourdain.name 
^
UnCoindPixel
#
Citer
111 Posts
 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?
Infographiste - Studio de création : Un coin d'pixel
http://www.uncoindpixel.com 
^
DiabloV
#
Citer
8 Posts
 Bien entendu, tous les avis m'interesse !!

merci
wonderland-arts.fr 
^
BlueScreenJunky
#
Citer
127 Posts
 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)
http://nbailly.fr 
^
DiabloV
#
Citer
8 Posts
 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)
wonderland-arts.fr 
^
DiabloV
#
Citer
8 Posts
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 ?

wonderland-arts.fr 
^
BlueScreenJunky
#
Citer
127 Posts
 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)
http://nbailly.fr 
^
fufu
#
Citer
@ycostes
161 Posts
 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)
L'expérience, ce n'est pas ce qui arrive à quelqu'un, c'est ce que quelqu'un fait avec ce qui lui arrive. (Aldous Huxley)
http://ycostes.net 
^
DiabloV
#
Citer
8 Posts
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.


wonderland-arts.fr 
^
BlueScreenJunky
#
Citer
127 Posts
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.
http://nbailly.fr 
^
DiabloV
#
Citer
8 Posts
 Bon, j'ai tout refait.

wonderland-arts.fr

Vive joomla !!
wonderland-arts.fr 
^
Prévenir un modérateur
Répondre au sujet
Aller à