Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1227 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Demande de critiques (quasi-noob inside)

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Demande de critiques (quasi-noob inside)

n°716220
ariankh
Posté le 20-09-2005 à 13:46:45  profilanswer
 

Alors, z'en pensez quoi ? Ma 2eme page web, la 1ere étatn un site de merde, sans frames, mais avec sous-pages foireuses, ...
 
 
 
Donc c'est une page d'entrée pour mon FTP qui deviendra ptet une galerie, faite dans le but de présenter ce qu'il y aura plus tard, sans réel contenu pour le moment, mais ca viendra. CSS et HTML (je crois), sous Notepad2.
 
Le style, ben parceque j'aime bien le noir et le vert [:dawa]  
 
Puis si je pouvais avoir des commentaires sur la source ca serait sympa, je débute presque complètement... et c'est surtout le design, et la source que je demande de commenter, de toute facon y a pas grand chose d'autre.
 
http://ariankh.free.fr
 
PS : 2-3 fautes qui trainent, j'ai pas fait spécialement attention.
 
PPS : Y a vraiment aps grand chose a commenter, j'upperais le sujet quand ca aura pris un peu de profondeur.

Message cité 1 fois
Message édité par ariankh le 20-09-2005 à 13:48:21

---------------
On m'a dit de mettre une signature qui claque, alors je le fais.
mood
Publicité
Posté le 20-09-2005 à 13:46:45  profilanswer
 

n°716222
kmenslow1
:o)
Posté le 20-09-2005 à 13:55:25  profilanswer
 

N'utilise pas le format .png pour tes images ! C'est 10x trop lourd. Le jpg est parfait pour le Oueb.

n°716234
gatsusat
Posté le 20-09-2005 à 14:06:13  profilanswer
 

le PNG permet la transparence sur couche Alpha boulet, mais IE6 et < ne gère pas ca.
Le jpg c'est juste bon pour des photos

n°716239
kmenslow1
:o)
Posté le 20-09-2005 à 14:15:17  profilanswer
 

Le GIF permet également de faire de la transparence et son poids est bien plus faible.

n°716246
FlorentG
Unité de Masse
Posté le 20-09-2005 à 14:37:53  profilanswer
 

kmenslow1 a écrit :

Le GIF permet également de faire de la transparence et son poids est bien plus faible.


Erreur :o Pour une même image, le PNG sera beaucoup plus léger que le GIF :o

n°716248
FlorentG
Unité de Masse
Posté le 20-09-2005 à 14:39:12  profilanswer
 

ariankh a écrit :

Alors, z'en pensez quoi ? Ma 2eme page web, la 1ere étatn un site de merde, sans frames, mais avec sous-pages foireuses, ...


Ce qui serait le mieux, c'est que tu commences par apprendre l'HTML. Tu aurais découvert qu'on ne fout jamais d'éléments en dehors du body [:johneh]  [:johneh] Là y'a des div qui traînent [:johneh] Résultat du validateur

n°716249
FlorentG
Unité de Masse
Posté le 20-09-2005 à 14:39:34  profilanswer
 

Il arrive même pas à valider, y'a des caractères chelous :(

n°716252
kmenslow1
:o)
Posté le 20-09-2005 à 14:46:29  profilanswer
 

Ok FlorentG
 
Mais pourquoi utiliser le PNG alors que le standard est le Gif ou JPg ?

n°716254
FlorentG
Unité de Masse
Posté le 20-09-2005 à 14:49:43  profilanswer
 

Où est-ce que t'as vu que le gif était un standard ? :heink: Au contraire, pendant certaines années sombres, à cause d'une histoire de brevet, tout le monde a pensé à le lâcher. Aussi, 98% des web-machins savent à peine ce qu'est le PNG, d'où sa faible utilisation. Les vrais par contre l'utilise beaucoup, vu qu'il est autant supporté que le GIF, et qu'il est plus léger..

n°716304
wizopunker
FUCK ANARCHY!
Posté le 20-09-2005 à 15:59:10  profilanswer
 

