[Webdesign] nouveau site perso

nouveau site perso [Webdesign] - Web design - Graphisme

Marsh Posté le 28-09-2003 à 12:09:12    

Hello tout le monde [:lucille]
Hier j'ai fait ce nouveau design -> http://www.numerisound.com/e-portfolio/
l'ancien : <edit: y'a plus d'ancien>
 
vous en pensez quoi?
je ferais mieux de garder le design d'origine?
Qu'est-ce que je pourrais améliorer sur celui-ci??
 
 
ps: ahh oui, site fait avec toshop et Scite.
Comme vous l'aurez devinez ce site à pour bute de présenter mes travaux et mon cv.
 
 :jap:


Message édité par dd_005 le 29-09-2003 à 11:55:37

---------------
http://blog.numerisound.com
Reply

Marsh Posté le 28-09-2003 à 12:09:12   

Reply

Marsh Posté le 28-09-2003 à 12:22:00    

Le second design est beaucoup mieux, par contre, puis-je élever une "protestation" pour la forme sur l'espace de la page que tu utilises ?
 
Tu dois meme pas etre a 50% ... a mon avis, tu peux augmenter la hauteur.
 
Sinon, le second est tres beau :)


---------------
L'ingénieur chipset nortiaux : Une iFricandelle svp ! "Spa du pâté, hin!" ©®Janfynette | "La plus grosse collec vivante de bans abusifs sur pattes" | OCCT v12 OUT !
Reply

Marsh Posté le 28-09-2003 à 12:43:13    

Ouais, le deuxième est mieux. Par contre, le code source fait très mal, on pourrait gravement alléger la chose...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
Reply

Marsh Posté le 28-09-2003 à 20:34:21    

tetedeiench a écrit :


Tu dois meme pas etre a 50% ... a mon avis, tu peux augmenter la hauteur.

Moi j'ai une scrollbar verticale en 1024  :??:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 28-09-2003 à 20:39:46    

le nouveau design est tout décalé sous opera, et l'ancien je n'y ai pas accès (erreur 404)

Reply

Marsh Posté le 28-09-2003 à 20:49:15    

Frenzy > sur l'encien à la page d'accueil j'avais mis "Site incompagible avec opera"
ca vient d'ou?? quelle partie du code est mal intèrpetée??
 
tetedeiench >  :jap: pour la critique mais je pense que je vais garder cette taille là
SIBELIUS "Moi j'ai une scrollbar verticale en 1024  :??: "
alors que j'avais prévu pour du 1024...
 
Le Castor > Je peux allèger le code comment??
 
 
 :jap:  
 
 


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 28-09-2003 à 20:56:05    

dd_005 a écrit :

SIBELIUS "Moi j'ai une scrollbar verticale en 1024  :??: "
alors que j'avais prévu pour du 1024...


Ben le site rentre en hauteur sans problèmes, mais j'ai quand-même la scrollbar
 
(pour le code, fais un tour ici : http://validator.w3.org/)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 28-09-2003 à 21:12:22    

dd_005 a écrit :


Le Castor > Je peux allèger le code comment??


 
En virant les tableaux et en remplaçant tout par des divs...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
Reply

Marsh Posté le 28-09-2003 à 21:54:16    

Le Castor a écrit :


 
En virant les tableaux et en remplaçant tout par des divs...


je m'attendais à cette réponse :cry:  
j'ai du pain sur la planche alors :o


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 28-09-2003 à 22:36:40    

dd_005 a écrit :


je m'attendais à cette réponse :cry:  
j'ai du pain sur la planche alors :o  


Mais non, tu devrais être heureux ;)
 
Commence tranquilement par ça :
- http://openweb.eu.org/mise_en_page/
- http://www.alsacreations.com/articles/div/
 
Bonne chance ;)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 28-09-2003 à 22:36:40   

Reply

Marsh Posté le 29-09-2003 à 09:55:42    

SIBELIUS a écrit :


Mais non, tu devrais être heureux ;)
 
Commence tranquilement par ça :
- http://openweb.eu.org/mise_en_page/
- http://www.alsacreations.com/articles/div/
 
Bonne chance ;)


