Aide pour design

[lana.boo]

Coucou tout le monde. Je suis en train de créer un site internet ( http://www.faire-soi-meme.net ). Je suis novice en la matière. Je le fais surtout dans le but d'apprendre. Je manque d'idée pour le design de mon site et en particulier la page d'accueil.
Pourriez vous me donner votre avis et me donner quelque idée pour le rendre plus beau et plus pro. Merci d'avance.
N'ayez pas peur de me dire la vérité car je ne suis pas susceptible du tout. Je veux juste m'améliorer.

[spout]

http://www.actuaref.com/outils/templates-et-kits-graphiques-gratuits.php

[lana.boo]

Je ne suis pas intéressée par un truc tout fait mais merci quand même

[JulienV]

Salut

Le principe d'un template (surtout CSS) n'est pas de le copier tel quel, mais de l'adapter à ses besoins.

Si tu n'es pas pro en design, c'est vraiment la meilleure solution

[nza2k]

Hello,

Tu cherches à apprendre quoi exactement ? Le PHP, le XHTML, le CSS ?

Pour PHP, j'ai commencé à apprendre notamment avec PHPDebutant.
Pour le CSS/XHTML, j'ai appris pas mal de choses avec Alsacreations.

... Puis des heures et des heures à coder / débuguer que je ne compte plus.

[guicara]

Bonjour,

Il est vrais que t'a page d'accueil ne fait pas très "pro". On peut noter par exemple quelques points :
- le header (entête) qui n'a pas la même largeur que le corp de ta page
- les boutons nuage ne sont plus de ce temps
- pas de séparation entre le corp et le fond de page
- selon les gouts, mais je trouve la typo mal adapté pour le web (préfère par exemple Verdana, Trebuchet, Arial)

Je t'invite également à te baser sur un kit graphique (gabarit) à personnaliser par la suite.

[lana.boo]

Merci pour vos conseils. J'en prend note. Je vais effectuer tous les changements que vous m'avez conseillé et on verra bien ce que ça donne.

[leo11173]

Tu es novice en la matière en effet. Déjà le point positif, c'est que tu n'as pas eu la mauvaise idée de polluer ton site avec des gif clignotants et autres guirlandes de mauvais gout.

Le design et l'apprentissage du css c'est un casse tête au début, mais en y accordant un peu de temps on progresse plutôt vite.
Le Siteduzero (.com) propose de très bon guides XHTML / CSS pour débuter et faire les choses dans les règles de l'art. En ce qui concerne l'inspiration, ça ne viens pas comme ça en effet, pour trouver des idées tu peux par exemple visiter une 50ène de sites abordant le même sujet que toi, je suis certain que tu tomberas sur des idée auquel tu n'avais pas pensé, les site des autres sont souvent une bonne source d'inspiration (pas de copiage hein ^^).

Sur ton site, ce qui ma le plus choqué, c'est d'être encadré par tous ces rectangles. Des formes moins strictes plus discrètes permette souvent d'harmoniser le site et de lui donner un aspect plus dynamique.

[lana.boo]

j'ai changer plein de chose. Est ce mieux? je lis beaucoup de sur le net à ce sujet. J'ai encore beaucoup de boulot.

[lana.boo]

Merci pour le site du zéro. Il est génial. Ca devrait beaucoup m'aider.

Merci beaucoup a tous pour votre honnêteté! C'est ça qui me permet aussi d'avancer dans la bonne direction.

[leo11173]

C'est déjà nettement plus agréable.
Ps : sur le bandeau de ton site, pense à faire un lien pointant vers ta page principale (sur l'image du bandeau).

J'ai pour habitude du cliquer le bandeau pour revenir a l'accueil, et je suis certain de ne pas être le seul à faire ceci.

[Marie-Aude]

Sinon fait attention à la taille des images. 1,8 mega pour afficher une vignette de moins de 150px de large (l'anneau sur la page http://www.faire-soi-meme.net/loisirs_creatifs/les_perles/sommaire.html) ça ne le fait pas

[lana.boo]

Sinon fait attention à la taille des images. 1,8 mega pour afficher une vignette de moins de 150px de large (l'anneau sur la page http://www.faire-soi-meme.net/loisirs_creatifs/les_perles/sommaire.html) ça ne le fait pas

Merci beaucoup du conseil. Je vais arranger ça.

[lana.boo]

J'ai tout refait le design. Je suis reparti de zéro.
Qu'en pensez vous? est ce mieux comme ça?

Les images sont toujours trop grosse?
Comment encore l'améliorer?

[stone66]

Bonjour,

- tes images sont toujours trop lourdes, elles font 1000px × 750px et tu les redimensionne en 100px x 75px, il faut créer des vignettes à la bonne taille !!! On ne redimensionne pas une image, on l'affiche directement à la bonne taille.

- des images qui font parfois plus de 200000 Octets, tu vises des gens qui ont une bonne bande passante.

- le lien contact devrait ouvrir un formulaire à remplir et pas ton logiciel de messagerie preferé.

- certaines pages ont le même titre et la même description.

- tu ne defini pas ta police dans le body de ta feuille de style : par exemple : font-family:Arial, Verdana, Helvetica, sans-serif

- quand tu inseres une image en xhtml ajoute la taille afin que le navigateur n'ai pas à la chercher, exemple : <img src="/image.png" width="100" height="50" />

- tes titre d'articles dans les pages centrales devraient pour moi être en <H1> plutot qu'en <H2>

- certaines de tes images sont dans un <H3> !!!

- tu es en XHTML quoi ? stict, transitionnal ... on ne le voit pas doans le doctype de ta page.

- tes <br> devrais etre <br />

- tu n'est pas valide W3C : http://validator.w3.org/check?uri=http%3A%2F%2Fwww.faire-soi-meme.net% ... ne&group=0

bonne continuation.