heu, les jpeg de 150*200pxl à 750ko, c'est du suicide :lol:
 
quelle idée d'afficher ça contraint en 200*150pxl, et y a même pas la possibilité de l'aggrandir :lol:


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
mood
Publicité
Posté le 20-09-2005 à 15:59:10  profilanswer
 

n°716307
kmenslow1
:o)
Posté le 20-09-2005 à 16:08:20  profilanswer
 

FlorentG a écrit :

Où est-ce que t'as vu que le gif était un standard ? :heink: Au contraire, pendant certaines années sombres, à cause d'une histoire de brevet, tout le monde a pensé à le lâcher. Aussi, 98% des web-machins savent à peine ce qu'est le PNG, d'où sa faible utilisation. Les vrais par contre l'utilise beaucoup, vu qu'il est autant supporté que le GIF, et qu'il est plus léger..


 
Je l'ai lu sur pleins de tutos.  :sweat:  
Je vais me pencher sur le cas du PNG pour en savoir plus (vais faire quelques tests ce soir  :sarcastic: )

n°716310
gatsusat
Posté le 20-09-2005 à 16:15:44  profilanswer
 

kmenslow1 a écrit :

Je l'ai lu sur pleins de tutos.  :sweat:  
Je vais me pencher sur le cas du PNG pour en savoir plus (vais faire quelques tests ce soir  :sarcastic: )


Après certains tests, j'en suis venu à la conclusion toute simple :  
 
Pour des photos à partager : du JPG pour plaire à tout le monde
 
Pour de la mise en page et du graphisme web : du PNG 32 ou du PNG 24
 
Pour avoir de la transparence : PNG 8bits avec transparence d'index, en attendant que tous les navigateurs se mettent à gerer le la transparence alpha (ex: IE)
 
PS : le PNG est largement supérieur au gif 8bit et compresse mieux, exemple avec une image de 200x300 et 2 carrés de couleurs
 
J'ai enregistré le tout en 128 couleurs avec transparence d'index, mes Deux images sont transparentes, mais le gif fait 805 octets et le PNG seulement 200 octets.
 
Pour une image animée : le gif, malheureusement et plus tard il faudra remplacerle gif animé par le MNG (du PNG animé)
 
A noter que le format PNG est open-source tout comme le MNG


Message édité par gatsusat le 20-09-2005 à 16:16:09
n°716319
Ardant
fuck a duck
Posté le 20-09-2005 à 16:37:34  profilanswer
 

FlorentG a écrit :

Erreur :o Pour une même image, le PNG sera beaucoup plus léger que le GIF :o


 
pour cette image toute simple en 150x150
 
http://mapage.noos.fr/ardant3d/test1.gif
 
- GIF 32 coul + transparence param=(selective,diffusion,tramage100%) le poid et de 8.33Ko
- PGN-8 32 coul + transparence param=(selective,diffusion,tramage100%) le poid est de 10.9Ko
- JPEG qual = 100% le poid est de 31.07Ko    qual= 50% le poid est de 6.28Ko
- PGN-24 + transparence le poid est de 30Ko (non supporté par IE 6)
 
Conclusion le gif et le jpg (a 50% de qual) sont a préférer... et en plus accessible a tous!

Message cité 2 fois
Message édité par Ardant le 20-09-2005 à 16:43:43
n°716359
gatsusat
Posté le 20-09-2005 à 17:49:48  profilanswer
 

Ardant a écrit :

pour cette image toute simple en 150x150
 
- PGN-24 + transparence le poid est de 30Ko (non supporté par IE 6)
 
Conclusion le gif et le jpg (a 50% de qual) sont a préférer... et en plus accessible a tous!


 
Quand tu utilise la transparence Alpha sur du PNG 24, ca devient du PNG 32
 
puisque : 32 = 8 bit x 4
ca nous fait 1 octet pour chaque couche
 
Couche Rouge
Couche Verte
Couche Bleue
couche de la transparence Alpha

