• Like
  • Save

Code This, Not That: 10 Do's and Don'ts For Learning HTML

  • 37,258 views
Uploaded on

As a marketer, you craft blog posts, publish landing pages, and send email campaigns. While you may not be a webmaster, having a few HTML tricks up your sleeve can make you more agile and efficient, …

As a marketer, you craft blog posts, publish landing pages, and send email campaigns. While you may not be a webmaster, having a few HTML tricks up your sleeve can make you more agile and efficient, without having to rely on a webmaster's help.

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
37,258
On Slideshare
0
From Embeds
0
Number of Embeds
45

Actions

Shares
Downloads
0
Comments
2
Likes
41

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. That: </h1> t ode This, No <h1> C 10 Do’s & Don’ts For Learning HTML.
  • 2. When you’re a marketer, coding can feel like a foreign language …
  • 3. … but a language that’s essential to your job.
  • 4. That’s why we want to share …
  • 5. 10 Do’s & Don’ts For Marketers HACKING HTML.
  • 6. Ready to learn?
  • 7. Let’s go …
  • 8. Don’t Build your own email templates from scratch. 1
  • 9. Creating an email template from scratch could translate differently, depending on where it’s delivered.
  • 10. Creating an email template from scratch could translate differently, depending on where it’s delivered. (Templates come pre-optimized.)
  • 11. 1 Do Use default templates and customize them.
  • 12. Instead, use HTML as the frosting on your emails.
  • 13. Don’t Feel like you need to design it all yourself. 2
  • 14. Don’t Feel like you need to design it all yourself. (That’s a lot of work.) 2
  • 15. 2 Do Focus on the content and enhance with simple hacks.
  • 16. This should help. Download it here: http://hub.am/1f9lUtW
  • 17. Don’t Send an email if you haven’t tested it first. 3
  • 18. Don’t Send an email if you haven’t tested it first. (There’s no ‘undo’ button.) 3
  • 19. 3 Do Test your emails out on as many clients as possible.
  • 20. Your emails could look different on all of these.
  • 21. Don’t Copy/paste HTML from Microsoft Word. 4
  • 22. Don’t Copy/paste HTML from Microsoft Word. (It won’t render correctly.) 4
  • 23. 4 Do Copy/paste from TextEdit or Notepad.
  • 24. These programs nix their own HTML and just keep yours.
  • 25. Don’t Embed JavaScript in an email. 5
  • 26. Don’t Embed JavaScript in an email. (It won’t work.) 5
  • 27. YouTube videos require JavaScript.
  • 28. 5 Do Take a screenshot and hyperlink the image.
  • 29. Like this.
  • 30. Don’t Put a form in an email. 6
  • 31. Don’t Put a form in an email. (Like YouTube videos, it won’t work.) 6
  • 32. 6 Do Send traffic to landing pages using CTAs & hyperlinks.
  • 33. Like this.
  • 34. Don’t Work directly off your original copy. 7
  • 35. Don’t Work directly off your original copy. (There’s no ‘undo’ button.) 7
  • 36. 7 Do Make a backup copy of anything you’re changing.
  • 37. Clone the page or email first, then make changes.
  • 38. Don’t Break the rules of HTML hierarchy. 8
  • 39. <html> <head> </head> <body> <h1> </h1> <div> <p> <strong></strong> </p> </div> </body> </html>
  • 40. <html> This is hierarchy. <head> </head> <body> <h1> </h1> <div> <p> <strong></strong> </p> </div> </body> </html>
  • 41. This is !important.
  • 42. <html> <head> </head> <body> <h1> </h1> <div> <p> <strong></strong> </p> </div> </body> </html>
  • 43. This could cause long-term problems.
  • 44. This could cause long-term problems. (Seriously. Don’t do it.)
  • 45. 8 Do Give everything the appropriate hierarchy.
  • 46. <html> Stick to this. <head> </head> <body> <h1> </h1> <div> <p> <strong></strong> </p> </div> </body> </html>
  • 47. Don’t Make changes without knowing how many pages it affects. 9
  • 48. Changing your logo on one page could affect ALL your pages.
  • 49. 9 Do Consult a designer before making big changes.
  • 50. 9 Do Consult a designer before making big changes. (If you don’t know what a “big change” is, ask a designer first.)
  • 51. Don’t Delete code if you’re not sure what it does. 10
  • 52. Seriously. It’s extremely dangerous.
  • 53. 10 Do Learn your HTML basics before diving in head first.
  • 54. HTML Hacks for Marketers: Decoded Click to download: http://hub.am/1f9lUtW
  • 55. Thanks.