premier essai, vos avis

Habillage de sites web et de forums : réalisation graphique et technique.

Modérateur : Ze Techos

Répondre
Avatar de l’utilisateur
fouafond
Gimpeur extraordinaire
Messages : 158
Inscription : lun. juil. 09, 2007 12:41 am
Localisation : Aisne, picardie
Contact :

premier essai, vos avis

Message par fouafond » jeu. août 09, 2007 11:43 pm

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.
[img]http://pagesperso-orange.fr/1es1/hl.png[/img]
[img]http://img504.imageshack.us/img504/509/userbarmr3.gif[/img]
[url=http://www.my-crea-gimp.12r.org][img]http://img462.imageshack.us/img462/6516/mycreagimpve3.jpg[/img][/url]
L'abus de Gimp n'est pas dangereux pour la santé, à utiliser sans modération!!!

Avatar de l’utilisateur
cuak
Maître pisteur
Messages : 1338
Inscription : ven. nov. 03, 2006 8:21 pm
Contact :

Message par cuak » ven. août 10, 2007 8:01 am

c'est normal que chat soit en gros tout pixelliser?
[url=http://gatuto.free.fr][img]http://cuak.free.fr/logo/01.png[/img][/url]

Avatar de l’utilisateur
plovemax
Macgimpeur de choc
Messages : 1288
Inscription : jeu. oct. 12, 2006 9:43 pm
Localisation : quelque part pas loin du centre

Message par plovemax » ven. août 10, 2007 8:20 am

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.

Avatar de l’utilisateur
fouafond
Gimpeur extraordinaire
Messages : 158
Inscription : lun. juil. 09, 2007 12:41 am
Localisation : Aisne, picardie
Contact :

Message par fouafond » ven. août 10, 2007 11:22 am

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...
[img]http://pagesperso-orange.fr/1es1/hl.png[/img]
[img]http://img504.imageshack.us/img504/509/userbarmr3.gif[/img]
[url=http://www.my-crea-gimp.12r.org][img]http://img462.imageshack.us/img462/6516/mycreagimpve3.jpg[/img][/url]
L'abus de Gimp n'est pas dangereux pour la santé, à utiliser sans modération!!!

imagimp
Pixelium magister
Messages : 383
Inscription : mer. nov. 01, 2006 4:06 pm
Localisation : Vienne 86
Contact :

Message par imagimp » ven. août 10, 2007 11:49 am

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
[url=http://imagimp.free.fr/]ImaGimp[/url]: Annuaire de ressources didacticiels sur le logiciel gratuit GIMP. Tutos classés par catégories.
[url=http://imagimp.free.fr/][img]http://imagimp.free.fr/creations/divers/promoima2.png[/img][/url]

Avatar de l’utilisateur
Adreqi
Pro de la Gimp-Attitude
Messages : 834
Inscription : lun. mai 02, 2005 12:25 pm
Contact :

Message par Adreqi » ven. août 10, 2007 12:14 pm

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 :)
Adreqi

Site Gimp-Attitude : Découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

Avatar de l’utilisateur
fouafond
Gimpeur extraordinaire
Messages : 158
Inscription : lun. juil. 09, 2007 12:41 am
Localisation : Aisne, picardie
Contact :

Message par fouafond » ven. août 10, 2007 12:15 pm

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 :(
[img]http://pagesperso-orange.fr/1es1/hl.png[/img]
[img]http://img504.imageshack.us/img504/509/userbarmr3.gif[/img]
[url=http://www.my-crea-gimp.12r.org][img]http://img462.imageshack.us/img462/6516/mycreagimpve3.jpg[/img][/url]
L'abus de Gimp n'est pas dangereux pour la santé, à utiliser sans modération!!!

Avatar de l’utilisateur
fouafond
Gimpeur extraordinaire
Messages : 158
Inscription : lun. juil. 09, 2007 12:41 am
Localisation : Aisne, picardie
Contact :

Message par fouafond » ven. août 10, 2007 12:20 pm

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 :(
[img]http://pagesperso-orange.fr/1es1/hl.png[/img]
[img]http://img504.imageshack.us/img504/509/userbarmr3.gif[/img]
[url=http://www.my-crea-gimp.12r.org][img]http://img462.imageshack.us/img462/6516/mycreagimpve3.jpg[/img][/url]
L'abus de Gimp n'est pas dangereux pour la santé, à utiliser sans modération!!!

Avatar de l’utilisateur
Adreqi
Pro de la Gimp-Attitude
Messages : 834
Inscription : lun. mai 02, 2005 12:25 pm
Contact :

Message par Adreqi » ven. août 10, 2007 12:32 pm

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;">
Adreqi

Site Gimp-Attitude : Découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

Avatar de l’utilisateur
fouafond
Gimpeur extraordinaire
Messages : 158
Inscription : lun. juil. 09, 2007 12:41 am
Localisation : Aisne, picardie
Contact :

Message par fouafond » ven. août 10, 2007 12:34 pm

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??
[img]http://pagesperso-orange.fr/1es1/hl.png[/img]
[img]http://img504.imageshack.us/img504/509/userbarmr3.gif[/img]
[url=http://www.my-crea-gimp.12r.org][img]http://img462.imageshack.us/img462/6516/mycreagimpve3.jpg[/img][/url]
L'abus de Gimp n'est pas dangereux pour la santé, à utiliser sans modération!!!

Avatar de l’utilisateur
Adreqi
Pro de la Gimp-Attitude
Messages : 834
Inscription : lun. mai 02, 2005 12:25 pm
Contact :

Message par Adreqi » ven. août 10, 2007 12:39 pm

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'>
Adreqi

Site Gimp-Attitude : Découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

Avatar de l’utilisateur
Papy the lolo
Maître pisteur
Messages : 2731
Inscription : sam. déc. 03, 2005 7:09 pm
Localisation : Montargis
Contact :

Message par Papy the lolo » ven. août 10, 2007 12:47 pm

Visu sous firefox : Nulle a ch... problème de taille des image...
Opéra quif quif
IE ok bizarre Non , vous avez dit bizarre
[color=indigo][b]Administrateur de GA[/b][/color]
Site Gimp Attitude : [url=http://www.gimp-attitude.org/ressources.php]découvrez nos ressources ![/url]
[url=http://tsovorp.org/histoire/index.html][img]http://images.imagehotel.net/4e397efd0d.png[/img][/url] [url=http://radiologie.tsovorp.org/index.html][img]http://images.imagehotel.net/2602f51d28.png[/img][/url][url=http://gimpfractal.tsovorp.org/][img]http://img75.imageshack.us/img75/2733/gimfrqd4.png[/img][/url]

Avatar de l’utilisateur
fouafond
Gimpeur extraordinaire
Messages : 158
Inscription : lun. juil. 09, 2007 12:41 am
Localisation : Aisne, picardie
Contact :

Message par fouafond » ven. août 10, 2007 12:48 pm

oui moi je voi tout bien sur IE
[img]http://pagesperso-orange.fr/1es1/hl.png[/img]
[img]http://img504.imageshack.us/img504/509/userbarmr3.gif[/img]
[url=http://www.my-crea-gimp.12r.org][img]http://img462.imageshack.us/img462/6516/mycreagimpve3.jpg[/img][/url]
L'abus de Gimp n'est pas dangereux pour la santé, à utiliser sans modération!!!

Avatar de l’utilisateur
plovemax
Macgimpeur de choc
Messages : 1288
Inscription : jeu. oct. 12, 2006 9:43 pm
Localisation : quelque part pas loin du centre

Message par plovemax » ven. août 10, 2007 1:00 pm

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: )

Avatar de l’utilisateur
Adreqi
Pro de la Gimp-Attitude
Messages : 834
Inscription : lun. mai 02, 2005 12:25 pm
Contact :

Message par Adreqi » ven. août 10, 2007 1:10 pm

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
Adreqi

Site Gimp-Attitude : Découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

Avatar de l’utilisateur
plovemax
Macgimpeur de choc
Messages : 1288
Inscription : jeu. oct. 12, 2006 9:43 pm
Localisation : quelque part pas loin du centre

Message par plovemax » ven. août 10, 2007 1:18 pm

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."

Répondre