n°716394
Ardant
fuck a duck
Posté le 20-09-2005 à 18:33:48  profilanswer
 

oui et?

n°716427
ariankh
Posté le 20-09-2005 à 18:57:42  profilanswer
 

Merci de vos réponses, même si ca casse un bon coup, c'est au moins clair : je vais essayer d'arranger tout ca :)


---------------
On m'a dit de mettre une signature qui claque, alors je le fais.
n°716521
MisteR War​E
Allons plus loin =&gt;
Posté le 20-09-2005 à 20:01:40  profilanswer
 

ariankh a écrit :

Merci de vos réponses, même si ca casse un bon coup, c'est au moins clair : je vais essayer d'arranger tout ca :)


[:amarant]


---------------
http://www.reivaxbook.fr
n°716561
ariankh
Posté le 20-09-2005 à 20:21:14  profilanswer
 

Toutafé, mais ca avance : jpg pour le fond, ajout d'une boite pour les liens, et je vais jeter un oeil sur les accents tout de suite, merci a tous  :jap:


---------------
On m'a dit de mettre une signature qui claque, alors je le fais.
n°716568
wizopunker
FUCK ANARCHY!
Posté le 20-09-2005 à 20:22:44  profilanswer
 

et pour tes thumbails, resize les avant de les intégrer, au lieux d'integrer des image en 1200 pixels que tu laisses charger en entier et resizer sous le browser :)


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°716584
ariankh
Posté le 20-09-2005 à 20:27:14  profilanswer
 

CAD ? J'ai pas mis de thumbnails, tout est en taille réele, je crois.


---------------
On m'a dit de mettre une signature qui claque, alors je le fais.
n°716589
wizopunker
FUCK ANARCHY!
Posté le 20-09-2005 à 20:28:46  profilanswer
 

boaaahaha désolé je me suis gourré de topic :lol:
 
Désolé pour la frayeur que j'ai dut te faire :D
 
EDIT: ptaing c'est bien dans ce topic que j'ai noté ça, mais c'est pas sur ton site.. Je comprend rien à la boulette que j'ai fait encore.. Ne tiens pas compte de ce que j'ai dit dans ton topic, faut que je me remettre à l'alcool je crois :D


Message édité par wizopunker le 20-09-2005 à 20:30:35

---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°716591
ariankh
Posté le 20-09-2005 à 20:30:28  profilanswer
 

Pas grave, c'est ce que je demande, des frayeurs [:fez666]


---------------
On m'a dit de mettre une signature qui claque, alors je le fais.
n°716594
wizopunker
FUCK ANARCHY!
Posté le 20-09-2005 à 20:31:48  profilanswer
 

bah ouais, je comprend pas trop ce qui m'est arrivé encore. J'avais vu un site avec des thumb, c'était des images de 700ko (genre du 1200*960) qui était forcé en affichage à 200*150 en thumb. Je vais faire un tour dans les topic ou j'ai pas posté, j'ai dut me gourrer d'onglet de firefix :D


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°716610
ariankh
Posté le 20-09-2005 à 20:49:33  profilanswer
 

Entre temps : http://validator.w3.org/check?uri= [...] ype=Inline
 
[:dawa] Ca marche ! Maintenant remettre les accents.
 
PS : Accents mis, maintenant faudrait une galerie.


Message édité par ariankh le 20-09-2005 à 21:07:39

---------------
On m'a dit de mettre une signature qui claque, alors je le fais.
n°716761
FlorentG
Unité de Masse
Posté le 21-09-2005 à 09:11:19  profilanswer
 

Ardant a écrit :

pour cette image toute simple en 150x150
 
http://mapage.noos.fr/ardant3d/test1.gif
 
- GIF 32 coul + transparence param=(selective,diffusion,tramage100%) le poid et de 8.33Ko
- PGN-8 32 coul + transparence param=(selective,diffusion,tramage100%) le poid est de 10.9Ko
- JPEG qual = 100% le poid est de 31.07Ko    qual= 50% le poid est de 6.28Ko
- PGN-24 + transparence le poid est de 30Ko (non supporté par IE 6)
 
