Des conseils pour un site.

Des conseils pour un site. - Web design - Graphisme

Marsh Posté le 20-06-2006 à 00:04:15    

Bonjour,
 
J'ai eu une demande pour un site pour une asbl dont le budget est un peu limité. Je dois leur faire un simple site 5/6 pages max, formulaire compris.
L'asbl en question est musicale.
Le site est entièrement conforme au W3C (enfin, j'essaie :pt1cable: ), mais il n'est qu'à ses débuts. Certaines rubriques ainsi que le choix des couleurs de fond n'est pas encore bien défini.
Néanmoins, ayant trop le nez dessus, j'aimerais avoir quelques avis critiques pour ce début.
Voici le site
 
Tant que j'y suis, quelqu'un peut-il me dire ce que ça donne avec IE PC. Je suis sous Mac et Firefox, Safari, Camino et Opera sont à peu près identiques.
 
Merci bien à vous :hello:

Message cité 1 fois
Message édité par oualad le 20-06-2006 à 00:09:17

---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 20-06-2006 à 00:04:15   

Reply

Marsh Posté le 20-06-2006 à 01:01:00    

Salut.
 
Ca merde sous ie/win :/
 
http://sifr.free.fr/Gfx/Divers/mdv.jpg
 
Sinojn pour un avis rapide, je trouve ça un peu tristounet et difficile à lire.
Réduit l'interlignage et créé des espaces, des paragraphes, insère des images, et ça ira mieux.

Reply

Marsh Posté le 20-06-2006 à 06:01:17    

Je trouve ça bien joli, simple et efficace.  :jap:
 
Pas de problème sous Firefox/Win XP.

Reply

Marsh Posté le 20-06-2006 à 14:21:56    

Bonjour et merci. J'ai effectué 2 ou 3 modif, mais j'aimerais surtout connaitre l'impression sur IE PC avant de continuer. IE Mac semble déconner au niveau de mon menu du haut. En ce qui concerne le formulaire de droite, je pense qu'il devrait etre dans l'ordre. Il me semble que IE ne comprenait pas très bien (ce qui ne m'étonne pas :lol: )
 
Cela dit, d'autres avis je suis preneur.
 
Merci bien  
 
site
 
@+


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 20-06-2006 à 14:48:58    

Firefox Win XP
http://img64.imageshack.us/img64/5822/sp32200606200846326pr.th.jpg
 
IE Win XP
http://img88.imageshack.us/img88/328/sp32200606200846362or.th.jpg
 
Bug au niveau de l'ombrage, du menu (du fond orange) et du titre "News" pour IE.


Message édité par gabolio le 20-06-2006 à 14:51:55
Reply

Marsh Posté le 20-06-2006 à 22:17:53    

Merci bien. J'ai fait quelques modifs, voici le lien
 
Si ça foire toujours au menu, quelqu'un a-t-il une solution?
Merci


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 21-06-2006 à 05:48:23    

Bizarrement le "new" apparait si je descend et si je remonte la page... pour le reste c'est semblable à la capture.

Reply

Marsh Posté le 27-06-2006 à 18:08:30    

Bonjour,
je refais une nouvelle mise en page, mais n'ayant pas IE/PC peut-on me dire ce que donne cet affichage:
ici
 
Merci à vous


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 27-06-2006 à 20:13:30    

Firefox
http://img333.imageshack.us/img333/9639/sp32200606271412095bv.th.jpg
 
IE
http://img378.imageshack.us/img378/7687/sp32200606271412115cq.th.jpg

Reply

Marsh Posté le 28-06-2006 à 08:25:05    

oualad a écrit :

Bonjour,
 
