bonjour à tous tout est dans le titre, je réalise des sites web de temps en temps, et malgré des recherches sur le web, pour des tutos qui parlent de photoshop, imageready, les tranches etc..je n'ai jamais compris comment réaliser un site comme celui-çi :
 
attention je ne fais pas de pub et svp ne me critiquez pas quand au contenu de ce site, moi la seule chose qui me plait sur ce site c'est l'interface entière...en + je remarque que c'est tout en langage HTML donc accessible pour moi...
 
www.UnLienMoinsGrossierSTP.com
 
voila, si quelqu'un peut m'expliquer comment réaliser un site dans cette idée, je serais le plus heureux et je vous promets que ça fait bien un an que je me pose cette question dont je n'ai jamais eu de réponses  
 
je me pose des questions comme :
 
comment faire en sorte que l'interface se "rallonge" en hauteur selon le contenu ?    (avec l'image du mur gris)
 
ou alors comment faire en sorte l'interface soit autour d'un contenu ? lol je sais se sont des questions pas très claires, c'est d'ailleurs pour ça que j'ai jamais eu de réponses...
 
j'ai vraiment pas pigé le concept pourtant j'adore travailler sous photoshop et si je pouvais me personnaliser une interface de A à Z dans l'idée de celle-çi j'en serais le plus heureux
 
merci pour vos réponses  

ce site est tout simplement composé d'un tableau 3 lignes :
1ère ligne : une colonne avec une image en fond (background) ou en image simple pour la bannière
2ème ligne : 3 colonnes (menu gauche, contenu au centre, menu droit) avec
- menu gauche et menu droite : un background en motif qui se répète en vertical
- contenu au centre : background couleur noire
3ème ligne : une colonne avec une image en fond (background) ou en image simple.
 
 

merci pour ta réponse  
 
par contre pourrais tu me dire comment utiliser un motif qui se multiplie en vertical en sachant que j'utilise dreamweaver mx 2004 ?
 
je l'ai contacté il m'a dit qu'il voulait pas vraiment me filer beaucoup d'infos vu que capparemment il me dit que un site comme ça, ça vaut 2500€
soit...
 
par contre il m'a dit qu'il a fait ça avec frontpage et j'ai commencé à lui parler des tranches via imageready il connaissait pas !!
 
donc je sais pas comment il a découpé son interface  

Ok je te propose une ti truc à faire.
Tu fais un tableau d'une ligne une colonne (en clair : une seule case)
avec une largeur de 50 pixel et n'importe quel hauteur.
Ensuite tu met l'image qui se trouve à l'url suivante en background.
(il n'a rien à régler car normalement c'est en mode repeat par défaut pour le background).  
 
http://mesblagues.neuf.fr/img.png
 
Ensuite, en modifiant la hauteur tu comprendras ce qui se passe...
 
 

merci je teste de suite j'te dis ça  
 
---------
 
wahoo !! je comprends !! donc en fait c beaucoup mieux non ? vu que ça utilise une seule minuscule image non ? nivo optimisation? mais là par exemple le tableau j'ai mis donc les 50px en largeur, et 530 en hauteur ça me fait un rectangle bleu..mais ça n'utilise pas trop de ressources par exemple si je veux que ça fasse toute une hauteur de page voire plus (en défilant vers le bas) ?
 
sinon pour en revenir àl'interface globale du site, y'a maintenant un dernier truc qui me chipotte ! comment gérer tout ça ? via les tranches de imageready ? dans ce cas ça change un peu le systeme non ? vu que ce sont des découpes précises et non extensibles...à ce niveau c'est toujours un peu flou   y'a til un autre moyen ? par contre en important dans dreamweaver mx les images une par une c pas le top, y'a toujours toutes sortes de décalages, on m'avait dit que les tableaux c'était un peu space via dreamweaver mx
 
merci pour ta réponse en tt cas  

hmm sinon je viens de retester ce que tu m'as fait faire, et quand je clique sur le tableau donc c'est paramétré à 50px en largeur et j'ai changé les 530px de hauteur en les remplaçant par 100%...à peine fait ça je vois DANS dreamweaverMX la hauteur qui se rallonge à la hauteur de la page..j'enregistre, et là je m'aperçois que la hauteur change pas dans le navigateur on dirait un rectangle de 50px de large, sur 30px de hauteur. Et ça bouge pas..j'ai bien tout vérif en +..zarb  

les hauteurs à 100% ne marche pas trop. En plus je crois qu'il y a des navigateur qui ne supporte pas certaine dimension en pourcentage.
 
Tu peux découper ton image et suivant certaines caractéristiques particulières de chaque morceau d'image, tu peux optimiser ton design.  
- par rapport à des parties répétitif
- ou au niveau de la qualité qui varie peu quand tu la compresse.
 

oki merci  

La prochaine fois, gaffe au site de référence quand même...

mon conseille : ne duplique pas un pavé de 1 pixel de haut mais tape plutot sur 10 ou 15 pixels. pk ? car quand on resize la page et quelque soit le navigateur, l'écran peine à redessiner le contenu