Nouveau design de mon site : vos avis !

Nouveau design de mon site : vos avis ! - Web design - Graphisme

Marsh Posté le 24-01-2005 à 11:24:21    

Bonjour
 
Je viens de terminer la 6eme version de mon site perso (la 1ere date de 1994 :D ) et je viens le soumettre a vos critiques et remarques eventuelles.
 
l'url : http://www.jmbianca.net/
 
Je l'ai deja testé sous IE6 et Firefox.  
 
Si vous avez un Mac, et plus particulierement Safari et/ou IE (derniere version Mac :) ) je serais encore plus interressé par vos remarques  :jap:  
 
Merci
 
Jean-Marc

Reply

Marsh Posté le 24-01-2005 à 11:24:21   

Reply

Marsh Posté le 24-01-2005 à 20:19:32    

trés joli site, sobre, fonctionnel
 
j'aime beaucoup


Message édité par ov3rflow le 24-01-2005 à 20:19:49
Reply

Marsh Posté le 24-01-2005 à 20:44:08    

la typo du sommaire est plutôt faiblarde
bienvenue sur mon site est moyennement lisible (graisse trop importante)
la couleur de certain lien en "bleu mien" fais un peu cheap, bon marché, même s'il semble un parti pris dans ton cv
un fer à gauche et non à droite, conviendrait mieux à ta partie compétence, en effet les premières lettres étant en bleu lien elles attirent l'oeil et leur non alignement est quelque peu choquant
"création de maquettes graphique" un s à graphique ?
"développement divers" un s à développement ?
 
sinon je tourne avec crazy browser et je n'ai pas relevé de problèmes

Reply

Marsh Posté le 25-01-2005 à 09:20:04    

Merci pour vos remarques.
Christel26 > J'ai corrigé les fautes d'orthographe, merci.
Pour la mise en page du CV, j'ai essayé de respecter celle de mon CV en PDF.

Reply

Marsh Posté le 25-01-2005 à 12:29:07    

Sympa :)

Reply

Marsh Posté le 25-01-2005 à 16:46:25    

Sympa, mais le code HTML est extrèmement étrange...

Reply

Marsh Posté le 25-01-2005 à 16:56:44    

FlorentG => tu peux développer stp ? (je parle du extremement etrange, bien sur :) )

Reply

Marsh Posté le 25-01-2005 à 17:13:40    

Genre ça :

Code :
  1. <td align=center><div class="menu_simul"><ul><li><a href="index.php">Accueil</a></li></ul></div></td>


Une case de tableau, avec dedans un div :??: avec dedans encore une liste avec un seul élément :??:
Seul la liste est nécessaire :

Code :
  1. <ul ud="menu">
  2.   <li>Accueil</li>
  3.   <li>Web</li>
  4.   <li>Web Design</li>
  5.   <li>Galerie 3D</li>
  6.   <li>Animations</li>
  7.   <li>CV</li>
  8. </ul>


(Oublie pas de rajouter les liens bien-sûr). Et après un tout p'tit bout de CSS comme expliqué chez Alsacréation, et le tour est joué !
 
De manière générale, sache qu'il ne faut pas utiliser de tableaux pour la mise en page...

Reply

Marsh Posté le 25-01-2005 à 17:23:09    

