Page 1 sur 1

premier essai, vos avis

Publié : 09 août 2007, 23:43
par fouafond
Après mes questions sur ce forums pour créer un design, je me suis entêté à faire comme je le voulais, histoire d'essayer.
Voila donc mon premier essai de design, pour un site de mon université ici http://perso.orange.fr/1es1/
Le site est très simple et réalisé avec Word, dites moi ce que vous en pensez.

Publié : 10 août 2007, 08:01
par cuak
c'est normal que chat soit en gros tout pixelliser?

Publié : 10 août 2007, 08:20
par plovemax
tu aurai mieux fait de ne ne pas t'entêter.


Désolé je vais être cru mais je crois que tu as besoin qu'on te mettes les points sur les i :
nul, sale, deux...

Maux d'Edith : dit comme çà c'est peut-être un peu sec. Je vais donc développer.
- Erreur de conception
- Validation html W3C : 75 erreurs :!: :!: :!:
- Le code CSS ou équivalent doit être du même tabac...
d'où un affichage hasardeux dans les navigateurs (Ceux testés Safari, Konqueror -même moteur à la base-, Firefox) les images sont étirées, il manque un bouton sur firefox, le fond est répété deux fois...

Concernant la réalisation graphique
les goûts, les couleurs tout çà tout çà. Personnellement je trouve un peu chargé mais bon...
Plus grave, certains de tes boutons sont un peu baveux.

Publié : 10 août 2007, 11:22
par fouafond
Non ce n'est pas normal que ce soit pixelisé, moi je le voi très bien, mais en fait j'avais fait ca avant de poser mes questions sur le forum, du coup je l'ai publié quand même pour voir ce que ca donne...

Publié : 10 août 2007, 11:49
par imagimp
Salut Fouafond

Et bien pour un premier site je trouve que c'est pas si mal.
Bon c'est pas du professionel mais il y a du résultat.

C'est sur il y a quelques erreurs à modifier comme:
- Tu as qu'une seul image pour le fond > ça peut être lourd à charger pour les petites connexions et en plus t'es obligé de la compresser pour diminuer son poids ce qui oblige la pixellisation.
- Code xHTML > c'est un petit peu le fouillis.
- Ton image de fond se multiplie selon la résolution d'écran > A modifier dans ton BODY.

Pour la mise en page crée une feuille de style c'est plus pratique et allège ton code sur tes pages.
Pour le design, coupe ton fond en différentes images ce qui t'évitera de trop compresser et place les dans un tableau "ou autre".

Une petite remarque:
Le style est trop saccadé en haut, il faut l'adoucir un peu.
Comme pour la bannière titre.
Par contre bonne idée pour le cable avec le scintillement en bas.

Bon courage

Publié : 10 août 2007, 12:14
par Adreqi
J'ai quelques remarques à émettre sur ce site :

le design dans son ensemble est pas mal du tout, mais il est gâché par quelques détails assez embêtants :

->le format gif est à proscrire. remplace ça par du png, tu vas voir ce sera nettement plus beau. gif ne peut afficher que 256 couleurs, et comparé à l'image de fond qui est au format jpg, et qui affiche énormément plus de couleurs, ça colle pas.
->Je rejoins imagimp sur l'image de fond. garder ça en une seule image n'est pas une très bonne idée pour les raisons qu'il cite.
->La génération du site avec Microsoft Word n'est pas une bonne idée. Microsoft Word est un logiciel de traitement de texte, pas un éditeur de pages web. Tu devrais plutôt t'orienter vers nvu, dreamweaver ou même le bloc-notes...
->je ne critiquerai pas le code puisqu'il a été généré par Microsoft Word et que cette seule constatation vaut toutes les critiques. n'oublions pas que IE sort aussi de chez microsoft, et question respect des normes, j'ai vu mieux (au hasaaard... firefox ? :twisted: )
->Le redimensionnement des images : la très grande image (gif !) au centre a manifestement été mise dans une balise qui spécifie des dimensions supérieures à celles d'origine. c'est pas beauuuuuuu

voila je pense que c'est tout, bon courage à toi :)

