Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Semelhante a HtmL E-Mails
Semelhante a HtmL E-Mails (20)
Último
Último (20)
HtmL E-Mails
- 1. HTML E-mail Building a professional HTML E-mail
- 2. Two methods Cowboy Professional
- 3. Cowboy method Embed image intoE-mail and send
- 4. All Finished…. Have a cup of tea
- 5. Thank you
- 6. But seriously this will lead toa train wreck With no control overimages, text, width or height
- 7. With certainly no scope forany complicated layouts
- 8. To build a beautifulprofessional HTML E-mail… You need to use …
- 9. …HTML tables
- 11. Nesting two HTML tables willallow you to centre an E-mail And allow use of background colour
- 12. Maximum width of 600px(yes I was getting desperate for a relevant pic)
- 13. Sketch out the design
- 14. Avoid breaks Use 1 x 1 invisible spacer gifsto control height and width
- 15. Write table code by hand <table width=“600”> <tr> <td>Row 1 cell1</td> </tr> </table> Use CSS inline styles attached to the <p> tag
- 16. Inline styles need to apply to every paragraph <p style=“font-family: verdana, sans-serif; font-size: 11px;”>Some text</p> <p style=“font-family: verdana, sans-serif; font-size: 11px;”>Some text</p>
- 17. Each image needs to have a width and height applied to it <img src=“image.gif” width=“10px” height=“20px” alt=“description of image”> The alt attribute is used to describe an image when it is not available
- 18. End of technical bit
- 19. With our beautifully structured table in place We now need to add a couple of often overlookeditems
- 20. An alternative viewing method(if user is viewing E-mail as text only)
- 21. To provide an alternative view upload your e-mail to some web space and link to it using the follow View this as a web page
- 22. Get IT to set you up a domain, upload and link to the “view as web page” text
- 23. An alternative viewing method(if user is viewing E-mail as text only) An unsubscribe option
- 24. Campaign Monitor Spam is any email you send to someone who hasn’t given you their direct permission to contact them on the topic of the email
- 25. The Can-SPAM ACT of 2004 states Opt out preferencesmust be provided in E-mail Unsubscribe link Bit of a tenuous photographic link
- 26. Unsubscribe link Should be positioned in the bottom left of the HTML E-Mail
- 28. SO WHY DO WE BOTHER?
- 29. Truth remains… Businesses and individualsthe world over send and receive E-mails in HTML format by default everyday
- 30. So how can we measure ourCash cow’s ROI?
- 31. Let someone elsedo the work
- 36. Delivery Records
- 38. Set clear goals for your marketing campaign What is your target audienceand do they use mobiles?
- 39. For mobile clients I’d recommend that you stick to a single column layout.
- 40. And provide a fall back ofa text only version
- 42. Sketch out the design by hand
- 43. Build using HTML tables
- 44. Max width 600 pixels
- 45. Use Invisible spacer gifs to control layout
- 46. Write code by hand
- 48. HTML E-mail with borders visible to show structure
- 49. CMA HTML E-mail no borders
- 50. CMA HTML E-mailon iPhone
- 51. CMA HTML E-mail as plain text
- 53. Thank you
Notas do Editor
- Introduction what does everyone understand an HTML E-mail to be
- Two methods (personas, types, classes) on how to build an HTML E-mail
- Take an image cut and paste into Microsoft Outlook will look great on a local machine within Outlook. explain that this is what most people understand an HTML E-mail to be
- Enough said
- There is a lack of control using this method as each desktop E-mail clients, Microsoft Outlook, Pegasus Mail, Mozilla's Thunderbird, and Apple Inc.'sMail. 33 listed on wikipedia) as well as 12 purelytext based, and 12 webbased including Gmail, Yahoo! Mail, Hotmail,
- Two or Three column Grids for Newsletters are out of the question
- HTML is a basic language of web page development; it uses a system of pre-defined tags enclosed within the "<" and ">" symbols.HTML tables <table>…</table>Identifies a table.<tr>…</tr>Contains a row of cells in a table.<td>…</td>A table data cell.
- Part of the photograph showing Dr Gillaume Benjamin Amand Duchenne (1806 - 1875) and his assistant performing their 'Faradism' experiment on a live subject
- Nesting or groupingtables involves placing one HTML table within another
- Sticking to a maximum of 600 pixels wide ensures your design should still be readable when scaled down for mobile devices. This width also gives good results in desktop and web-based preview panes
- Use Pen and paper to draw a grid to show all the rows and columns of your table including spacer gif columns
- By applying1px by 1px invisible spacer gifs to your layouts you can control height and width of your table <img src href=“spacer.gif” width=“100” height=“100” alt=“”>Controversial as sometimes these can be viewed as a Spaming device
- HTML tables <table>…</table>Identifies a table.<tr>…</tr>Contains a row of cells in a table.<td>…</td>A table data cell.
- Inline styles are CSS styles that are applied to one element using the style attribute
- Specifying the width and height of all embedded objects like images and applets allows your user's browser to render your page without waiting for images to download and try on for size The alt attribute is meant to be used as an alternative text if the image is not available
- Code? Beautiful? Sure. After all, Code is Poetry. This is just HTML, so it can’t be quite as intricate and elegant as a dynamic language, but it still bears the brush strokes of its creator. http://css-tricks.com/what-beautiful-html-code-looks-like/
- Your HTML E-mail document will double as HTML page, rename page “index.html” to differentiate between documents. And ensure DOCTYPE is present <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> on webpage
- IT will provide a url such as: <a style="color: #ffffff" href="http://images.complete-grp.com/Dublin2010/index.html">View as web page</a>
- Spam is any email you send to someone who hasn’t given you their direct permission to contact them on the topic of the email. http://www.campaignmonitor.com/anti-spam/
- The CAN-SPAM Act, a law that sets the rules for commercial email, establishes requirements for commercial messages, gives recipients the right to have you stop emailing them, and spells out tough penalties for violations.
- Unsubscribe link should read “You are receiving this E-mail because you expressed an interest in our company to unsubscribe Click here”
- Flash is not supported within the E-mail environment whilst animated Gifs will not work in Outlook 2007
- Truth remains businesses and individuals the world over send and receive e-mails in HTML format by default everyday
- http://www.mailchimp.com/http://www.campaignmonitor.com/
- 3rd party e-mail services will store your E-mail lists and keep them up to date with unsubscribe being handled automatically mail chimp allows sending of 1,000 e-mails free.