Merci pour les liens, je crois que je commence à arriver à qqch avec ces css...
Donc si mon code se présente comme ca:


  <body bgcolor="#C0C0C0">
  <div class="centre4">
 <div id="hautgauche">&nbsp;</div>
 <div id="menuh" align="center">&nbsp;</div>
 <div id="menuhTexte" align="center"><?include "menu.php";?></div>
...


 
et que le css est comme ca:


.centre4 {
position: relative;
left: 50%;
top: 20px;
width: 962px;
margin-left: -481px;
}
 
div#mainpict {
  background-image: url(images/layout1_07.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 21px;
  top: 48px;
  width: 410px;
  height: 341px;
  padding: 0;
}
...


 
le code est nickel?? :??: => censé être visuellement identique sous tout les navigateurs :??:  :)


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 29-09-2003 à 11:30:48    

dd_005 a écrit :


Merci pour les liens, je crois que je commence à arriver à qqch avec ces css...
Donc si mon code se présente comme ca:


  <body bgcolor="#C0C0C0">
  <div class="centre4">
 <div id="hautgauche">&nbsp;</div>
 <div id="menuh" align="center">&nbsp;</div>
 <div id="menuhTexte" align="center"><?include "menu.php";?></div>
...




 
Quel intérêt de faire des <div> avec un &nsbp; à l'intérieur  :??:

Reply

Marsh Posté le 29-09-2003 à 11:43:24    

fastclemmy a écrit :


 
Quel intérêt de faire des <div> avec un &nsbp; à l'intérieur  :??:  


ok je vais les enlever.
si c'est la seule remarque qu'il y a a faire sur mon code ca me va ;)  
sinon j'ai une sorte de bug.le texte de mon menu se décale en hauteur (j'arrive la première fois il est décalé, 1 refresh il se place correctement, une 10aine de refresh ca reste pareil et d'un coup ca se redécale ....)
 
en gros le code
<div class="centre">
   <div id="imagefond">  //position: absolute
      <div class="menu"><?include "menu.php";?></div>
   </div>
</div>


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 29-09-2003 à 12:03:16    

pour illustrer le décallage voilà 2 screenshots:
 
http://www.numerisound.com/e-portfolio/wip/decalage.png


Message édité par dd_005 le 29-09-2003 à 12:03:44

---------------
http://blog.numerisound.com
Reply

Marsh Posté le 29-09-2003 à 15:12:48    