J'ai eu une demande pour un site pour une asbl dont le budget est un peu limité. Je dois leur faire un simple site 5/6 pages max, formulaire compris.
L'asbl en question est musicale.
Le site est entièrement conforme au W3C (enfin, j'essaie :pt1cable: ), mais il n'est qu'à ses débuts. Certaines rubriques ainsi que le choix des couleurs de fond n'est pas encore bien défini.
Néanmoins, ayant trop le nez dessus, j'aimerais avoir quelques avis critiques pour ce début.
Voici le site
 
Tant que j'y suis, quelqu'un peut-il me dire ce que ça donne avec IE PC. Je suis sous Mac et Firefox, Safari, Camino et Opera sont à peu près identiques.
 
Merci bien à vous :hello:


Quelques points négatifs à ton sujet :  
-Point très négatif, c'est pas en restant sous Mac que tu feras avancer le schmilblik sachant que les navigateurs dont tu parles ne touchent même pas 15% de la populasse francaise, il manque 85% là :o, et oui il faut que tu testes sous IE Windows qui n'a rien n'a voir avec IE Mac mais rien à voir au niveau du rendu.
 
Donc je te conseilles d'avoir une machine virtuelle qui tourne sous windows pour faire tes tests ou bien avoir un PC à coté de toi, car faire fonctionner un site sous IE est quand même une chose primordiale.
 
Concernant ton site je vais y jeter un coup d'oeil, mais je te cache pas que je suis plutôt du genre à tout refaire, ca me prends parfois moins de temps :p


Message édité par gatsu35 le 28-06-2006 à 08:40:46
Reply

Marsh Posté le 28-06-2006 à 08:25:05   

Reply

Marsh Posté le 28-06-2006 à 08:39:43    

Rien à dire au sujet de ton code CSS c'est propre et très clean pour un début. Si je puis me permettre quand même :  
 
voici une petite correction pour ton menu, qui je pense le rendra plus élégant :  

Code :
  1. .menu {
  2. height:17px;
  3. font-size:13px;
  4. color:#000;
  5. border:1px solid black;
  6. border-width: 0 0 1px 0;
  7. background-color:#fe9d43;
  8. text-align:center;
  9. list-style:none;
  10. margin:0;
  11. padding:0;
  12. }
  13. .menu li {
  14. float:left;
  15. }
  16. .menu li a {
  17. display:block;
  18. zoom:1
  19. padding:0 25px;
  20. width:100px;
  21. }
  22. .menu li a:link, .menu li a:visited,.menu li a:active {
  23. text-decoration:none;
  24. color:#fff;
  25. }
  26. .menu li a:hover {
  27. text-decoration:none;
  28. color:#000;
  29. background:#FECC9E;
  30. }


but du jeu, avoir le lien le plus large ppossible, donc il ne faut pas mettre un margin sur le LI mais :
mettre le A en display:block pour qu'il prenne toute la largeur du LI, et appliquer un padding sur ses cotés ainsi qu'une largeur. j'ai aussi réduit la hauteur du menu avec d'avoir quelque chose de plus correct.
Néanmoins, j'aurai préféré avoir un élément faisant un clear:both plutôt que d'avoir une taille forcée

Reply

Marsh Posté le 28-06-2006 à 12:47:09    

Oh Gatsu35,
avant tout merci de ton aide. Il est vrai que l'histoire des liens m'aide beaucoup.
Autre chose, je n'ai jamais prétendu que je ne voulais un site que pour les détenteurs de Firefox ou Safari, loin de là. D'où la raison de mon post.
A l'époque de mac os 9, j'avais Virtual PC 3 avec win 98, qui je pense est un peu dépassé...
Cela fait longtemps que l'idée d'achat d'un PC d'occas me trotte dans la tête, mais ne roulant pas sur l'or, je n'ai d'autre alternative que de demander ici. J'avais failli acheté un Penthium 2 il y a quelques temps, mais ça sentait le roussi et j'ai laissé tomber.
Tant que j'y suis, que me conseilles-tu (même si ce n'est pas l'endroit, mais ça fait partie du sujet!), comme occas. Un P1 ou P2 ferait-il l'affaire sachant que j'en aurais besoin que pour faire des tests avec IE, puisqu'effectivement IE5/Mac n'a rien avoir avec IE/PC.
 
Encore merci de ton aide.
 
@+


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 11-07-2006 à 00:12:48    

Bonjour,
me revoici avec une nouvelle version du site.  
J'ai préfere continuer le post entamé plutot que d'en créer un nouveau. Ce qui m'abstient de tout réexpliquer depuis le début.
Toutes vos critiques sont les bienvenues. J'aimerais surtout connaitre l'affichage sur IE/Win. Firefox et IE/Mac n'ont pas l'air de foirer. En tout cas, je n'ai pas de décalage.
 
Merci de vos conseils précieux. Petite remarque, seule la page Index ext fonctionnelle.
 
Voici
Merci


Message édité par oualad le 11-07-2006 à 00:14:10

---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 11-07-2006 à 00:35:34    

IE trouve encore le moyen de pas s'afficher correctement.  :pt1cable:  
 
La bannière se retrouve sous l'image des musiciens au lien d'être à la droite de l'image.

Reply

Marsh Posté le 11-07-2006 à 08:22:59    

Bonjour et merci. J'ai un peu élargi le div general. Par contre, peut-on me dire question design et mise en page. Je précise juste que je ne suis pas designer.
 
Merci bien


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 11-07-2006 à 12:44:00    

C'est pas trop mal mais il y a un décalage a droite entre le header et le bord en haut.

 

Je ne suis personnelement pas fan des liens en bleu.

 

L'image de fond sur une grosse résolution (1400x1050 dans mon cas) ne prend pas toute la fenêtre.

 

Voila ce que ca donne sur FF/Win.

 

http://divers.manga-database.com/images/musica.jpg

 


Message édité par Cheinz le 11-07-2006 à 12:46:50
Reply

Marsh Posté le 11-07-2006 à 13:36:59    

Merci de vos infos, j'ai modifié certaines choses dont nottament essayé de remedier à l'histoire du background.
Normalement, il n'y a pas de décalage, a moins que...
site
j'essaierais de trouver une couleur de fond pour le body.
Merci


Message édité par oualad le 11-07-2006 à 13:38:38

---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 11-07-2006 à 14:45:18    

firefox
http://img80.imageshack.us/img80/1236/sp32200607110843586sj.th.jpg
 
IE
http://img218.imageshack.us/img218/7293/sp32200607110844023rt.th.jpg

Reply

Marsh Posté le 12-07-2006 à 01:22:08    

Quelques avis?
site
 
Merci


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 12-07-2006 à 01:46:16    

Sur la dernière version, le texte "Sortie du nouvel album: "...Issimo".
Découvrez le dans la rubrique discographie" n'apparaît pas dans IE sauf si on le sélectionne (?).


Message édité par gabolio le 12-07-2006 à 01:46:56
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed