Site http://www.sophiecarles.fr/

Bonjour

Je suis en phase de finalisation du site d'une amie photographe.
Pouvez-vous me donner vos avis et critiques ainsi que les problèmes éventuellement rencontrés ainsi que les navigateurs que vous utilisez.
Optimisé pour Safari Mac
Merci d'avance.

J'aime bien, le design est sobre mais joli, la navigation est simple, clair ... bon boulot

Bonjour,

Design très propre, couleurs sobres... Beau travail ! Je suis sur Linux et utilise firefox et tout passe très bien.

Bonsoir, il y a pour moi, un petit souci niveau sémantique du code.

Un menu est une liste de lien, et donc il faudrais mettre en place une liste et non utiliser des ?? DIV ??

<div id="menu" style="top : 200px;">
				<div><a id="nouveau" href="gallerie.php?cat=nouveau">Nouveau</a></div>
				<div><a id="studio" onmouseover="menuOver('studio');" onmouseout="menuOut('studio')" href="groupe.php?grp=studio">Studio</a></div>

				<div><a id="exterieur" onmouseover="menuOver('exterieur');" onmouseout="menuOut('exterieur')" href="groupe.php?grp=exterieur">Extérieur</a></div>
				<div><a id="personnel" onmouseover="menuOver('personnel');" onmouseout="menuOut('personnel')" href="groupe.php?grp=personnel">Personnel</a></div>
				<div><a id="contact" onmouseover="menuOver('contact');" onmouseout="menuOut('contact')" href="mailto:sophie.carles@wanadoo.fr">Contact</a></div>
				<div><a onmouseover="tournerLaClef('priveOn.jpg');" onmouseout="tournerLaClef('priveOff.jpg');" href="prive.php" ><img id="serrure" src="/presentation/priveOff.jpg" alt="" /></a></div>
			</div>

[quote=Super_baloo8]Bonsoir, il y a pour moi, un petit souci niveau sémantique du code.

Un menu est une liste de lien, et donc il faudrais mettre en place une liste et non utiliser des ?? DIV ??

<div id="menu" style="top : 200px;">
				<div><a id="nouveau" href="gallerie.php?cat=nouveau">Nouveau</a></div>
				<div><a id="studio" onmouseover="menuOver('studio');" onmouseout="menuOut('studio')" href="groupe.php?grp=studio">Studio</a></div>

				<div><a id="exterieur" onmouseover="menuOver('exterieur');" onmouseout="menuOut('exterieur')" href="groupe.php?grp=exterieur">Extérieur</a></div>
				<div><a id="personnel" onmouseover="menuOver('personnel');" onmouseout="menuOut('personnel')" href="groupe.php?grp=personnel">Personnel</a></div>
				<div><a id="contact" onmouseover="menuOver('contact');" onmouseout="menuOut('contact')" href="mailto:sophie.carles@wanadoo.fr">Contact</a></div>
				<div><a onmouseover="tournerLaClef('priveOn.jpg');" onmouseout="tournerLaClef('priveOff.jpg');" href="prive.php" ><img id="serrure" src="/presentation/priveOff.jpg" alt="" /></a></div>
			</div>

Puis au niveau de la structure du site, içi nous preferons differencier le contenu de la présentation, et ce n'est pas vraiment ce qu'il est appliquer sur ton site, pour exemple cette balise de span qui contient les informations de mise en forme, celles ci devrais être contenu dans ta CSS :

<span style="color : rgb(180,180,180)">Sophie Carles -</span>

Merci des conseils

Je sais qu'il y a encore des imperfections.
Merci de me remettre en mémoire les points à travailler.
Les scripts sont encore à rassembler et à mettre en fichier externe.
A priori il y a un problème de défilement de gallerie sous IE.
Si vous avez ce navigateur pouvez vous me mettre sur la voie pour résoudre le Pb.

LaurentDern a écrit :
Bonjour

Je suis en phase de finalisation du site d'une amie photographe.
Pouvez-vous me donner vos avis et critiques ainsi que les problèmes éventuellement rencontrés ainsi que les navigateurs que vous utilisez.
Optimisé pour Safari Mac
Merci d'avance.