excellent!   Compréhensible, sobre. (j'aime bien le contenu aussi)
 
Je changrai juste le look du titre en haut - par exemple des fois, tout en lettres minuscules ça percute mieux qu'en maj.  ;) ou peut être (juste une idée) t'inventer une identité visuelle avec des couleurs specifiques etc et ton nom  
 
(le lien sous Animation / Viking n'a pas marché)

Reply

Marsh Posté le 25-01-2005 à 17:33:03    

euh j'interviens, car tous cela m'interesse également.
 
C'est vrai que ce n'est pas la première fois que j'entend que l'utilisation de tableau n'est plus du tout de rigueur pour coder avec l'arrivée du xhtml.
 
Mais en même temps je ne vois jamais de site expliquant comment éviter de les utiliser, et je ne vois pas du tout de quel manière faire les mise en page en s'en passant.


---------------
Mon Blog - Ma Galerie HFR - Mes vidéos guitare
Reply

Marsh Posté le 25-01-2005 à 17:33:03   

Reply

Marsh Posté le 25-01-2005 à 17:35:13    

Oui, ça fait depuis le début de l'HTML qu'on devrait pas les utiliser. Mais y'a 5 ans, c'était le seul moyen de faire quelque chose de fouillé. Maintenant, les grands navigateurs supportent de mieux en mieux les CSS, ce qui permet de remplacer les tableaux non-sémantiques.
 
Tutoriaux chez Alsacréations et OpenWeb entre autres.


Message édité par FlorentG le 25-01-2005 à 17:35:48
Reply

Marsh Posté le 25-01-2005 à 17:40:36    

merci FlorentG :jap:,
 
je vais regarder sérieusement ces liens en arrivant à la maison.
 
Je viens de refaire toute ma galerie, et j'ai essayé de remettre mon site aux normes xhtml et css. il me restait encore les tableaux à remplacer, mais je n'avais pas encore trouvé la méthode pour le faire ;)


---------------
Mon Blog - Ma Galerie HFR - Mes vidéos guitare
Reply

Marsh Posté le 25-01-2005 à 17:42:00    

Oui, après y'a pleins de choses qui seraient faisable en CSS. Je dis seraient, parce que lorsqu'on passe aux CSS, on arrive sur un hic : Internet Explorer, et son manque de support de 2-3 trucs supers-utiles. Le navigateur le plus aux normes étant Opéra.

Reply

Marsh Posté le 25-01-2005 à 18:58:21    

moi j'ai été confronté a un probleme sans utiliser les tableux: lorsqu'on a des pages à taille variable

Reply

Marsh Posté le 25-01-2005 à 22:54:47    

Merci pour vos remarques !!
 
Prince Vlady : j'ai corrigé le lien pour l'anim, merci !
Pour l'identité visuelle, je vais y réfléchir ce week end :p  
 
FlorentG : Merci pour tes remarques. Je sais qu'il ne faut pas utiliser de tableau pour la mise en page normalement, mais c'est tres dur de s'en passer. J'ai essayé une premiere version sans tableau, mais rien que pour aligner les liseres verticaux et l'ombre, c'est la galere...
Pour le menu, ca fait plus d'une heure que j'essaie d'obtenir qq chose de mieux (sans tableau) mais de toute facon ca restera a l'interieur d'un plus grand tableau qui constitue ma page (oui je sais c'est mal :non: ).
 
J'ai presque réussi, si ce n'est que le menu reste collé a gauche sur IE, et est presque centré sur FF. J'aimerai qu'il soit centré sur les 2
 
Je vous livre les bouts de code et css de mes modifs (au passage, merci pour le lien, je connaissais pas  :) ) :

Code :
  1. <td width="658" class="menu" align=center>
  2. <ul>
  3. <li><a href="index.php">Accueil</a></li>
  4. <li><a href="developpement_web.php">Web</a></li>
  5. <li><a href="web_design.php">Web Design</a></li>
  6. <li><a href="infographie_3d.php">Galerie 3D</a></li>
  7. <li><a href="animation_3d.php">Animations</a></li>
  8. <li><a href="cv.php">CV</a></li>
  9. </ul>
  10. </td>


et le css qui va avec :

Code :
  1. .menu ul {
  2. list-style-type: none;
  3. margin: 0px 0px 0px 0px;
  4. width: 100%; /* précision pour Opera */
  5. }
  6. .menu li {
  7. float: left;
  8. }
  9. .menu a {
  10. width: 100px;
  11. height: 16px;
  12. font-size: 12px;
  13. display: block;
  14. text-align: center;
  15. border: 0px solid #B72E33;
  16. background: #615D80;
  17. text-decoration: none;
  18. color: #ffffff;
  19. }
  20. .menu a:hover {
  21. background: #ffffff;
  22. color: #615D80;
  23. border: 0px solid gray;
  24. }


 
Voila, si vous trouvez... Moi je seche...
 
 

Reply

Marsh Posté le 26-01-2005 à 11:44:07    

Modifie la marge dans ton ul :

Code :
  1. .menu ul {
  2.   margin: 0px auto;
  3.   [...]
  4. }

Reply

Marsh Posté le 26-01-2005 à 19:39:56    

Ok, ca marche impecc (encore que, si on voulait chipoter, il est pas tout a fait centré, plus a droite qu'a gauche, mais c'est pas genant...)
En tout cas merci a tous.
 
PS : personne n'a de Mac pour me faire un retour ?

Reply

Marsh Posté le 04-02-2005 à 10:22:08    

le gris c'est triste :-( en plus il pleut aujourd'hui

Reply

Sujets relatifs:

Leave a Replay

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