Je me lance... Critiquez

[phpwebh]

Bonjour à tous,

Je suis nouveau sur ce forum, je viens soumettre mon site à vos critiques.


Faites pas attentions aux lorem ipsum...

[OTP]

Bienvenue !

En vrac :

- polices à sérif : peu lisibles
- header triste
- dupli sur -http://www.iiconcept.com/ et -http://www.iiconcept.com/index.php
- manque une réécriture d'url
- c'est globalement triste et pas engageant

[Oniris]

Et moi il m'a fallu bien 30 secondes avant de comprendre ce que proposait le site.

Je veux bien parier qu'au moins 50% des visiteurs sont déjà sortis après un tel temps.

[phpwebh]

Arg dur de se prendre des critiques, mais vous avez raison, c'est un peu tristounet...

[OTP]

Arg dur de se prendre des critiques, mais vous avez raison, c'est un peu tristounet...

Fallait pas poster alors !
Et puis ce n'est qu'un début, courage...

[SpeedAirMan]

> Très originales les descriptions de tes réalisations (voir page créa : lorem ipsum dolor...)

> J'aime pas le menu, en plus il n'est pas accessible (pas de balises "alt").

> Le code est euuuh... "bizarre".

> Avec une telle largeur, on pourrait penser que le site est visible en 800x600, mais non.

> +1 pour mauvaise utilisation des polices. Sur écran, les polices les plus lisibles sont les polices sans-serif (Verdana, Arial etc.)

[phpwebh]

Je me rends compte qu'on manque de recule lorsqu'on crée quelque chose et le soumettre à la critique permet d'améliorer.
Effectivement, si je sais pas de quoi il s'agis et que j'arrive sur ce site, absolument rien ne m'indique qu'il s'agis d'un site de webmastering.
Pour les couleurs j'essaye de blanc-gris leger:
http://iiconcept.com/v2/

C'est moins triste ?

Edit:

Pourquoi le code est bizare ? explique moi stp

[LiFi]

Pour les vignettes de tes sites, essaie de faire quelque chose d'un peu funky, olé olé, par exemple comme l'effet 3D ici : http://www.thumbs-online.com
Pour le reste c'est vrai qu'il n'y a rien d'excitant et pourtant tu y vends ton savoir faire en conception de sites. Il faut faire un gros effort sur l'aspect graphique je crois, ou alors au contraire faire hyper simple, dépouillé, pour ton site mais avec des bons exemples de création, des exemples qui parlent d'eux memes.

[phpwebh]

Pour lifi:

C'est vrais que j'ai du mal à me lacher niveau gaphisme, je reste dans le carré ou le "un peu arrondis"...

Faut que j'ose un peu plus sortir des sentiers battus.

[SpeedAirMan]

Pourquoi le code est bizare ? explique moi stp

Les menus sont des listes de liens, on utilise donc généralement des listes ( <ul> , <li> etc. ) pour faire des menus.

Code: Tout sélectionner

         <div id="menu">
            <div id="t1">
               <a href="index.php"><img src="images/accueil.png" border="0"></a>
            </div>
            <div id="t2">
               <a href="index.php?page=devis"><img src="images/devis.png" border="0"></a>
            </div>

            <div id="t3">
               <a href="index.php?page=promos"><img src="images/news.png" border="0"></a>
            </div>
            <div id="t4">
               <a href="index.php?page=rea"><img src="images/realisations.png" border="0"></a>
            </div>
            <div id="t5">
               <a href="index.php?page=offres"><img src="images/offres.png" border="0"></a>
            </div>

            <div id="t6">
               <a href="index.php?page=contact"><img src="images/contact.png" border="0"></a>
            </div>
         </div>


Toi, non, tu utilises des divs.

De plus, tu utilises des images pour remplacer du texte... Bon, comment vont faire les moteurs pour savoir quel est le titre de la page vers lesquels ces liens mènent ? (à part directement aller voir dessus) > Ils ne peuvent pas lire le contenu des images.
D'où l'existence de l'attribut "alt", que tu n'as pas utilisé ici.



Ensuite :

Code: Tout sélectionner

<div class="titrecadre"><div class="lettre">L</div>es promos du mois</div>

Curieux : pourquoi mettre ce texte dans un div plutôt que dans un heading (h1, h2, h3 etc.) ou un paragraphe ? ( <p> )
ça serait plus logique, plus "propre". C'est de la sémantique (la bonne utilisation des bonnes balises aux bons endroits).

Ensuite, pour mettre une lettre en exergue, il y'a d'autres moyens. J'ai jamais vu l'utilisation d'un div dans ce cas là (ce n'est pas fait pour ça). Tu peux utiliser <span> par exemple, ça serait bien mieux.
Tu as aussi une propriété CSS : first-letter, que tu pourrais utiliser dans ce cas là.



Globalement : tu utilises trop les <div> et pas assez les balises qu'il faudrait, telles que <p>, <hn> etc.

[phpwebh]

Oui tu à parfaitement raison, merci pour tous ces conseils avisés.
Effectivement, overdose de div... je vais retravailler le code.

Le header en blanc c'est mieux ?

[hebmaster]

Voici un exemple de site qui me donne envie de faire appel a leur service : http://www.alsacreations.fr/

Rmq:C'est juste un exemple, pas une référence.

[passion]

OK...

pas de META
design trop brute pour un prestataire de création
pas d'optimisation
pas de sémantique
pas de contenu
pas de N°de SIRET

Je vais m'arrêter là !

Que des conseils....

[phpwebh]

Alsacréation... ils sont très bon !
j'ai essayé:

http://iiconcept.com/v2/
http://iiconcept.com/v3/

Je crois que je vais devoir tout refaire en design.. car c'est pas beau en faite !
Je vais mettre des citrons et des pommes avec une photo de ma nana, ce sera plus commercial ! oups...

Vous avez raison, en définitive faut que je craque un peu plus et que j'hésite pas à déborder des div's...(oh que j'aime les div's... (:-D)

edit:
passion, je fais ce site pour m'entrainer, pour être reçu dans un organisme de formation, en gros j'apprends, je ne suis pas né avec le html, le css ou le php dans la tête, comme tout le monde, j'apprends, je découvre pour un jour avoir un minimum de maitrise du sujet.
Donc pas de soucis pour le siret et ce genre de details.

[passion]

Ah ok... très bien !

Simplement bizarre de prendre comme référence un site de création web... m'enfin, c'est juste un partage !...

je fais ce site pour m'entrainer, pour être reçu dans un organisme de formation, en gros j'apprends

Bonne continuation