Stylapar.net - New design de mon site photo

Bonsoir à tous,

Je viens vous présenter le nouveau design de mon site photo http://www.stylapar.net

Il n'est pas complètement fini puisque les rubriques contact et liens ne sont pas encore faite.

Donnez moi vos impression, idées, remarques et critiques... je suis preneur de tout.
Un avis éventuellement sur le code ne serai pas de refus.

Merci à tous
Modifié par Krimo (01 Feb 2009 - 12:02)

Bonsoir,

Et bien j'ai envie de te dire : "vivement qu'il soit fini !"
Fais nous un petit "up" quand les autres rubriques seront à jour car pour l'instant c'est bien mais il n'y a pas grand chose à critiquer niveau code

Pour ce qui est du design c'est typiquement "stylé" portfolio de photographe... le cas échéant ça semble rouler

juste un truc que je n'avais pas vu : pourquoi ne pas utiliser une liste non ordonnée pour le menu (genre <ul> - <li>) ?

Salut,

Merci pour ton com et oui bien sur je vais je vous tien au courent pour l'évolution du site....

Pour ce qui est des <ul> et autres <li> c'est que mon fond est simplement une image et que je joue sur les zones réactives (dite MAP je crois mais je suis pas très calé).

En tout cas j'ai eu des retours, que j'ai pu valider pas moi même (malheureusement) c'est que seul FF gère bien le site...IE Chrome et Safari on des pb avec les liens, justement mes liens MAP...

Confirmez vous ? Avez vous une idée pour rendre le site compatible ?

Merci à tous
Modifié par Krimo (01 Feb 2009 - 05:33)

Hello,

comme indiqué dans l'annonce : A lire avant de poster : Ergonomie, Design et demandes de critiques il est demandé de préciser le nom du site dans le titre du sujet.

Merci d'avance d'éditer ton message.

Sinon très beau site ! J'aime beaucoup, c'est sobre et agréable à la fois. La navigation est aisée, rien qui dépasse.
Je dirais juste qu'il manque un petit hover sur les liens (genre les faire un peu plus foncé et les éclaircir au passage de la souris). A toi de voir !

Merci pour ton com.

Oui j'aimerai aussi mettre un hover sur les liens mais ce sont pas des liens text mais des zone reactive de l'images.

Est il possible d'en mettre meme sur ces zone ?

Bonjour,

Mouais. En fait ta page web, c'est une image avec des zones réactives quoi

Au minimum, met un cursor:pointer; dans ta css sur #liens pour qu'il soit possible de se rendre compte qu'il s'agit de liens.
Après tu peux ajouter un effet de remplacement d'image en javascript pour simuler un effet hover... mais bon pourquoi ne pas utiliser du texte brut dans une liste non ordonnée ? c'est quand même bien plus simple ! surtout qu'il te suffit d'utiliser une police sans empattement capitalisée et puis basta !

edit: Mais si j'en crois ce que j'ai pu voir, le reste de ton site est full-flash ?!?
Modifié par audrasjb (01 Feb 2009 - 15:17)

Hello Krimo;

Avec Safari, je ne sais pas aller au delà de la première page.

Safari ( Mac ) Version 3.2.1 (5525.27.1)

Tes liens fonctionnent pas. ( rien au survol et rien lorsque je clique )

Bonne continuation_

Bonsoir,

Bon apres quelques prises de tete, normalement tout est rentré dasn l'ordre.

Verifié sous IE8, FF3 et Chrome !! En revanche je ne peux pas le tester sous Safari donc si quelqu'un peux le faire pour moi svp ?!

Je vais donc pouvoir m'attaquer aux pages restante.

Je cherche pour la page contact, un script php et le tout en css.

Avez vous de bonne adresse ?

Merci a tous

Bonjour,

Je suis pas fan des images map, ton menu est assez petit et ne s'agrandit pas (sous IE6 et les autres car je bloque le zoom d'images).

Les balises meta vides, c'est... bête. Autant la balise keyword, tu peut la supprimer, autant la description, si tu veux que google donne une description à ton site, il faut la remplir (car là, il n'y a pas de contenu dans ta page d'accueil à part le menu). La meta robots non plus ne sert à rien puisqu'elle donne les valeurs par défauts.

Quand tu utilise de l'anglais (dans ton menu) signale le changement de langue, et évite de faire des fautes (poeple au lieu de people (dans les alt)).

Il faudrait donner un titre (title) différent à chacune de tes pages. un h1 ne serait pas non plus inutile.

Pour ton formulaire de contact, même si * est un symbole relativement connu, ajoute une ligne avant le formulaire pour signaler que le symbole indique les champs obligatoires. Pense également à signaler où des erreurs ont été faites si le formulaire n'a pas été envoyé.

<img src="img/liens.jpg" usemap="#menu" alt="" />

Il faut remplir le alt ici.

Salut_

ça roule maintenant avec Safari.

Bonne continuation_

Oui c'est vraiment un style à part !