comment intégrer une newsletter (kiwiparty 2010)
TRANSCRIPT
![Page 1: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/1.jpg)
Intégrer une newsletter
sans prise de tête
- Corinne Schillinger -
![Page 2: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/2.jpg)
Corinne Schillinger
![Page 3: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/3.jpg)
identifier les clients et applications mails
Avant l’intégration
http://www.campaignmonitor.com/css/
recenser les contraintes clients
![Page 4: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/4.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 5: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/5.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 6: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/6.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 7: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/7.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 8: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/8.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 9: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/9.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 10: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/10.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 11: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/11.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 12: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/12.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 13: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/13.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 14: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/14.jpg)
Dessiner la structure
1. structure élémentaire
2. contraintes client
3. robustesse
![Page 15: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/15.jpg)
Déterminer le balisage
Liens : <a>
Titres : <hn>
![Page 16: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/16.jpg)
Déterminer le balisage
Liens : <a>
Titres : <hn>
![Page 17: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/17.jpg)
Déterminer le balisage
Liens : <a>
Titres : <hn>
![Page 18: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/18.jpg)
Déterminer le balisage
Liens : <a>
Titres : <hn>
![Page 19: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/19.jpg)
Déterminer le balisage
Liens : <a>
Titres : <hn>
![Page 20: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/20.jpg)
Déterminer le balisage
Liens : <a>
Titres : <hn>
![Page 21: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/21.jpg)
Intégrer le tableau principal
<table border="1" cellspacing="0" cellpadding="0" width="600"> <tbody> <tr> <td colspan="3" align="center" valign="top" height="50">...</td> </tr> </tbody></table>
à répéter pour
chaque tableau
1. structure du tableau
2. insertion du contenu
3. validation du balisage
4. envoi de test
![Page 22: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/22.jpg)
Styler et nettoyer<tr>
<td colspan="3" align="right" valign="top" style="padding-right: 15px;"> <span style="padding: 0 0 2px 7px; background-color: #9fc41e;"> <a href="#" style="font-size: 10px; color: black; text-decoration : underline;">Envoyer à un ami</a> <a href="#" style="padding: 0 7px; font-size: 10px; color: black; text-decoration : underline;">Compléter mon profil</a> </span> </td></tr>
style interne appliqué à l’élément cible
![Page 23: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/23.jpg)
Styler et nettoyer<tr>
<td colspan="3" align="right" valign="top" style="padding-right: 15px;"> <span style="padding: 0 0 2px 7px; background-color: #9fc41e;"> <a href="#" style="font-size: 10px; color: black; text-decoration : underline;">Envoyer à un ami</a> <a href="#" style="padding: 0 7px; font-size: 10px; color: black; text-decoration : underline;">Compléter mon profil</a> </span> </td></tr>
style interne appliqué à l’élément cible
<tr><td colspan="3" align="right" valign="top" style="padding-right: 15px;"><span style="padding: 0 0 2px 7px; background-color: #9fc41e;"><a href="#" style="font-size: 10px; color: black; text-decoration : underline;">Envoyer à un ami</a> <a href="#" style="padding: 0 7px; font-size: 10px; color: black; text-decoration : underline;">Compléter mon profil</a></span></td></tr>
suppression des sauts de ligne inutiles
![Page 24: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/24.jpg)
Feinter les webmailsen utilisant background
<tr> <td align="center" valign="middle" width="200" height="40" background="img/bkg_sp1.gif"><a href="#" style="font-weight: bold; font-size : 12px; text-decoration: none; color: #f23997;">EN SAVOIR PLUS</a></td> <td align="center" valign="middle" width="210" height="40" background="img/bkg_sp1.gif"><a href="#" style="font-weight: bold; font-size : 12px; text-decoration: none; color: #6b82c5;">EN SAVOIR PLUS</a></td> <td align="center" valign="middle" width="190" height="40" background="img/bkg_sp1.gif"><a href="#" style="font-weight: bold; font-size : 12px; text-decoration: none; color: #6b82c5;">EN SAVOIR PLUS</a></td></tr>
attribut appliqué à la cellule de tableau <td>
![Page 25: Comment intégrer une newsletter (KiwiParty 2010)](https://reader033.vdocuments.mx/reader033/viewer/2022052211/559197701a28abe8668b4698/html5/thumbnails/25.jpg)
Merci pour votre attentiondes questions ?
http://twitter.com/schillinger
http://www.inseo.fr