Bonsoir tout le monde !
 
J'ai réaliser un design assez simple qui va bien avec le type d'entreprise (batiment) le problème c'est qu'apres avoir decouper le design, j'ai du mal à l'intregrer dans un tableau. des partie du découpage doivent être en background d'une cellule pour pouvoir metre du texte dessus et meme des scripts dynamique (php), et sur certaines parties ca coince    
Voici quelques screenshot pour vous aider a comprendre dequoi il s'agit !
 
A la base voici le design :

=> http://wap.carte-mere.com/hfr/design_bd_g_ss.gif
 
 
 
 
Date du jour

Donc cette image en arriere plan pour metre un scritp ki donne la date.
 
 
 
 
Menu

 
 
 
 
Titre

En face de 2,7 le titre de la page et le sous titre a droite de 2,12, donc pareil en arriere plan pour inscrire les titres en questions.
 
 
 
 
Le découpage sous ImageReady

=> http://wap.carte-mere.com/hfr/imageready_g_ss.gif
Que je pense a revoir (but de ce topic) pasque sous l'editeur ca colle pas du tout (screenshot suivant)
 
 
 
 
Sous l'editeur

=> http://wap.carte-mere.com/hfr/edit [...] r_g_ss.gif
Ouais je c'est j'ai pas pris l'editeur le plus adéqouate par rapport a ce ke je veux faire mais je maitrise pas bien dream, mais bon je crois qu'il va faloire ke j'aprenne   ... et vite !    
 
 
 
 
Ce qui rend sous IE

=> http://wap.carte-mere.com/hfr/rendu_web_g_ss.gif
Avec les imperfections noté par un cerle vert, si on compare le design de base et ce ki rend en HTML les "modules" (menu, logo, et parti texte) ne sont pas vraiment a la bonne place    
 
 
 
 
 
 
Alors voila, si QQ1 avais une autre solution pour un decoupage, j'ai beau réfléchir d'une autre facon de faire mais je voi pas, peut etre k'un autre oeil externe pourai me guidé dans un decoupage plus simple, biensur le plus leger possible, sinon ca aurais été vite fait      
 
Deplus je trouve ke mon design relativement simple est un peut vide par endroit ! , j'avais pensé faire un cadre (tout autour du design) avec une bordure d'1px avec des especes de graduations, et a lexterieur de ce cadra un background qui fasse ressortir le site...
 
Jatend vos proposition, suggestions    
Si possible pas de reponse type "blabla" ca pourais faire avancé les choses plus viteet plus inteligement.
 
Merci d'avance
et bonne continuation a cette partie du forum que j'aprecie bcp  

Tu peux exporter directement dans ton logiciel avec Image Ready, cliques-droit sur ton image découpée
 
Voir ce tutoriel pour une bonne découpe :
http://forum.hardware.fr/forum2.ph [...] h=&subcat=
 

ce que je ne comprend pas c'est pourquoi tu n'exportes pas en html directement d'image ready? après t'as juste a virer les éléments tous blancs en attribuant la hauteur et la largeur de l'image à la cellule du tableau, et à y coler un spacer.gif d'1px*1px que tu étires en hauteur ou en largeur pour bien caler le tout!
et mettre les images que tu veux en background de cellule par le biais d'une feuille de style!
 

 
Si les Progueux passent par là tu vas te faire mousser Frenzy  

fastclemmy a écrit a écrit :     Si les Progueux passent par là tu vas te faire mousser Frenzy

 
oui je sais, et je mets même mon tablo principal dans un autre tablo pour le centrer en hauteur quelque soit la résolution  

frenzy a écrit a écrit :     oui je sais, et je mets même mon tablo principal dans un autre tablo pour le centrer en hauteur quelque soit la résolution

 
o Effacer ce message

 
Tu peut developer un ti peut plus pour un noob en Webdesign ?
Merci  

Bon, j'ai réouvert Imageready, j'ai fait comme tu dit, dexporter en HTML, j'ai ouvert ce dernier avec Dream, donc j'ia une page HTML avec que d'est images, j'ai suprimé un blanc et fait un paercu pour voir et la miracle, les distance, taille, proportion est respecté comme sur mon design de base, donc j'ai suprimé ts les blanc, et mis certaines image en background et c impec, mais je trouve quand meme que c'est trop facil... peut etre qu'apres avoir passer une demis nuit sur namo web editor a reconstitué mon design, tandis que la en 2 minutes a tt cassé, j'ai fini... y'aurais t'il un "mais" a toute cette facilité ?      

Alexandre_CMcom a écrit a écrit :     Tu peut developer un ti peut plus pour un noob en Webdesign ? Merci

 
beh il parait que c'est pas comme ça qu'il faut faire, donc attend peut être les fanatiks du W3C ils auront peut être une meilleur solution! mais commence déjà par exporter ta découpe sous image ready en html+images, tout devrait être calé normalement...après t'as juste a mettre les images que tu veux en background de cellule.

Alexandre_CMcom a écrit a écrit : Bon, j'ai réouvert Imageready, j'ai fait comme tu dit, dexporter en HTML, j'ai ouvert ce dernier avec Dream, donc j'ia une page HTML avec que d'est images, j'ai suprimé un blanc et fait un paercu pour voir et la miracle, les distance, taille, proportion est respecté comme sur mon design de base, donc j'ai suprimé ts les blanc, et mis certaines image en background et c impec, mais je trouve quand meme que c'est trop facil... peut etre qu'apres avoir passer une demis nuit sur namo web editor a reconstitué mon design, tandis que la en 2 minutes a tt cassé, j'ai fini... y'aurais t'il un "mais" a toute cette facilité ?

 
regarde quand même ce que ça donne avec différents navigateurs, en général c'est là que les surprises commencent! et mets bien un width et height (la taille de l'image que t'as supprimé) a tes cellules

 
Ok Merci bcp =)

Sinon d'autres avis ou suggestion sur le design en lui meme... quelques petits truc simple a parté o design ? ... ca fait un peut vide non ?

 
Mets-y du texte pour mieux te rendre compte.

 
j'aime bien les designs léger comme ça, mais comme le dit *parrapa consulting, faut voir rempli avec les liens qui vont bein et tout et tout

Ok, jvais faire ca    

Bon voila, apres quelques heures...
 

=> http://wap.carte-mere.com/hfr/site_01_g_ss.gif
 
Mais il y a quelques trucs qui me plaisent pas :
=> http://wap.carte-mere.com/hfr/site_01_g_ss_ind.gif
 
1) J'arrive pas a faire un retrai de texte pour contourné le "lenternaux", et jaimerais laisser cette image en background si possible.
 
2)Le menu pas encore pensé, surment graphique et pas en texte, j'ai le tps dy refléchir !
 
3 & 4) 2 espaces vides a ocupé mais je c'est pas quoi metre, peut etre un aplet java defilant comme un générique de film, tout ca sur fond blanc... a voir
 
Sinon mon espace de graduation autour du design, qui n'est pas une reussite dailleur    vu ke le site est déja assé large... la je c pas koi fer, si vous avez une idée.
*** Peut etre raproché les "graduation" du site, et metre une bordure en nuage ki collerais les graduation o broswer.. a voir
 
Moi v dodo !!