Fichier html+image avec photoshop
Fermé
diaz31
Messages postés
7
Date d'inscription
mercredi 25 juillet 2012
Statut
Membre
Dernière intervention
28 juillet 2012
-
25 juil. 2012 à 13:18
diaz31 Messages postés 7 Date d'inscription mercredi 25 juillet 2012 Statut Membre Dernière intervention 28 juillet 2012 - 28 juil. 2012 à 13:55
diaz31 Messages postés 7 Date d'inscription mercredi 25 juillet 2012 Statut Membre Dernière intervention 28 juillet 2012 - 28 juil. 2012 à 13:55
A voir également:
- Fichier html+image avec photoshop
- Fichier rar - Guide
- Fichier host - Guide
- Fichier iso - Guide
- Comment ouvrir un fichier epub ? - Guide
- Comment réduire la taille d'un fichier - Guide
6 réponses
Zenfo
Messages postés
83
Date d'inscription
lundi 1 août 2011
Statut
Membre
Dernière intervention
13 décembre 2012
57
Modifié par Zenfo le 25/07/2012 à 15:15
Modifié par Zenfo le 25/07/2012 à 15:15
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é
Utilisateur anonyme
Modifié par baluze* le 25/07/2012 à 15:41
Modifié par baluze* le 25/07/2012 à 15:41
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-
diaz31
Messages postés
7
Date d'inscription
mercredi 25 juillet 2012
Statut
Membre
Dernière intervention
28 juillet 2012
26 juil. 2012 à 15:40
26 juil. 2012 à 15:40
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!
diaz31
Messages postés
7
Date d'inscription
mercredi 25 juillet 2012
Statut
Membre
Dernière intervention
28 juillet 2012
26 juil. 2012 à 16:07
26 juil. 2012 à 16:07
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
diaz31
Messages postés
7
Date d'inscription
mercredi 25 juillet 2012
Statut
Membre
Dernière intervention
28 juillet 2012
26 juil. 2012 à 17:16
26 juil. 2012 à 17:16
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 :).
Zenfo
Messages postés
83
Date d'inscription
lundi 1 août 2011
Statut
Membre
Dernière intervention
13 décembre 2012
57
27 juil. 2012 à 06:26
27 juil. 2012 à 06:26
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
diaz31
Messages postés
7
Date d'inscription
mercredi 25 juillet 2012
Statut
Membre
Dernière intervention
28 juillet 2012
28 juil. 2012 à 13:51
28 juil. 2012 à 13:51
merci encore :)
diaz31
Messages postés
7
Date d'inscription
mercredi 25 juillet 2012
Statut
Membre
Dernière intervention
28 juillet 2012
28 juil. 2012 à 13:55
28 juil. 2012 à 13:55
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">