:)  :bounce:  
vous pouvez allez voire mon site....
now il est en xhtml strict et css. (bon y'a déjà + de 200 erreures avec le index.php au w3c validator, si quelqu'un pouvait me dire comment corriger (je comprends pas et ca à l'aire d'être chaque fois le même type d'erreure))


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 29-09-2003 à 15:17:53    

Pêle mêle :

  • toutes les balises en minuscules
  • les & à remplacer par &amp;
  • les balises à fermer <p></p> par exemple + pour les balises genre <br> >>> <br />, <img src="" alt="" /> (le alt des images est obligatoire)


Cela dit, ça reste du code pourri :
<span class="texte">&nbsp;</span>
 
 :sweat:

Reply

Marsh Posté le 29-09-2003 à 15:27:41    

fastclemmy a écrit :

Pêle mêle :

  • toutes les balises en minuscules  
  • les & à remplacer par &amp;   <---savais pas, je vais remplacer ca de suite
  • les balises à fermer <p></p> par exemple + pour les balises genre <br> >>> <br />, <img src="" alt="" /> (le alt des images est obligatoire)  <---pareil qu'en 1 :o

Cela dit, ça reste du code pourri :
<span class="texte">&nbsp;</span>
 
 :sweat:  


 :jap:  
en faite j'ai changer seulement mes 2 pages de layout et mon index.php. Les pages de contenu sont encore pourries... ca explique tout


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 29-09-2003 à 16:03:41    

j'ai refait quelques trucs et j'ai plus que 46 erreurs :D
 
vous avez remarque le bug par rapport au texte??
j'ai remarqué qu'il apparaissait beaucoup moin souvent qu'en local (ptet que je fais moins de refresh aussi :o)


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 29-09-2003 à 16:07:42    

  • Les <ul> ne se mettent pas dans les <p>
  • <style type="text/css" />
  • Et les alt dans les <img> :o

Reply

Marsh Posté le 29-09-2003 à 16:09:07    

thanks :jap:  
yes, je vais finir par faire un site xhtml strict :)  :jap:


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 29-09-2003 à 16:22:58    

y'a ce genre d'erreure que je comprend pas non plus
 
Line 14, column 16:  there is no attribute "bgcolor"  (explain...).
 
    <body bgcolor="#C0C0C0">
 
 
Line 53, column 65:  there is no attribute "border"  (explain...).
 
  ...&amp;rubrique=&amp;id=1"><img border="0" src="picts/_3d_11.jpg" /></a>&nbsp;&
 
en faite j'imagine qu'on a plus le droit d'utiliser le bgcolor ni le border mais je peux les remplacer par quoi??


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 29-09-2003 à 16:24:56    

youhouu, plus que 4 erreurs dont les 2 du dessus :bounce:  :sol:
 
[edit] ahh non, plus que 6 :o


Message édité par dd_005 le 29-09-2003 à 16:26:26

---------------
http://blog.numerisound.com
Reply

Marsh Posté le 29-09-2003 à 16:28:28    

img {border:0px;}
body {background-color:#FFCCCC;}

Reply

Marsh Posté le 29-09-2003 à 16:35:34    

:jap:  
yes
This Page Is Valid XHTML 1.0 Strict! :bounce:
il faut que je teste toutes les pages en mettant index.php&rubrique=cv ... ???
il y a un validateur css aussi??


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 29-09-2003 à 16:37:23    

dd_005 a écrit :

:jap:  
yes
This Page Is Valid XHTML 1.0 Strict! :bounce:


 
Mise en page tableaux + <div> qui servent à rien ce n'est pas parce que c'est valide que c'est bien :o
 
Pour les titres utilise <h1>Gros titre</h1> <h2>Moins gros titre</h2>...
 

dd_005 a écrit :


il faut que je teste toutes les pages en mettant index.php&rubrique=cv ... ???


 
http://www.htmlhelp.com/tools/validator/
coche > validate entire site
 

dd_005 a écrit :


il y a un validateur css aussi??


 
http://jigsaw.w3.org/css-validator/validator-uri.html


Message édité par fastclemmy le 29-09-2003 à 16:38:22
Reply

Marsh Posté le 29-09-2003 à 16:55:18    

fastclemmy a écrit :


Pour les titres utilise <h1>Gros titre</h1> <h2>Moins gros titre</h2>...


 
Malheureux, surtout pas !
 
C'est plutot <h1>Titre de niveau 1</h1>, <h2>Niveau 2</h2>, etc...
 

Code :
  1. <h1>Titre Principal</h1>
  2.   <h2>Titre Niveau 2</h2>
  3.     <h3>Titre Niveau 3</h3>
  4.     <h3>Titre Niveau 3</h3>
  5.   <h2>Titre Niveau 2</h2>
  6.   <h2>Titre Niveau 2</h2>
  7.     <h3>Titre Niveau 3</h3>
  8.       <h4></h4>
  9.       <h4></h4>
  10.       <h4></h4>
  11.     <h3>Titre Niveau 3</h3>
  12.   etc...


 
Faut mettre h2 à la place de h1 sous prétexte que h2 c'est plus petit. Les h1-h2-h3 (hx on va dire) permettent de structurer la page, et permettent d'effectuer une table des matières assez rapidement (certain navigateurs sonores utilisent la structure des hx pour se repérer dans la page et permettre une navigation rapide). D'ailleurs, il y a eu de longues discussions sur le maintiens des hx dans l'XHTML 2, où une structure de type :
 

Code :
  1. <h>
  2. <section>
  3.   <h>
  4.   <section>
  5.   </section
  6.   <h>
  7.   <section>
  8.   </section>
  9. </section>
  10. etc...

 
 
risque d'apparaître, pour éviter la mauvaise utilisation des hx trop souvent observée...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
Reply

Marsh Posté le 29-09-2003 à 17:01:20    

Le Castor a écrit :


 
Malheureux, surtout pas !
 
C'est plutot <h1>Titre de niveau 1</h1>, <h2>Niveau 2</h2>, etc...
 
Faut mettre h2 à la place de h1 sous prétexte que h2 c'est plus petit. Les h1-h2-h3 (hx on va dire) permettent de structurer la page, et permettent d'effectuer une table des matières assez rapidement (certain navigateurs sonores utilisent la structure des hx pour se repérer dans la page et permettre une navigation rapide). D'ailleurs, il y a eu de longues discussions sur le maintiens des hx dans l'XHTML 2, où une structure de type :


 
Merci de me prendre pour un [:bottedumal] mais c'était un raccourci de langage, je sais bien que c'est à la CSS de déterminer le stylage... Je sais même qu'on peut représenter visuellement un <h2> en + gros à l'écran qu'un <h1> :o
 
PS: et puis d'abord on écrit etc. et non pas etc... car c'est une abréviation [:aloy] (tu vois, je m'y connais aussi en sodomie de drosophile :D)

Reply

Marsh Posté le 30-09-2003 à 10:42:29    

yesss, j'ai plus aucune erreure en  faisant "validate entire site".
reste plus qu'a validé le css et arranger un peu mes 2 pages de layout :wahoo:  
sauf si vous avez d'autres suggestions bien entendu...
 
ps: ah oui, il faut que je fixe le fond de la fenêtre principale...
 
[edit]Aucune erreure pour le css du premier coup :wahoo:


Message édité par dd_005 le 30-09-2003 à 10:44:08

---------------
http://blog.numerisound.com
Reply

Marsh Posté le 03-10-2003 à 20:50:07    

rhaa, j'ai enfin compris comment vraiment faire un site à base de <div> :jap: merci tout le monde pour m'avoir converti.


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 09-10-2003 à 05:05:28    

Je viens de jeter un coup d'oeil, comme séparateur des rubriques (2D, 3D, etc.), j'utiliserais plutôt le signe | (au lieu de > qui en général indique une idée de hérarchie genre Général > Intérmédiaire > Détail).  
 
Il n'y a rien qui s'affiche en face de "logiciel utilisé".

Reply

Marsh Posté le 09-10-2003 à 06:34:37    

:jap:
pour le > j'y avais pas penser je vais changer.
Pour le prob qu'il n'y a rien qui s'affiche à côté du logiciel utilisé en faite c'est pas un prob ( j'ai pas encore modifié la base mysql ni adapter le script php :o)


---------------
http://blog.numerisound.com
Reply

Marsh Posté le 09-10-2003 à 08:55:52    

Il est tjs ratatiné en haut ton site :D
 
Et si tu faisait s'adapter la taille de la page a la taille du contenu ?
 
Tu peux regarder comment j'ai fait moi, ici:
 
http://www.ocbase.com
 
et la :
 
http://www.ocbase.com/download.php
 
PS : le deuxième lien donne la version beta non fonctionelle de mon site ;)


---------------
L'ingénieur chipset nortiaux : Une iFricandelle svp ! "Spa du pâté, hin!" ©®Janfynette | "La plus grosse collec vivante de bans abusifs sur pattes" | OCCT v12 OUT !
Reply

Marsh Posté le 09-10-2003 à 09:10:01    

:jap:
en faite je crois que je vais refaire le design de mon site...
avec une démarche pré-création plus conséquente, mais aussi pour construire mon site avec une conception css et non tableau. (parce que là j'ai juste "converti" mon site de tableau à css)....
et bon, pour l'exercice ca fait pas de mal :o


Message édité par dd_005 le 09-10-2003 à 09:10:18

---------------
http://blog.numerisound.com
Reply

Marsh Posté le 09-10-2003 à 09:21:16    

Sinon, je le trouve tres joli ton site, c'est bon de le rappeler :)
 
Y a pas que des défauts :)


---------------
L'ingénieur chipset nortiaux : Une iFricandelle svp ! "Spa du pâté, hin!" ©®Janfynette | "La plus grosse collec vivante de bans abusifs sur pattes" | OCCT v12 OUT !
Reply

Marsh Posté le 10-10-2003 à 08:16:54    

tetedeiench a écrit :

Sinon, je le trouve tres joli ton site, c'est bon de le rappeler :)
 
Y a pas que des défauts :)


 
Héhé c'est la première fois que je vois ton icône  [:yaisse2v]

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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