Conclusion le gif et le jpg (a 50% de qual) sont a préférer... et en plus accessible a tous!


 
Euh.....  
 
 
PNG-8 :
 
http://img364.imageshack.us/img364/1852/test18tr.png
 
7.14 Ko :o :o :o Soit 85% de la taille du gif ;)
 
Et tout aussi accessible que le gif, voir Current Status of PNG

n°716778
Ardant
fuck a duck
Posté le 21-09-2005 à 10:21:38  profilanswer
 

Interéssant! ces remarques auraient leur place dans un topic dédié car elles pourraient être utiles à beaucoup.  
 

FlorentG a écrit :

Euh.....  
 
 
PNG-8 :
 
http://img364.imageshack.us/img364/1852/test18tr.png
 
7.14 Ko :o :o :o Soit 85% de la taille du gif ;)
 
Et tout aussi accessible que le gif, voir Current Status of PNG


 
 
Hmmm.... dans les propriétés de ton image le poid indiqué est de 7.31ko
 
GIF :
 
http://mapage.noos.fr/ardant3d/t3.gif
 
7.12 Ko (poid affiché dans les propriétés quand on clique/droit sur l'image) et 6.96 Ko selon les indications de l'optmisation...  
 
toujours au dessus d'un JPG a 50% de qualité quand même, mais la on gere la transparence.

Message cité 1 fois
Message édité par Ardant le 21-09-2005 à 10:26:00
n°716783
wizopunker
FUCK ANARCHY!
Posté le 21-09-2005 à 10:34:29  profilanswer
 

ouha, 0.01 ko de mieux? Mon choix est tout de suite fait :love:


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°716790
MisteR War​E
Allons plus loin =&gt;
Posté le 21-09-2005 à 10:48:08  profilanswer
 

wizopunker a écrit :

ouha, 0.01 ko de mieux? Mon choix est tout de suite fait :love:


 :D  
 
C'est quif quif bourico  :whistle:  
De toute façon PNG, GIF ça ne change rien : seul le PNG 8 est accepté sous IE.
 
Là ou ça serai intéressant de débattre, c'est quand le PNG 24 sera adopté et retravaillé pour un poid minime avec sa couche ALPHA. Pour le moment, je trouve la compression du PNG 24 insuffisante  :(  
 
Il est si important de faire des sites à un poids de fichier très petit pour l'accessibilité  ;)


---------------
http://www.reivaxbook.fr
n°716792
wizopunker
FUCK ANARCHY!
Posté le 21-09-2005 à 10:48:49  profilanswer
 

http://forum.hardware.fr/hardwaref [...] tm#t716788
 
C'était lui avec son site avec des image resizé comme un fou sur le site :lol:
Il importe une image de 700ko pour forcer son affichage en 200*150, et le pire c'est qu'il veut même pas qu'on la voit en grand :D


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°716795
MisteR War​E
Allons plus loin =&gt;
Posté le 21-09-2005 à 10:51:59  profilanswer
 

wizopunker a écrit :

http://forum.hardware.fr/hardwaref [...] tm#t716788
 
C'était lui avec son site avec des image resizé comme un fou sur le site :lol:
Il importe une image de 700ko pour forcer son affichage en 200*150, et le pire c'est qu'il veut même pas qu'on la voit en grand :D


ça choc n'est ce pas ? :D  
Même mes fonds d'écran de bonne qualité ne dépasse pas 110 Ko  :lol:


---------------
http://www.reivaxbook.fr
n°716802
FlorentG
Unité de Masse
Posté le 21-09-2005 à 11:08:30  profilanswer
 

Ardant a écrit :

Hmmm.... dans les propriétés de ton image le poid indiqué est de 7.31ko


Firefox me dit 7.14 Ko :o 7313 octets, ça fait 7.14 Ko...
 

Ardant a écrit :

GIF :
 
http://mapage.noos.fr/ardant3d/t3.gif
 
7.12 Ko (poid affiché dans les propriétés quand on clique/droit sur l'image) et 6.96 Ko selon les indications de l'optmisation...


Tu dois avoir des problèmes de calcul :pt1cable: Ton .gif fait exactement 7129 octets, ce qui fait 6.96 Ko (on oublie pas qu'un kilo-octet fait 1024 octets ;) )
 
Aussi, pour ton dernier gif, tu as triché :o T'as mis un peu de "perte", du coup l'image est légèrement dégradé :o Moi je veux l'image comme elle est au début, et pour cela, le PNG est toujours plus léger (sauf les machins de 4 pixels)...

n°716812
Ardant
fuck a duck
Posté le 21-09-2005 à 12:07:07  profilanswer
 

en dehors des petites batailles "bon-enfant" si tu nous faisais partager la façon dont tu optimises, softs utilisés, réglages d'optimisation etc.. ça pourrait intérésser quelques personnes je crois

n°716816
FlorentG
Unité de Masse
Posté le 21-09-2005 à 12:17:24  profilanswer
 

lol :D
 
PNGGauntlet, basé sur PNGOut, petit soft qui optimise les PNG à donf' (le mec qu'a fait ça est le mec qui a pondu le moteur de Duke Nukem 3D à l'âge de 17-18-19 ans :D )
 
[tricheur quand-même :o]
 
Sinon, comme dit, pour les micro-images de quelques pixels, le gif est meilleur (moins de metadata). Par contre, dès qu'on augment la taille, le PNG est mieux, si on l'optimise avec les bons outils :)

n°716850
ariankh
Posté le 21-09-2005 à 13:25:56  profilanswer
 

Update avec une galerie en plus, et tout passe au validateur :)


---------------
On m'a dit de mettre une signature qui claque, alors je le fais.
n°716862
MisteR War​E
Allons plus loin =&gt;
Posté le 21-09-2005 à 13:47:04  profilanswer
 

ariankh a écrit :

Update avec une galerie en plus, et tout passe au validateur :)


