1. Intégrer une newsletter
sans prise de tête

2. Corinne Schillinger

3. Avant l’intégration

4. Dessiner la structure

5. Dessiner la structure

6. Dessiner la structure

7. Dessiner la structure

8. Dessiner la structure

9. Dessiner la structure

10. Dessiner la structure

11. Dessiner la structure

12. Dessiner la structure

13. Dessiner la structure

14. Dessiner la structure

15. Déterminer le balisage

16. Déterminer le balisage

17. Déterminer le balisage

18. Déterminer le balisage

19. Déterminer le balisage

20. Déterminer le balisage

21. 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>
péter pour
à ré bleau
chaq ue ta

22. 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>&nbsp;
<a href="#" style="padding: 0 7px; font-size: 10px; color: black;
text-decoration : underline;">Compléter mon profil</a>
</span>
</td>
</tr>

23. 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>&nbsp;
<a href="#" style="padding: 0 7px; font-size: 10px; color: black;
text-decoration : underline;">Compléter mon profil</a>
</span>
</td>
</tr>
<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>&nbsp;<a href="#" style="padding: 0 7px;
font-size: 10px; color: black; text-decoration : underline;">Compléter mon
profil</a></span></td>
</tr>

24. Feinter les webmails
en 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>

25. Merci pour votre attention
des questions ?