Fichier html+image avec photoshop
diaz31
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
diaz31 Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
diaz31 Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
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.
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.
A voir également:
- Créer une newsletter html avec photoshop
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Créer une adresse hotmail - Guide
- Créer un lien pour partager des photos - Guide
- Créer une liste déroulante excel - Guide
6 réponses
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é
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
<body> ... ... ... ... </body>
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
<img src="c:/chemin_exemple/images/image01.png">
en
<img src="http://laoutumettesimagessurleweb.com/images01.png">
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é
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-
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-
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!
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!
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! ;)
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! ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 :).
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 :).
tu veux dire par la que copier le body ne suffisait pas? il fallait aussi copier le header ... bizzaree, j'aurais jurer qu'un client mail créait le sien, en meme temps j'envoie jamais de news letteren html ^^
sinon (avec du retard certe) de la meme manière que tu as choisi texte brut tu pouvais choisir html dans ton client mail ... je viens de voir que dans gmail ça s'appelle "mise en forme avancée" ... peuvent pas faire simple ?je suppose alors que ça peut être texte mis en forme dans certains clients ...
content d'avoir pu t'aider
sinon (avec du retard certe) de la meme manière que tu as choisi texte brut tu pouvais choisir html dans ton client mail ... je viens de voir que dans gmail ça s'appelle "mise en forme avancée" ... peuvent pas faire simple ?je suppose alors que ça peut être texte mis en forme dans certains clients ...
content d'avoir pu t'aider
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:
<img src="http://laoutumettesimagessurleweb.com/images01.png">
devient
<img style="display:block" src="http://laoutumettesimagessurleweb.com/images01.png">
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:
<img src="http://laoutumettesimagessurleweb.com/images01.png">
devient
<img style="display:block" src="http://laoutumettesimagessurleweb.com/images01.png">