Intégrer une newsletter       sans prise de tête
Corinne Schillinger
Avant l’intégration
Dessiner la structure
Dessiner la structure
Dessiner la structure
Dessiner la structure
Dessiner la structure
Dessiner la structure
Dessiner la structure
Dessiner la structure
Dessiner la structure
Dessiner la structure
Dessiner la structure
Déterminer le balisage
Déterminer le balisage
Déterminer le balisage
Déterminer le balisage
Déterminer le balisage
Déterminer le balisage
Intégrer le tableau principal     <table border="1" cellspacing="0" cellpadding="0" width="600">    <tbody>      <tr>     ...
Styler et nettoyer   <tr>  <td colspan="3" align="right" valign="top" style="padding-right: 15px;">    <span style="paddin...
Styler et nettoyer   <tr>  <td colspan="3" align="right" valign="top" style="padding-right: 15px;">    <span style="paddin...
Feinter les webmails               en utilisant background   <tr>  <td align="center" valign="middle" width="200" height="...
Merci pour votre attention       des questions ?
Upcoming SlideShare
Loading in …5
×

Comment intégrer une newsletter (KiwiParty 2010)

2,013 views

Published on

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
2,013
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Comment intégrer une newsletter (KiwiParty 2010)

  1. 1. Intégrer une newsletter sans prise de tête
  2. 2. Corinne Schillinger
  3. 3. Avant l’intégration
  4. 4. Dessiner la structure
  5. 5. Dessiner la structure
  6. 6. Dessiner la structure
  7. 7. Dessiner la structure
  8. 8. Dessiner la structure
  9. 9. Dessiner la structure
  10. 10. Dessiner la structure
  11. 11. Dessiner la structure
  12. 12. Dessiner la structure
  13. 13. Dessiner la structure
  14. 14. Dessiner la structure
  15. 15. Déterminer le balisage
  16. 16. Déterminer le balisage
  17. 17. Déterminer le balisage
  18. 18. Déterminer le balisage
  19. 19. Déterminer le balisage
  20. 20. Déterminer le balisage
  21. 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. 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. 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;"><ahref="#" 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 monprofil</a></span></td></tr>
  24. 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. 25. Merci pour votre attention des questions ?

×