fichier html+image avec photoshopFermé

Question

Bonjour, 

J'essaie de faire une newsletter pour promouvoir un concert, Je le fais sous photoshop j'ai bien fait les tranches pour les liens vers les réseaux sociaux etc..., j'exporte pour le web, dans le preview tout est nickel, je choisi enregistrer  "html+image", j'ai un dossier contenant les images et un fichier html. 

Mon problème, est le suivant: qu'est ce que je fait de ça pour l'intégrer a un mail et que le tout apparaisse comme dans le preview ?

j'ai essayer de tout mettre en pièce jointe sans grand succès, 

merci d'avance a tous.

Peace.

Configuration: Windows 2003 / Firefox 14.0.1

Zenfo · Answer

Salut, Ce n'est pas la peine de chercher en piece jointe, tu ne pourra pas integrer ta page HTML dans ton mail sans un minimum de bidouille .... il faut ouvrir ton fichier html avec un éditeur de texte qui compte les lignes de préférence (bien que pour cette opération ça n'est aucune importance) je te conseille notepad++, simple gratuit et utile car il sait coloriser les codes analyse un peu le code de ta page, ce qui il'y a entre les balises ... ... ... ... et essaye de copier tel quel le code dans un mail en TEXTE BRUT (une case a cocher dans ton éditeur de mail - dans gmail c'est juste en dessous des balises de mise en forme il y a marqué "texte brut") je pense que tu devrais coller tout ce qui se trouve dans le body de la page, en changeant juste l'argument src des balises images

en

il te suffira de mettre toutes les images chez un hébergeur d'image test en repassant texte brut en html .... si ça marche envoie ton mail voilà en gros, pour plus de détail sur le html je te conseil ce tuto, tu auras les bases en 2 jours :) https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3 PS: message édité

Utilisateur anonyme · Answer

salut      
zenfo m'a précédé dsl si redite     

ca ne peut fonctionner, normal, le fichier html ne peut trouver l'adresse relative des tes images puisque tu as changé leur emplacement      

le début est bon      

ensuite héberges tes images  et notes le lien   
puis ouvres ton html avec le bloc notes et modifies le lien des images  type img src =   

http://ww12.screenshotuploader.com 

exemple :      

mes deux tranches sont hébergées sur casimages et pas sur mon pc donc ca fonctionne partout    


http://cjoint.com/12ju/BGzpzEVEVKS.htm      

http://ww12.screenshotuploader.com 

(il manque des tranches par rapidité je n'ai pas tout hébergé)      
ensuite seulement tu peux joindre ton fichier html en pièces jointes      

tu n'as pas choisi le plus facile (photoshop) pour faire du html      
avec open office tu aurais pu incorporer tes images dans un document writer et générer un fichier pdf qui conserve les liens html      

le problème est que par sécurité certains internautes désactivent le html dans leurs clients mail et transforment en texte brut donc ca peut ne pas fonctionner      
«On ne peut pas dire la vérité à la télé, il y a trop de gens qui regardent»      
 -COLUCHE-

diaz31 · Answer

Merci encore pour vos réponses.

voila ou j'en suis, j'ai changé la diection des images dans le html avec notepad++ (merci Zenfo), j'ai hebergé les images sur casimages (merci Baluze*).

J'ai un fichier html qui fonctionne correctement sans besoin de quoi que ce soit sur mon disque dur.

j'ai copié le code entre les deux balises <body> dans mon editeur de mail en texte brut...

et apres, je bloque sur "test en repassant texte brut en html ". Comment je procede?

@Baluze*
"tu n'as pas choisi le plus facile (photoshop) pour faire du html  "
:s, autant photoshop je maitrise pas mal, autant le html...
tu m'aurais conseillé de faire quoi, une fois la créa terminée? (pour la prochaine fois) ;).

passez une belle journée ou que vous soyez. 
peace!

diaz31 · Answer

visiblement mon probleme et maintenant d'editer un mail en html (sur gmail ou hotmail).

j'ai essayé avec html mail :

https://htmlmail.pro/

je recois bien ma newsletter, mais toutes les images sont décalées les une par rapport au autres.

HELP! ;)

diaz31 · Answer

c'est bon j'ai trouvé la solution.

Si jamais quelqu'un cherche: il suffit d'ouvrir le fichier html dans son navigateur, sélectionner tout,copier puis le coller dans le mail.

easy en fait... haha je m'en veux d'avoit pris autant de tps pour trouver ca :P. 

bon je sais mtn en tout cas, j'espere que ca evitera a d'autre :).

diaz31 · Answer

PS: Si un problème de gap persiste entre les différentes images (tranches), ça peut se régler en ajoutant: style="display:block" dans le tag de l'image... exemple:

devient

Fichier html+image avec photoshop

6 réponses

Discussions similaires

Newsletters