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

  FORUM HardWare.fr
  Graphisme
  Web design

  [Webdesign] nouveau site perso

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Webdesign] nouveau site perso

n°378946
dd_005
multitask user
Posté le 28-09-2003 à 12:09:12  profilanswer
 

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
mood
Publicité
Posté le 28-09-2003 à 12:09:12  profilanswer
 

n°378952
Tetedeienc​h
Head Of God
Posté le 28-09-2003 à 12:22:00  profilanswer
 

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 !
n°378957
Le Castor
Neurasténique...
Posté le 28-09-2003 à 12:43:13  profilanswer
 

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
n°379038
sibelius
Vous êtes sûr ?
Posté le 28-09-2003 à 20:34:21  profilanswer
 

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
n°379040
frenzy
thank god I'm.....
Posté le 28-09-2003 à 20:39:46  profilanswer
 

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

n°379043
dd_005
multitask user
Posté le 28-09-2003 à 20:49:15  profilanswer
 

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
n°379045
sibelius
Vous êtes sûr ?
Posté le 28-09-2003 à 20:56:05  profilanswer
 

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
n°379047
Le Castor
Neurasténique...
Posté le 28-09-2003 à 21:12:22  profilanswer
 

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
n°379049
dd_005
multitask user
Posté le 28-09-2003 à 21:54:16  profilanswer
 

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
n°379056
sibelius
Vous êtes sûr ?
Posté le 28-09-2003 à 22:36:40  profilanswer
 

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
mood
Publicité
Posté le 28-09-2003 à 22:36:40  profilanswer
 

n°379116
dd_005
multitask user
Posté le 29-09-2003 à 09:55:42  profilanswer
 

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
n°379162
fastclemmy
(re-)Dictateur en plastique
Posté le 29-09-2003 à 11:30:48  profilanswer
 

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

n°379166
dd_005
multitask user
Posté le 29-09-2003 à 11:43:24  profilanswer
 

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
n°379176
dd_005
multitask user
Posté le 29-09-2003 à 12:03:16  profilanswer
 

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
n°379254
dd_005
multitask user
Posté le 29-09-2003 à 15:12:48  profilanswer
 

:)  :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
n°379260
fastclemmy
(re-)Dictateur en plastique
Posté le 29-09-2003 à 15:17:53  profilanswer
 

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:

n°379264
dd_005
multitask user
Posté le 29-09-2003 à 15:27:41  profilanswer
 

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
n°379280
dd_005
multitask user
Posté le 29-09-2003 à 16:03:41  profilanswer
 

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
n°379281
fastclemmy
(re-)Dictateur en plastique
Posté le 29-09-2003 à 16:07:42  profilanswer
 

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

n°379282
dd_005
multitask user
Posté le 29-09-2003 à 16:09:07  profilanswer
 

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


---------------
http://blog.numerisound.com
n°379289
dd_005
multitask user
Posté le 29-09-2003 à 16:22:58  profilanswer
 

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
n°379290
dd_005
multitask user
Posté le 29-09-2003 à 16:24:56  profilanswer
 

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
n°379292
ceam
Posté le 29-09-2003 à 16:28:28  profilanswer
 

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

n°379296
dd_005
multitask user
Posté le 29-09-2003 à 16:35:34  profilanswer
 

: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
n°379297
fastclemmy
(re-)Dictateur en plastique
Posté le 29-09-2003 à 16:37:23  profilanswer
 

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
n°379313
Le Castor
Neurasténique...
Posté le 29-09-2003 à 16:55:18  profilanswer
 

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
n°379319
fastclemmy
(re-)Dictateur en plastique
Posté le 29-09-2003 à 17:01:20  profilanswer
 

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)

n°379629
dd_005
multitask user
Posté le 30-09-2003 à 10:42:29  profilanswer
 

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
n°380847
dd_005
multitask user
Posté le 03-10-2003 à 20:50:07  profilanswer
 

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
n°382283
panzemeyer
The torture never stops
Posté le 09-10-2003 à 05:05:28  profilanswer
 

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

n°382284
dd_005
multitask user
Posté le 09-10-2003 à 06:34:37  profilanswer
 

: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
n°382307
Tetedeienc​h
Head Of God
Posté le 09-10-2003 à 08:55:52  profilanswer
 

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 !
n°382311
dd_005
multitask user
Posté le 09-10-2003 à 09:10:01  profilanswer
 

: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
n°382317
Tetedeienc​h
Head Of God
Posté le 09-10-2003 à 09:21:16  profilanswer
 

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 !
n°382537
bolomatic
Posté le 10-10-2003 à 08:16:54  profilanswer
 

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]

mood
Publicité
Posté le   profilanswer
 


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

  [Webdesign] nouveau site perso

 

Sujets relatifs
Combien la création d'un site Design/PHP/MySQL peut coûter ?[GRAPHISME] Nouvo design de mon site ?
creation site web (debutant)Je recherche un site
[graph] "Udapte" besoin d avis sur mon site, jai fé des modif :)WebDesign de mon site BDE
Site en Flash[JLB] Le retour des Archéologues
[HS] pouvez-vous accéder à mon site ? 
Plus de sujets relatifs à : [Webdesign] nouveau site perso

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.067 secondes

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