Discover Classes. Earn 10% Rewards.

HTML Email Bootcamp

Learn how to code custom-designed emails that adapt to different screen sizes. From responsive layouts to optimizing images, this course covers all aspects of coding emails.

  • Intermediate
  • All ages
  • Earn 10% Rewards
  • Price Lock

    Secure your booking now and we'll match any price drop within 48 hours across all booking platforms, ensuring you never miss out on savings!

  • Self-paced, start anytime
  • 6 clock hours

Express Checkout – $425


Proceed to Checkout

No Booking Fees. Lowest Price Guaranteed. Earn 10% Rewards.

Give as a Gift

Book a Private Group Event

Booking this class for a group? Find great private group events

Or see all Coding Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

Class Description

Description

Email marketing plays a key role in modern marketing campaigns. In this hands-on course, you’ll learn how to code custom-designed email layouts and graphics that help engage your audience. You’ll explore how HTML and CSS are used specifically for email development and how these techniques differ from coding standard webpages.

You’ll also learn how to build responsive emails that display well across a range of screen sizes, along with the full email workflow, from testing to final delivery, using an email service provider such as Mailchimp.

What You Will Learn

  • Learn how to code effective HTML email messages that are cross-mail-client compatible
  • Build and work with multiple layouts, including single and multi-column layouts
  • Gain a deeper understanding of email-friendly HTML and CSS, and how to manage issues across different email clients
  • Create responsive emails that adapt across various devices
  • Optimize images and swap graphics to enhance mobile device compatibility
  • Use media queries to fine-tune mobile styles

Course Outline

Section 1

Simple Responsive Layout

  • Coding the table structure
  • Fixing a gap below images
  • Making the email responsive
  • Introduction to CSS media queries

2-Column Layout: Media Queries

  • Coding the nested table structure
  • Writing styles for desktop & mobile versions
  • Media queries for fine-tuning mobile responsive design
  • Modifying media queries

Mobile-Friendly Column Layout

  • Coding the table for the 2-column content
  • Converting the mobile layout to 1-column
  • Adding the other date listings
  • Refining the CSS

Section 2

Optimizing Images for Mobile

  • HTML email image quality: a balancing act
  • Dealing with hi-res/retina images
  • Swapping the banner on mobile
  • Further optimizing the mobile banner

Responsive Footer

  • Structuring the footer layout
  • Styling the footer
  • Optimizing the footer for smaller screens

Sending Tests & Email Fixes (Preflighting)

  • Adding a preheader to entice mobile users
  • Inlining the CSS
  • Sending test emails

This course is available for 30 days. You can choose when to start your access period. Once you activate, you will have 30 days to complete it (access the course materials, quizzes, projects and videos). You may request one extension of seven (7) days. Other extension requests will be evaluated on a case-by-case basis. Videos are not downloadable.

Refund Policy

  • Students may cancel up to 14 days before the class/program start date and receive a refund, less the registration fee (10% of the undiscounted course price). 
  • Cancellations within 14 days are not permitted, but students may reschedule up to three business days before the class start date.
  • For cancellations and reschedules, please email us at [email protected]

In any event where a customer wants to cancel their enrollment and is eligible for a full refund, a 5% processing fee will be deducted from the refund amount.

Reviews of Classes at Noble Desktop (452)

Similar Classes

Noble Desktop

Noble Desktop is a reputable New York-based training institute known for offering a wide range of creative and technical courses, including web development, design, coding, and digital marketing. With a strong emphasis on hands-on learning and industry-relevant skills, Noble Desktop equips individuals with the knowledge and expertise needed to excel in today's competitive job market.

View school profile
Noble Desktop
Vetted by CourseHorse

A verified Online educator.

CourseHorse’s Choice 4.6 out of 5 · 452 reviews
Loading...