Salut laurent
Etant macuser, je me permet juste une petite remarque... on ne dit pas qu'un site est optimisé pour safari... tout au plus le visualises-tu sur ce browser. Mais ce n'est pas le seul sur mac (FF, opera, Camino...). D'ailleur, sous Opéra le javascript de défilement fait des siennes...

L'interopérabilité ne suppose t-elle pas qu'un site doit être visible sur la plupart des navigateurs respectant les standards ?


Sinon, le site est vraiment sympa. Néanmoins, j'ai envie de dire que les sites des photographes tendent à ce ressembler ; tout y est propre est bien léché... un peut trop à mon goût. Peut être quelque chose de plus fun de plus.... plus proche de la vie, de ses difficultés... quelque chose de moin lisse, de moin consensuel...



Voilu
Modifié par fredmac (17 Feb 2006 - 14:42)

Plop,

Personnellement malgré une apparence pas forcément désagréable, la navigation reste à améliorer.

Il faut deviner que nous avons affaire à une diaporama et qu'il suffit de passer sa souris aux extrémités pour le faire défiler. Le fonctionnement me plait, mais un peu plus d'informations ne serait pas de refus.

De plus pourquoi faire zapper le titre du site sur les autres pages que l'accueil? Si on arrive par une autre page, on se demande où on tombe.

La mise en valeur de ton fil d'ariane est également à revoir selon moi. Heureusement qu'il n'y a que ça à cliquer sinon pas sûr qu'on y penserait au premier coup d'oeil.

Voilà, des petites remarques pour faire avancer le schmilblik : >

Bonjour.

- Un site simple et sobre au premier abord.
- Les menus sont bien élaborés.
- J'apprécie le défilement du diaporama au passage du curseur de la souris.
- Un formulaire de contact serait le bienvenue à la place du pauvre "mailto".
- Une présentation de votre activité, de vos tarifs, bref un peu plus de texte seraient aussi les bienvenus.

Bonne continuation.

Merci pour vos messages.

Une question pour les possesseurs de PC. Lors d'un test sur PC (IE6 SP 2 et Maxthon) une erreur survenait sur la page index :
http://www.sophiecarles.fr/index.php (Argument non valide ligne 67 caractère 6)
et lien :
http://www.sophiecarles.fr/liens.php Argument non valide ligne 56 caractère 6
Je pense que c'est lorsque je fait le document.getElementById("rubrique").removeChild(currenttext); et qu'il n'y a pas d'enfant une erreur se produit sur PC et pas sur Safari.
A votre avis est-ce une bonne analyse de ma part.
Merci.

Salut laurent,

Je trouve également que le site est très sympa. Il est clair, sobre, peut être un peu trop blanc. Le principe des diapo est intéressant mais comme dirait tyx, il serait peut etre intéréssant de donner des indications sur son fonctionnement car tout le monde ne devinera pas qu'il faut passer la souris sur les extrémités. Peut être que des flèches de chaque coté rendra son utilisation plus intuitive.

Par contre, petit point négatif sur la navigation. Je trouve que l'on est vite perdu dans le site une fois que l'on n'est plus sur la page d'accueil. Je trouve dommage que tu n'affiche plus le menu général. Perso, j'ai eut un peut de mal à m'y retrouver surtout que le fil d'ariane n'est pas très clair. On a plus l'impression que c'est le titre de la page.

Bon continuation

Cela semble sobre.
Le temps de chargement est long sans doute réservé à ceux qui ont du débit...
Il faudrait passer le HTML obtenu avec les validateurs du w3c et autres..
Citer par exemple :
avec les Verificateurs et voir les normes:
===============
liens : http://validator.w3.org/checklink
css: http://jigsaw.w3.org/css-validator/
xhtml : http://validator.w3.org/
rss : http://validator.w3.org/feed/
W3C : http://www.w3.org/
bonsPra http://www.opquast.com/mon-opquast/inscription/perso/

Sur un fichier obtenu j'ai répupéré quelques 17 erreurs avec xhtml : http://validator.w3.org/
C'est tout!
Cordialement