Publié : 10 août 2007, 12:15
par fouafond
Pour répondre à imagimp, je ne sait pas faire mon fond en plusieur parties car ce site est réalisé avec word, ici l'image est placée en arrière plan tout simplement. Je n'utilise pas le HTML, je ne sait donc pas modifier le code :(

Publié : 10 août 2007, 12:20
par fouafond
dayplayr a écrit :J'ai quelques remarques à émettre sur ce site :

le design dans son ensemble est pas mal du tout, mais il est gâché par quelques détails assez embêtants :

->le format gif est à proscrire. remplace ça par du png, tu vas voir ce sera nettement plus beau. gif ne peut afficher que 256 couleurs, et comparé à l'image de fond qui est au format jpg, et qui affiche énormément plus de couleurs, ça colle pas.
->Je rejoins imagimp sur l'image de fond. garder ça en une seule image n'est pas une très bonne idée pour les raisons qu'il cite.
->La génération du site avec Microsoft Word n'est pas une bonne idée. Microsoft Word est un logiciel de traitement de texte, pas un éditeur de pages web. Tu devrais plutôt t'orienter vers nvu, dreamweaver ou même le bloc-notes...
->je ne critiquerai pas le code puisqu'il a été généré par Microsoft Word et que cette seule constatation vaut toutes les critiques. n'oublions pas que IE sort aussi de chez microsoft, et question respect des normes, j'ai vu mieux (au hasaaard... firefox ? :twisted: )
->Le redimensionnement des images : la très grande image (gif !) au centre a manifestement été mise dans une balise qui spécifie des dimensions supérieures à celles d'origine. c'est pas beauuuuuuu

voila je pense que c'est tout, bon courage à toi :)
:oops: :oops: Je n'ai ps utilisé de gif! le fond est au format jpg, au début je l'avais mi en png, dans word ca allait, mais une fois uploadé, le fond se mettait tout seul en gif et la c'était pas beau. je pense que le résultat dépend du navigateur, de la taille d'écran etc parceque moi a mon écran tout est nikel, aucun pixel. Pour le fond qui se répete, pourtan j'ai fait expré de mettre une image plus grande pour éviter ca justement, aparament ca n'a servi à rien :(

Publié : 10 août 2007, 12:32
par Adreqi
fouafond a écrit : :oops: :oops: Je n'ai ps utilisé de gif! le fond est au format jpg
le fond est au format jpg ça oui, c'est pas le fond que je critiquais mais les images de liens (blog, tchat, forum, liens) et les pubs pour ifrance et skyblog, qui elles sont bien en .gif ^^

le fond qui se répète c'est tout simplement parce que tous les écrans n'ont pas une taille identique ! on ve verra pas la même image en 800x600 qu'en 1600x1200, et si tu te réfères à un des deux cas tu vas forcément le faire au détriment de l'autre. il faut juste que tu spécifies ça dans le css
<body style="background-repeat:no-repeat;">

Publié : 10 août 2007, 12:34
par fouafond
c'est bisare, meme les boutons sont normalement au format jpg, je n'enregistre jamais en .gif
pour le code pour éviter que le fond se répete, je peu le modifier en ouvrant ma page avec nvu ou le bloc note??

Publié : 10 août 2007, 12:39
par Adreqi
tu peux ouvrir avec le bloc notes oui, t'as juste à trouver le code
<body bgcolor=white background="index_fichiers/image001.jpg" lang=FR link=blue
vlink=blue style='tab-interval:35.4pt'>

et a le remplacer par
<body bgcolor=white background="index_fichiers/image001.jpg" lang=FR link=blue
vlink=blue style='tab-interval:35.4pt; background-repeat:no-repeat'>

Publié : 10 août 2007, 12:47
par Papy the lolo
Visu sous firefox : Nulle a ch... problème de taille des image...
Opéra quif quif
IE ok bizarre Non , vous avez dit bizarre

Publié : 10 août 2007, 12:48
par fouafond
oui moi je voi tout bien sur IE

Publié : 10 août 2007, 13:00
par plovemax
Encore heureux que Microsoft soit capable de faire communiquer à peu près correctement ses propres applications entre elles. Maintenant IE représente environ 75% des parts de marché, à toi de voir si tu t'assois sur les 25 autres % (C'est un choix, moi à une époque j'avais fais l'inverse et IE était à 85% de PDM à l'époque :P :l0l: )

Publié : 10 août 2007, 13:10
par Adreqi
en même temps si tu t'appuies sur firefox pour tester tes fichiers et que ça marche, t'auras de grandes chances que ça marche aussi avec IE... alors que l'inverse n'est évidemment pas vrai :P

Publié : 10 août 2007, 13:18
par plovemax
dayplayr a écrit :en même temps si tu t'appuies sur firefox pour tester tes fichiers et que ça marche, t'auras de grandes chances que ça marche aussi avec IE... alors que l'inverse n'est évidemment pas vrai :P
Sauf que j'avais fais exprès de mettre des png dans mes chartes graphique pour "égarer" l'affichage dans IE 6 (J'ai même mis un avertissement du genre :" Ce site n'est pas optimisé pour Internet Explorer. Merci de choisir un navigateur moderne."