Voilà je viens de réaliser mon premier site internet, et j'aimerais avoir votre opinion =)
Je ne suis pas informaticien ni web designer mais architecte, donc soyez pas trop méchant avec moi, j'ai commencer à apprendre les langages il y a quelques mois seulement !
Et si vous avez besoin de mes services, je suis à votre disposition =)
 
http://www.ntdezign.com
 
 
Merci d'avance de votre visite et si vous avez aimé rejoignez ma page facebook en bas du site !

Hm ça pique un peu les yeux..
 
Le fond est beaucoup trop chargé, les typos mériteraient au moins une opacité beaucoup plus faible...
 
La page d'accueil pareil trop chargé avec des lignes partout dans tout les sens et un fond différent dans chaque cadre, on s'y perd. Je pense que le tout mériterait d'être un peu plus homogène.
 
Sur la page solution le texte ne ressort pas assez par rapport au fond.
Les fond de la pages A propos, ou des sous-cat de la page service sont plus sobre et du coup on lit beaucoup mieux.
 
Sinon le reste c'est pas mal

Pas mal pour un "débutant", mais c'est super long à charger chez moi

je note je ferais des modifs pendant les vacances merci pour vos réponses
=)

Absolument pas chez moi !
 
Ça pique un peu aux yeux mais le concept est sympa! j'aime bien l'ensemble su site maintenant il faut un peu épuré tout en gardant l'architecture du site

juste une critique, dans le "à propos" , mets une vraie photo pour faire plus serieux, ne fais pas de retouche "graphique"

Et une idée de photo c'est de se prendre en photo avec quelque chose de neutre derriere toi, pour faire pro.

ouais la photo je sais ! j'ai rendez vous avec une pro pour ça dans 2 semaines donc on va attendre un peu il fallait bien en mettre une =)

Le fond avec typo est vraiment a proscrire pour des histoires de lisibilité, ainsi que certains fonds de titre (contact), qui rende les typos quasi invisibles.
Tous les fond de menu gagneraient aussi a etre estompés.
La photo personnelle passée au filtre "truelle" est aussi vraiment pas adaptée, enfin, pas très pro...
L'ouverture d'une nouvelle page avec le menu (solution>images) est assez bizarre.

merci goomi32 pour tes remarques
j'ai vu qu'il y avait des choses pas trop lisible mais il me semble que ça  dépend des écrans ?
oui la photo va changer ^^
après l'ouverture d'une nouvelle page est voulu, si je pouvais faire autrement je l'aurais fais mais je ne suis pas un pro

C'est 10 fois trop lourd, au sens propre hein.
Tu as 1,375MB d'image ce n'est pas bon du tout.
Tu dois les compresser pour le web

 
Voilà

c'est énorme 1.3 mo en images ? pourtant je l'ai sorti pour une impression web avec photoshop...
la moyenne pour un site est de combien de mo en image ?

il n'y a pas de moyenne, mais pour un petit site comme le tien c'est beaucoup. Il faudrait compresser la taille de tes images et voir ou tu peux virer des images pour mettre du css

Tu dois sauver l'image qui se nomme corps-index en jpeg avec qualité médium. Tu peux avoir de cette façon une image 10 fois moins lourde.

bonne idée le css, je réfléchi =)
toutes mes images sont en png, je suis parti de photoshop > fichier > enregistrer pour le web > png 24
c'est vrai qu'avec un jpg ça prend moins mais j'ai peur d'avoir des pixels avec une résolution moyenne ou basse faut que je teste !
merci de vos conseils

Attention le format PNG-24bits est avant tout utile pour son canal alpha qui permet de gérer la transparence sur 256 niveaux, qui n'est pas supporté par les navigateurs un peu anciens...
En web on utilise le plus souvent 3 format, le gif, le jpg, et le png (qui existe en 8 et 24 bits). On utilisera pas le même format selon le cas.
 
De manière général, on va utiliser le PNG (ou le gif mais de moins en moins) pour tout ce qui est logos, graphiques, etc... Et le jpeg pour les photos.
Pour plus de détails, il y a quelques infos sympa dans cet article http://www.en1heure.com/choisir_un [...] ou_png.php

merci progenik pour ce renseignement
donc dans mon cas tu me conseilles d'utiliser le format jpg ?
je vais lire ton article aussi =)

 
Si il y a de la transparence -> PNG
Sinon JPEG  
 
GIF c'est surtout pour les logos/images avec peu de couleurs différentes

merci je vais voir ça =)

C'est un peu réducteur même si c'est pas tout à fait faux...
En fait c'est plus compliqué que ça le PNG 8 bits et le GIF fonctionne à peu près de la même façon et on des résultats comparable. Le PNG est un format libre créé pour s'opposer au GIF qui à l'origine ne l'était pas.
Donc on peut utiliser le PNG dans les mêmes cas que le GIF (et la tendance va de plus en plus dans ce sens) après entre PNG 8 et PNG 24 tout dépend du niveau de transparence souhaitée.
Mais on peut tout à fait utiliser du PNG pour une image qui n'a pas besoin de transparence

Le PNG n'a d'intérêt que si il y a une couche alpha..et il n'a pas fait simplement concurrence au GIF mais il a améliorer le système d'aplat des couleurs et alpha et a remplacé le GIF, mais bon on est pas là pour faire l'histoire des formats et cela n'est vraiment pas utile
 
Dans le web il faut être pragmatique, un format est fait pour quelque chose comme le souligne GenyaB:
 
-> jpg : format d'image standard  
-> png: gestion de la transparence
-> gif: animation d'image sans flash
 

ok et une même image en jpg et en png est-elle la même au niveau des couleurs ? (sans transparence)

oui mais le JPG compresse l'image donc tu aura une taille moins grosse pour ton fichier et c'est cela qu'il faut privilégier pour un site internet. Le PNG tu l'utilises pour un logo, texte etc.. si tu es sous photoshop n'oublies pas le plugin "superpng" (gratuit) qui permet de réduire la taille de ton fichier PNG.

mais avec ton logiciel tu me conseilles d'utiliser quand même le png xD
ou c'est juste lorsqu'il y a de la transparence ?

Uniquement si besoin incontournable de transparence.

edit : ça veut dire que le but du jeu est d'éviter de l'utiliser et que si tu DOIS le faire ça DOIT en valoir la peine.

Il y a un soucis dans la façon dont le site est construit, il ne faut pas utiliser le body pour faire un div.. tu fais un div qui englobe tous les autres div et tu lui mets une bordure de 1px.. vu que c'est ça que tu cherches à faire. Et sinon il faut faire une feuille CSS pour le site entier et non pas une feuille par page.

Dans ton CSS tu as:
   

tu changes par ça:

Pour ton image avec du texte pour le fond de ton site, si elle est en png, enlève le fond.. et tu mets donc la couleur de fond directement sur le css, c'est bcp plus simple.

J'ai pas regardé le reste du code de ton site, tu devrais aller faire un tour sur lesiteduzero et dans la partie programmation du forum.

Sinon d'un point de vue ergonomie, je te conseille de mettre le logo de Facebook avec sa vraie couleur, le bleu et de virer le compteur de visiteurs sur ton site, ouvre toi un compte google et mets un code google analytic si tu veux des stats mais les gens s'en fouttent de savoir que Robert visite le site en même temps qu'eux

oui je regarde  
et c'est quoi la difference entre les codages que tu me montres? on arrive au même résultat non ?
(désolé je suis chiant ^^)
j'ai déjà analytics aussi =)

tu as 5 feuilles CSS non optimisés dans tes feuilles de style alors que tu peux faire ça plus simplement et optimiser le tout

Quand tu fais un plan 3D, tu respecte certaines normes d'architecture pour que la maison ne s'écroule pas un jour, là c'est un peu pareil.

pourquoi fait compliqué quand on peut faire simple?

ba disons que pour moi c'est plus facile de me répérer pour les class et les div =)
ce n'est que mon premier site =)

Voilà après avoir suivi vos remarques, notamment sur les cours de jpeg  
merci à amonsterandgirls, GenyaB, Skopos, Progenik et bien d'autre que j'oubli surement =)
 
Alors j'ai transformé et essayé de réduire au max la taille des fichiers images et les mettre en jpg  
 
Pouvez-vous me dire si le temps de chargement de la page accueil (j'ai fais des modif que sur celle la pour le moment) est long ?
et la taille de mes fichiers sur cette page ?
elle était à environ 1.3 mo la première fois
 
mercii

environ 300ko

Ton site met 1,7 à se charger, je suis sur qu'en optimisant tes CSS/Html et en compilant les CSS en un seul fichier tu passes en dessous de 1 seconde.

bon après il est normal que tu veuilles pas passer 6 mois sur le code de ton site

ah ouais 300 ko j'avoue y a une grosse diffèrence je vais faire de même pour les autres pages ^^
bon après optimiser le css/html c'est plus dans mes compétences lol
 
amonsterandgirls tu es webdesigner ou webmaster ?

On est autour de 320ko, c'est mieux mais tu peux encore gratter des ko.
Le fond du site je pense que tu peux en augmenter la compression sans altérer visiblement la qualité.
 
Tu as conservé ton logo en png alors que tu peux l'éviter.
 Il suffit d'intégrer le logo à la banière et de découper en 2 img ( je suppose que tu veux garder le logo cliquable).

Skopos oui je veux garder mon logo indépendant de ma bannière
vous êtes très rigoureux à ce que je vois 320ko pour moi c'est déjà bien
skopos tu es webdesigner ou webmaster ?

 
C'est pas gênant pour ton site, après c'est juste pour éviter de pomper trop de ressources sur ton serveur
Sinon oui je suis un peu des deux, je suis chargé de communication pour une agence média.

a ok tu es très fort alors =) tu as un site perso ?
tu saurais m'aider sur du php récupération de donnée du formulaire ?
en faite avec mon script je récupère les données de mon formulaire sauf sur 2 champs !
tu es sur paris ? tu proposes tes services aux gens pour des créations de site internet ?

Je suppose que qd tu fais un plan tu veilles à ne pas gaspiller l'espace, ben là c'est un peu pareil
Sinon je suis juste un amateur un peu éclairé

lol pas mal skopos xD
skopos tu as un site perso ? voir 2 je pense

 
 
j'ai un site mais plus à jour depuis fort longtemps, look mon profil
Sinon pour te répondre, oui, oui et oui^^ mais vu que ça n'a rien à voir avec cette section tu peux me contacter via contact(at)trackz.fr