Fait un effort de design  :(


---------------
http://www.reivaxbook.fr
n°716864
ariankh
Posté le 21-09-2005 à 13:50:02  profilanswer
 

C'est a dire ? Trop pétant, trop chargé ?


---------------
On m'a dit de mettre une signature qui claque, alors je le fais.
n°716868
MisteR War​E
Allons plus loin =&gt;
Posté le 21-09-2005 à 13:51:35  profilanswer
 

ariankh a écrit :

C'est a dire ? Trop pétant, trop chargé ?


pétant et flou
Essaye de faire un vrai site avec un menu puis une page bien remplie : puis on te guidera au fur et à mesure  :jap:


---------------
http://www.reivaxbook.fr
n°716922
ariankh
Posté le 21-09-2005 à 16:02:18  profilanswer
 

MisteR WarE a écrit :

pétant et flou
Essaye de faire un vrai site avec un menu puis une page bien remplie : puis on te guidera au fur et à mesure  :jap:


 
Ca marche, je vais voir ca.


---------------
On m'a dit de mettre une signature qui claque, alors je le fais.
n°716938
MisteR War​E
Allons plus loin =&gt;
Posté le 21-09-2005 à 16:55:29  profilanswer
 

Regardes les zolies sites http://cssvault.com/gallery.php
Inspires toi-en


---------------
http://www.reivaxbook.fr
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Demande de critiques (quasi-noob inside)

 

Sujets relatifs
Besoin de critiques sur mon site... newbie inside..Manque d'inspiration... Critiques constructives bienvenues !
demande de tutoriels sur la typographiedemande petits travaux graphiques
Web Designer soumet sites à vos critiquesBesoin d'avis et de critiques sur un site
[Blender] salon besoin de vos critiques!noob sur blender
[WIP Anatomie] Références et simplifications (nude inside) 
Plus de sujets relatifs à : Demande de critiques (quasi-noob inside)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR